The Sketch Handbook
Everything you ever wanted to know about designing with Sketch on 376 pages.
About the book
With practical examples, ‘The Sketch Handbook’ will guide you through every aspect of Sketch in 12 jam-packed chapters. Based on the sample project “Visit Austria” – the loveliest places of the Central European country – it will teach you how to design a multi-screen mobile app, a responsive article with different breakpoints, a variety of icons, some fun projects and much, much, more. You will also learn about the most recommended plugins and get many useful tips, tricks and best practices.
Simply put, the book will make you a proficient user of Sketch.
Who is this book for?
Whether you are a beginner to design or just started to use graphical apps, ‘The Sketch Handbook’ will teach you anything you want to know about Sketch, the best UI design app available. Also, if you have used other apps, like Photoshop or Illustrator, before and want to try out something easier, you should have a look at the book. Even if you are already an intermediate Sketch user, you will find plenty of tips and tricks in this book you didn’t know.
It (The Sketch Handbook) has been extremely useful and certainly worth the investment. The tools you recommend and the tutorials were simply invaluable. I would say that your book should be a necessity in any current UI design course.
I just wanted to let you know that I'm enjoying your book [...] I'm a designer and developer with decades of experience and I appreciate - require - the level of detail you provide plus your opinion about how best to use the application in practice.
Most tech books focus on technique, with examples are difficult to relate to. Christian Krammer really gets it. The Sketch Handbook is instantly useful. I’ve been doing user experience for 19 years and this book gave me a whole new (and better) workflow. My highest recommendations.
I learned so many practical tips about Sketch in your book! Plus the project orientation helped me think about bigger issues, such as layer organization, managing responsive design, etc. It's often hard to pull those ideas out in a book that's organized more around individual capabilities of a tool.
[...] I bought the e-book, I think its excellent. Detailed breakdown of all the features particularly Symbols and Responsive.
Just finished reading the Sketch Handbook [...] by @smashingmag - great content, as always!
About the author
Christian Krammer is a web-designer and Sketch app pro. He has run the site sketchtips.info now over almost three years and has published countless tips and tricks about Sketch on that site. Christian also released two Sketch courses on Skillshare. When he’s not fiddling around with Sketch, he loves to spend time with his family or watch a good movie. Follow him on Twitter for some great Sketch tips.
Table of contents
1. An Introduction To Sketch
The first chapter gives you a compact overview of the most important features of the design app, as well as an introduction to the interface of Sketch. Mainly, you will get a short peek into its best features: Read more
Topics covered:About the author, Interface basics, Sketch basics, Bitmaps vs. vectors
2. Design An App
Based on the app “Visit Austria” that Christian has designed for the book, you will learn the basics of Sketch. The app is all about the most beautiful places of Austria, Christian’s homeland. Read more
3. The Power Of Iterations And Artboards
A design is never finished, so we will use artboards to evolve its elements and try out different ideas. With it you will learn about a very important topic: Read more
4. Create A Logo For The App
In this chapter Christian will show you his approach on this important branding asset. You will not only learn how to create a logo, but also how to generate ideas surrounding it. To separate the logo from the rest of the app, we will set up our first page. Read more
5. Create The Overview Page
The app we started in the second chapter not only consists of a detail screen, but also of an overview page with a list of more lovely places. Now, a new options bar is introduced, containing a handful of different icons. Read more
This chapter is all about one of the strongest features of Sketch: Exporting. After a bit of setup basically all you need to do is to press a button to export all your different assets. Read more
7. Design The Article Page
Mobile is growing like crazy, but it’s not the only way to consume content. There are still a myriad of other devices with larger screens, so we take a look at how to display information on those in this chapter. Read more
Topics covered:Grids and layouts, Baseline grid, Text and borders, Adding content with the Craft plugin, Choosing font sizes, Text options, Tracking, kerning and ligatures, The optimal reading experience, Add a drop cap, Images, Image manipulation, Text styles, Maximize available space, Blending modes, Duplicate content with Craft, Nested symbols, Layer order
8. Going Responsive
A modern website doesn’t consist of a single width alone. With responsive web design in mind, you need to create multiple breakpoints where the layout can adapt to the new screen width. Read more
9. The Final Breakpoint: Desktop Widescreen
Even with the rise of hand-held devices desktop computers will probably not go away anytime soon. After the first two breakpoints are finished, this final version takes a look at how the available information can be arranged on a widescreen display. Read more
10. Design The Category Icons
For this chapter, Christian has created four different icons, that each sight falls into. The premise for all of them is to use basic shapes as often as possible instead of custom vectors. Read more
11. Export The Category Icons
The category icons are finished, but the work is not done yet. This chapters focuses on their optimization: on one hand, the icons can be used in different forms. On the other hand, we will slightly adapt some parts so they can be exported in an optimal way, with a small file size in mind. Read more
By now the book has covered most of the aspects of Sketch and you should be able to apply this knowledge and build everything you can imagine. However, there are still a few topics left that are either not immediately obvious in Sketch or imply a certain technique. Read more
Topics covered:Create a realistic clock, Create textured type, Create pie charts (five different methods), Create a round progress bar, Create some logos, Advanced shadows, Multiple borders and gradients, Rotations, Rotate copies, Masks, Image and pattern fills, Blending modes, Advanced vector manipulation, Advanced border options, Text on a path, Create branding assets, How to account for missing fonts
And much more
Apart from the topics above, each chapter is jam-packed with dozens of quick tips and info boxes about various areas of Sketch and other design-related topics.
Available now as print book and e-book from
Also coming as Web Guide on April 1.