Christian used to be very active in the Sketch community once, and even wrote a book about the design app. Nowadays he works as an Evangelist for Gravit Designer, where he takes care about their users and helps to improve the application.
Christian is a proper nature-boy from Austria, where he lives with his wife and 10-years old son. When he’s not staring at his laptop for once, he loves to spend time with his family, go outside and do some sports or watch a good movie. His all-time favorite is Fight Club, but he’s more into a good series lately, because, you know, winter is coming.
Welcome back to the second part of this tutorial on Gravit Designer. In the first part Christian Krammer took you through a general look at Gravit and set everything up, created the background image in the weather app and the status bar, and then started to make the initial elements of the design’s content. Having created the main text layers of the content area in part one, let’s continue with the weather conditions for the different times of day.
Read more…
Today there are plenty of applications available for modern design that let you easily bring your ideas to the screen: Sketch, Affinity Designer, Adobe XD (beta) and Figma, to name just a few. Gravit Designer is a quite new app, that gives you all of the tools needed to create functional and elegant screen designs. It can also be used to make icons, designs for print, presentations and much more. In this tutorial, Christian Krammer will walk you through the creation of a neat weather app.
Read more…
Due to its similarity to Sketch, Figma was easy for Chrstian Krammer to grasp right from the start, but it also has some unique features to differentiate it from its competitor, such as easy file-sharing, vector networks, “constraints” (for responsive design) and real-time collaboration. In this article, Chrstian would like to compare both apps in detail and highlight where each of them shines.
Read more…
Data should be the cornerstone of everything you create. It makes it easier to account for edge cases, or things you might not have thought of otherwise. The easiest way to work with real data in Sketch is the with Craft plugin from InVision. It provides a wealth of predefined content, such as names and addresses, lets you scour a website for the required information, and enables you to feed in a JSON file and work with the provided data.
Read more…
In this article, Christian Krammer will teach how easy it is to recreate real-world objects in a very accurate way. You will learn not only how to stack multiple borders, but also how to apply gradients to create distinctive effects. You’ll also learned more about rotations and how to use the Rotate Copies function to add multiple copies of the same object in a very special way. To help you along the way you can also download the Sketch editable file.
Read more…
In the second part of this series, Christian Krammer will teach you more about using Sketch effectively for mobile app design. You will finish designing the music player that you started in part one. This includes creating the icons at the bottom, as well as making the music player responsive, so that all elements adapt to the width of the artboard and, thus, can be used for different device widths. Shapes are much easier to set up and modify, and you will still be able to combine them into more complex forms using Boolean operations.
Read more…
Sketch is known for its tricky, advanced facets, but it’s not rocket science. We’ve got you covered with The Sketch Handbook which is filled with practical examples and tutorials that will help you get the most out of this mighty tool. In today’s article, Christian Krammer gives us a little taste of all the impressive designs Sketch is capable of bringing to life.
Read more…
In a time when everyone seems to have a tablet, which makes it possible to consume everything digitally, and the only real paper we use is bathroom tissue, it might seem odd to write about the long-forgotten habit of printing a Web page. Nevertheless, as odd as it might seem to visionaries and tablet manufacturers, we’re still far from the reality of a paperless world. [Links checked February/08/2017]
In fact, tons of paper float out of printers worldwide every day, because not everyone has a tablet yet and a computer isn’t always in reach. Moreover, many of us feel that written text is just better consumed offline. Because I love to cook, sometimes I print recipes at home, or emails and screenshots at work, even though I do so as rarely as possible out of consideration for the environment.
Read more…
Hidden deep within the browsers are heavily underrated properties which can be quite useful. Have a look at some of the less known CSS 2.1 and CSS3 properties and their support in modern browsers.
Read more…
If you’re designing for the web today, you are probably using Sketch. We do,
too, so we created “The Sketch Handbook”, filled with many practical examples
and tutorials in 12 jam-packed chapters.
Read more…