Because it’s an app about weather and a potential user should see the current conditions at a glance, let’s start with a full-sized background image. The page will hold all of the elements of the proposed app. ( View large version)Īfter having selected the “Nexus 5” preset, you will be presented with a new “page” (known as an artboard in other design applications) at the center. Top: Leaving "width" and "height" empty will create a design file with an infinite canvas. Figure 2: Bottom-left: Start from the "Nexus 5" preset. This initial screen also lets you open files (either from Gravit Cloud or from your computer) and start from a selection of templates. (Click and select the template from the dropdown.) If you don’t want to limit your imagination, you can also leave the “width” and “height” fields at the top empty, which will create an infinite canvas going for a fixed-dimension canvas later will be easy: Just enter width and height values. For the purpose of this tutorial, let’s start with the “Nexus 5” template, which has the common size of 360 × 640 pixels. The first thing you will see when you open Gravit Designer is the start screen, with a broad selection of presets (see figure 2). In Sketch, you can work with various plugins that automate parts of your workflow and help you work much more efficiently. If you're a UI designer and you still haven't made the transition, it's worth trying out. Moving From Photoshop And Illustrator To Sketch (Please remember that you need to select “View” → “View Mode” → “Output View,” so that the overflowing parts of the design are clipped when you initially open the design in Gravit.) You can download the design file to inspect it or use it as the base of your own work. So, in this tutorial I will walk you through the creation of a neat weather app (designed by Claudia Driemeyer). ( Go to Part 2)Įvery new tool can feel daunting at the beginning. Gravit Designer is free, works on all major OS platforms and is available as both a web and desktop (standalone) app. Gravit also has Symbols and improved anchoring options (also called constraints in other apps) now. With the recent release, it’s gotten even better: Now you can import your Sketch files into Gravit (similarly to Figma, which also supports the new Sketch file format), save designs locally or sync them to Gravit Cloud, and get started quickly with design templates. It can also be used to make icons, designs for print, presentations and much more. Gravit gives you all of the tools needed to create functional and elegant screen designs. One app that is quite new, though - and perhaps a bit overlooked - is the free Gravit Designer app. In this tutorial, Christian Krammer will walk you through the creation of a neat weather app.īeing a designer at the moment is great because a wealth of modern design applications are available that let you easily bring your ideas to the screen: Sketch, Affinity Designer, Adobe XD (beta) and Figma, to name just a few (not to mention the classics, Photoshop and Illustrator). Gravit Designer is a quite new app, that gives you all of the tools needed to create functional and elegant screen designs. 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.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |