![]() Or maybe you have one of your own that you use.Before you read on I want to make sure everyone is getting the most out of this article. Now if you’re a developer you may already have a Grid system that you currently work with, for example the Bootstrap framework with it’s Grid built in. When working with designs for various screen sizes it’s great if you can stick to a nice grid system for aligning elements on the various devices, and screen sizes your design is going to be available on. ![]() Setting up a Grid System for those pixel-perfect layouts ![]() Show distance to other layers inside group Alt + Cmd.Toggle Layers List and Inspector Alt + Cmd + 3.I won’t cover them all, and if you require a reference to them all, this site here is essential. Before we move any further, let me show you a few invaluable keyboard shortcuts that you’ll find yourself using on a regular basis. You can download them manually from here, or you can use the fantastic SkyFonts, where, once installed, you can, via the Menu bar on your Mac, easily search for, and install fonts straight from the SkyFonts app. Trawling through the various folders on your machine to find the correct one. Gone are the days when It used to be a chore in choosing the right icon from your various icon sets. It’s a small set, but perfect for this tutorial, and will allow you to not be over-faced with masses of icons as we move through the following tutorials. The set we will be using for this tutorial are the awesome SVG icons from Entypo. Let’s bring on the iconsĮveryone loves a good icon set. So go ahead and install Sketch Toolbox, then, via that app, install the plugins that I mentioned above. I have a few plugins that I pretty much use all the time when working on a project. With a quick button press you can install them into Sketch. Now you can install plugins manually, or you can grab an awesome application called Sketch Toolbox which allows you to easily look through some of the many plugins available out there. No designer should leave home without the Sketch Toolbox I know, from previous experience, that being presented with the document size dialog box before you’ve even started designing somehow restricts your thinking already. It doesn’t constrict you into choosing a document size, or output resolution, and you can start working straight away without feeling confined. Now I mentioned briefly about the infinite canvas with the app, and this is one of the key features that makes Sketch great to work with. The infinite canvas is one of the key features thats makes Sketch great Next to that panel you have your Infinite Canvas, where all your designing will be done.Īnd on the right you have the Inspector where you can adjust the settings for the layer you’re currently working on, or tweak the options for the current tool you’re using. On the left you have your Layers List, where any elements that you add to your design will be visible here. You can drag & drop elements around with ease, to get a toolbar that’s suited to you.īelow that you have the 3 main areas. This can be setup to your liking (show what you need, hide what’s not required) by clicking on the View menu, and then on Customize Toolbar… Your Toolbar at the top contains a variety of tools that you can use when working on a project. The Sketch interface is native, bright, and refreshingly simple
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |