FREELessons: 18Length: 2.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

2.2 Interface Overview

Now that we’re up and running with Gravit, let’s have an overview of the most important elements of the interface. We’ll cover each main section and some of the key settings you’ll work with in Gravit.

2.2 Interface Overview

Hey, welcome back to Gravit Design, a Quickstart. In this lesson, we're just gonna have a quick overview of the interface. We're gonna save detail until later in the subsequent lessons. So, for now, we're just gonna cover the basic sections in this UI as well as some of the key settings for Gravit. And the first thing I personally like to do when I open up Gravit to use it is change the theme. We have this purple theme by default that's called Gravish, but there is also a light theme and a dark theme. And because color is relative, having purple next to another color can change the way you actually perceive that color. So, I prefer to go with neutral colors, which you can do by going up to edit settings and then choosing either a dark theme or a light theme. I recommend using the dark theme if you're gonna be creating graphics that are going to have a fairly dark background around them and a light theme if you're gonna have graphics that will be put onto a light background. That's just gonna let you simulate the environment that your graphics are gonna be used in so you should get the best visual representation of how they're gonna look once they deploy. So now I'm just gonna go with the dark thing and then save changes. So you've got your basic file menu along the top here, that's really standard for just about any software. But other than that if you are a sketch user, you'll probably find this layout fairly familiar. Along the top bar here, you've got all of the different tools that you're gonna be using. On the left hand side here, you've got pages. We're gonna go into what pages are a little bit later. Layers down here. You have libraries which are some additional graphics that are provided that you can just drag and drop into your designs. Again, these are all provided free of charge by Gravit, and you can use these however you like. Then you also have symbols, which is an area where you can create your own library of reusable assets and we'll talk more about those later as well. On the right hand side, this is where you have context-specific information relative to whatever shape you have currently selected. So right now, I have this shape selected that I just dragged into the design. So over here, I'm seeing all of the different things that I can change to control the presentation of this shape. We're gonna go through what all of these different sections on the right hand side do also later on in the course. If you don't any objects like so, just click on the canvas for example, deselect everything, that's how you get access to your document and page settings. So right now we have an infinite canvas. So if I want to zoom out, I can hit control, then I can scroll my mouse wheel and no matter how far I go, there's no edge to my canvas. But what I can do is just select from any of these predefined dimensions and now I can zoom back in again using control on the scroll wheel or I can just hit this button here to fit my documents to the page and now I have a fixed size document. In these document settings here, we can also control what type of unit we're using. So, we have Pixels as the default option, but we can also choose from Millimeters, Centimeters, Inches, Picas and Points. So choose whatever you need for your project there, and we have the option to activate a grid. So we have a regular grid, we can set that width and heigth of our sales to anything we want and we also have an isometric grid. And that's also completely customizable as well. As far as the tools along the top here goes, we are gonna be spending some time digging into more details to some of these tools..But others don't need a lot of cross examination. So just to quickly go over those. Here, we've got an easy-access button to save your work, undo and redo. This is a zoom level, so you can just hit the plus and minus buttons here to zoom in and out, but you can also click this button here to get a drop-down to jump straight to specific zoom levels, and you also get a reference there for keyboard shortcuts to go to those zoom levels. We already showed the fit all button. Here we've got the panning tool and the zoom tool. Here, you can activate snapping as well as determine how you want your snapping to work. This section of tools we're gonna dig into later. This section is for simple flipping and rotating of your shapes. So I'm just gonna change that so it's actually visible, so we can flip something horizontally or vertically, or we can rotate it. These are our multiple shape options. These allow you to send your shape forward or backwards in the stack of shapes that you have on the page. So that works in with the layer system which we're gonna be looking at more closely later. This is a shortcut button to export your work, and this is the button to enter presentation mode which we'll also talk about later. All right, so that's a quick overview of the interface and some key things about how it works. In the next lesson, we're gonna have a look at the pager system for Gravit, and this is pretty cool because they bring out board like functionality into Gravit, but they also give you the ability to make presentation in Gravit. So we're gonna run through how to use the pager system in the next lesson. I'll see you there.

Back to the top