Intro to Sketch for Beginners | Sketch Tutorial (2020)

hey everyone its Joseph from learn sketch calm and today we're going back to the basics gonna do a little intro video for the folks who are new to sketch the beginners and now all the content you're about to see is actually taken from my sketch from A to Z course that I've just freshly updated on udemy and for those of you who haven't taken the course I'll put a big fat discount link in the description below for you let's get started before we dig in let's just take a quick tour of the sketch interface so we can see where everything is and why it is where it is it really makes a lot of sense it's a very minimal and streamlined interface but some things might not present themselves until you go digging for them just a little bit let's start with the toolbar at the top of the screen this toolbar is customizable mine however is set to the defaults and I'm gonna keep mine at the defaults so that way my screen matches your screen that is of course if you're at the defaults but if you want to customize the toolbar you can do a right click or a two-finger click on the toolbar itself and you can choose customize toolbar when you do that you get a whole bunch of options here that don't yet appear on the toolbar and at the bottom you have the default set which you can drag all the way up just to go back to normal so I'm gonna hit done I'm gonna leave my toolbar as is it's full of options for creating objects combining objects manipulating objects so it's really it's really a slew of unlike tools and you might be thinking if I don't put it on the toolbar do I not have access to the tool and the answer is that most of the tools if not all of the tools on the toolbar are actually redundant with the menu bar at the top of the screen they just give you quick access if you don't know the keyboard shortcut or if you just want a visual representation of those menu bar items because the menu bar is full of stuff that you may or may not use so the toolbar is yours to customize just below the toolbar we have the design canvas and this is where all the magic happens the design canvas is an infinitely sprawling area for you to design but we're not really gonna get into that right now because then there's some more to it and we've got artboards and etc etc so we're gonna look at the anatomy of a sketch document in a video that's coming up soon but for now we'll just stick to the interface itself and we'll just talk about how this middle area where all the design work is taking place is called the canvas now this canvas belongs to a page this canvas is a page and if you've got a need to separate different content within one document on separate pages that's gonna happen at the top of the layers list on the left hand side so this whole area on the left the layers list and it's how we navigate layers and it's also how we navigate pages so this top area here we can click to see if this document has any additional pages which it doesn't and there's also a little icon here to drop this down and keep the page list open so you can quickly navigate from page to page there's also a plus sign here to create a new page so you can add as many as you want to your sketch document that's right as many as you want down below we see a list of all the layers on all the various artboards that are on this particular page and below that we have this filter bar which is really just a search bar plus a little more if you click on this icon here so you can see only certain layer types in conjunction with your search or separately from searching if you don't want to do a search at all you just want to see all your groups or all your images you can do that here which is why it's the filter bar and not simply just a search bar and on the right hand side we have one of the most important parts of the entire interface which has kind of a weird name it's called the inspector and the inspector is what's gonna show the properties of the selected object so if I go and click on a text layer there's my text options on the inspector if I click on a shape layer I see all the properties for that selected shape and there are properties that can be added like shadows and blurs that aren't turned on by default so a lots going on on the inspector here and because the inspector is contextual meaning it will change depending on what you have selected it's always gonna give you the relevant options for what you need to work with and you're not gonna have to juggle through a bunch of different palettes and panels and stuff like you have to in Photoshop or illustrator the newer versions of Illustrator have kind of caught onto this concept but Photoshop is still in pallet land so you've just got a million palettes that you're trying to scrunch onto the screen at the same time so that's it that's the sketch interface we've got the toolbar across the top we've got the layers list on the left the canvas in the middle and the inspector on the right-hand side if you're coming over from illustrator or Photoshop the anatomy of a sketch document might seem a bit unique at first so let's take a look at all the detail and nuance of a sketch document I'm gonna create a new document from the welcome screen by choosing new document right at the top here on the layers list on the left hand side you can see that a new document starts us off with one page named page one and the design canvas in the middle represents page 1 and that design canvas is infinitely sprawling that's right infinitely sprawling you can create as much content as you want you can go as far and wide and tall and whatever as you want it'll just keep going and going and going now naturally if your sketch document gets huge performance will start to kind of creep down as the document gets larger and more complicated but we can separate things onto different pages to kind of speed things up because the less it has to load it once the faster it runs so let's take a look at what we're gonna be using the canvas for primarily it's gonna be to hold our artboards which is where we design contents for a screen to create a new artboard we can go to insert in the top left corner and we can choose artboard if you have a lot of artboards to create which you may learning the keyboard shortcut which is just the letter A for artboard is gonna be really helpful so if you choose artboard here or click the letter A your cursor becomes a crosshair where you can click and drag to create your art board but we're typically creating for a screen size that is of a specific resolution so on the right hand side the inspector is showing us a list of preset devices that we can choose from to make sure that we're designing at the right size at the top you can switch between Apple devices Android responsive web paper sizes or you can create your own custom presets we're gonna stick with Apple devices and we're gonna be designing for the iPhone 10s which is the same as the iPhone 10 which is the same as the iPhone 11 Pro are there enough devices I think so but the resolutions many are shared from device to device so we're just gonna be creating at this 375 by 8 12 preset here just in case the name changes with future updates now at the very you can switch between landscape and portrait but we're gonna be designing a portrait app so I'm just gonna choose iPhone 10's with the portrait orientation selected and boom there's our artboard now our artboard doesn't even fit on the screen because we're zoomed in a little too far so I'll tell you one of my favorite shortcuts which we're gonna be using a lot command1 hold the command key and tap the number 1 and it will zoom and pan to show everything that you have on the canvas or page that you're looking at that is gonna be really helpful when things get hectic and we're zoomed in and we just want to go out and we want to see everything but we can't figure out where we are just press command 1 and the day is saved so now that we're looking at everything which is really just one blank artboard let's take a look at the layers list we can see the name of the artboard on the layers list and we can see again that we're on page 1 now if you want to create another page the plus sign here will create that page and if you don't see the layers list this little caret will let you toggle to see the layers all at once or to consolidate them to a little drop down menu I'm gonna expand them out so we can see that when I hit the plus it creates a page too and you can name your pages whatever you want in fact if you decide you want to rename a page you can just double click on it and you can type a new name in there but what's most important here is page 1 is where this artboard lives page 2 is blank because I just created it but if we go to page 1 if ever we need to move an artboard from page to page let's say our app is starting to get big and complicated and we kind of want to separate it into sections you can select an artboard from the layers list and you can drag it on to the page that you'd like to move it to so now we're on page 2 this artboard now lives on page 2 because I dragged it there and I'll press command 1 again here to fit it in the screen so that's it a sketch document contains pages each page is an infinitely sprawling design canvas and on those pages we create artboards to contain the design that's going to fit on the screen of a device a lot of what we do in designing user interfaces is we start with very basic shapes the most basic of which being the rectangle which most of our UI is going to be composed of you can insert shapes and sketch using the insert menu on the left hand side of the toolbar you'll find shape and you'll find our basic shapes that we have to choose from you can also draw your own shapes we'll get to that in a later video the rectangle tool is the first and I would say the most commonly used shape and it might be worth committing the keyboard shortcut which is the letter R to memory and the oval tool is the letter O I would also consider committing that to memory as well between rectangles and ovals we can get pretty darn far let's start by creating a rectangle with the rectangle tool selected our cursor becomes sort of a little crosshair which allows us to click and drag to create our rectangle now much like everything else using shortcut keys on the keyboard we can pull off some tricks so the Shift key being the most basic because it's similar to resizing objects it constrains the proportions but specifically as you're creating a rectangle it constrains it to a square so if I'm out here like this and I hold shift it's not going to constrain those proportions it's gonna jump to become a square and if I let go and I create that square holding the shift key on the inspector on the right-hand side you can see that little lock to constrain proportions is locked so if you create a square it'll stay a square unless you unlock it manually on the inspector if you create a rectangle you'll find that the lock on the inspector is not locked which is not constraining the proportions by default but you can force it to constrain proportions by holding shift when resizing or you can lock those proportions here on the inspector another handy trick when creating a rectangle and I'll press the letter R to switch to the rectangle tool is that as you click and drag your point of origin from where you started the drag is kind of stuck where it is now our dragging is really just manipulating the size but if you hold the spacebar on the keyboard you can move the point of origin and you can start this rectangle somewhere else or this square depending on what shape you're trying to create next I'm going to press the letter O to switch the Oval tool and with the oval tool selected I can click and drag to create an oblong oval or much like the rectangle becoming a square I can hold shift and it'll make a perfect circle instead of an oblong oval another trick that's really it works with any of the shapes any of the basic shapes is that if you hold the option key it will create the shape outward from the center point that you started at so for example I'm gonna delete this shape I'll select the Oval tool again if I create if I wanted to create a little notification icon in the corner of this square I can move my cursor to the corner click and drag hold option and it'll come out from the center and I can also hold shift if I want to get a perfect circle and when I let go there's my little circle right in the corner and then I could just nudge that down and to the right and position it how I want it the next commonly used shape would be the line so if we head back to the shape menu you'll see line has it's very own keyboard shortcut of the letter L and a line allows you to click to establish point a and drag to establish point B and with a line you're kind of dealing with coordinates rather than a shape the shape is generated in the form of a border but if you look over on the inspector we're dealing with degrees and we're dealing with start and end coordinates so lines are a little more complicated than just creating rectangles and for most of the lines that we create together we're just gonna be creating really thin rectangles because they're more simple to work with on the inspector it's a little easier to be precise and you don't have to worry about those coordinates mismatching and creating very very slightly crooked lines which we don't want because those crooked lines can be blurry or those crooked lines could just be crooked which is bad enough on its own it's about time we start applying some style to these graphics and the first and most basic element of style and sketch is the fill it can be a color fill it can be a gradient fill it can be a pattern fill let's take a look at all that so first I'm gonna select some graphic elements here I'm gonna get all these guys selected on the very first artboard and I'm gonna press command 2 to zoom to my selection and now it'll be real easy to see what's going on we're not going to start with the zip loft logo we'll return to that in just a moment we're gonna start with these two bars here which are just the username and password fields for someone to log in to the application so these are really just going to be very very light very faint text boxes that have text in them but we're not gonna add the text until a little later bottom line is they're not gonna be dark gray dark gray is not appropriate so we're gonna head over to the Phils panel here and you could see that it shows a little swatch of the current fill color it shows a little icon right next to that swatch which is something called blending modes and we'll get into those shortly and then we see the hex code and the opacity the hex code is just a code for the exact color that's being used here so if you're in another application and you want to bring over the color of an element it's not sketch we can't just copy and paste typically you'll find a hex code in any application that has its own respective color picker and you could copy and paste that hex code directly into here and apply that color without even opening the color picker in sketch it's a nice quick way to both paste and copy an exact color from but we've got to go and find a color so I'm gonna click on this swatch here that opens up the color picker and the color picker allows me to click and drag to find the right color here but let's just talk about the different kind of fills real quick right now this is a solid color fill that's the default that's the first option across this little bar at the top the second option is a gradient fill but specifically a linear gradient that goes from a point A to a point B in a straight line it has two colors by default but you can click anywhere on here to add more colors we're gonna loop back around to this in just a moment the third one is a radial gradient so it's a gradient from one color to another or several colors if you add them to the bar but it comes outward from the center of a circle and you can actually click and grab and you can make this circle larger it's just a gradient that emanates outward in a radial fashion in the form of a circle the next one is kind of like a circle but the angular gradient spins around in a circle some people refer to it as the pinwheel gradient it's official name and sketch is the angular gradient we really don't use this a whole lot I know for a fact that I do not use this a whole lot but if it does come up if you need a gradient that spins around in a circle like a pinwheel you got it it's here for you the final fill mode we have is the pattern fill which is really the image fill by default it'll drop in a pattern there but you don't need to use that pattern this is exactly the box where we dropped in those photographs in a previous video to create those image fills what's interesting about this is you don't need to do an image like a photograph necessarily if you have an image of a pattern you can come down here and you can switch it to tile and if you switch it to tile you can increase or decrease the size of that tiling and you can create basically as long as you have an image that's seamless you can create a seamless pattern so that can be kind of useful but otherwise if you're using it as an image fill you may or may not already have your own image and if you don't a pretty cool feature that's relatively new is here at the top it says apply data images fill and what that means is sketch can automatically generate faces tiles which is kind of a weird feature and then over here unsplash unsplash is an awesome royalty-free website filled with a bunch of extremely high quality photos and we can actually populate a photo from unsplash directly from here we could just click random photo and it'll slap in a photograph or we can do a specific search and get something that we're looking for this little circle icon here that was not here before will let us randomize and refresh that data so if we don't like the photographs that come through we can click and switch them out but really it's an awesome awesome way to populate a design especially if you don't have real content yet you can throw in some sample images and see what things are gonna look like when they're done even though you don't have the real photographs yet but we don't want to fill these bars with photographs that's for sure these are just gonna be a regular solid color fill so I'm gonna click back on the solid color fill and I'm gonna drag the color picker dot up to the top left corner I want just a really light gray just a really really subtle gray here and once I've got my subtle gray my work here is kind of done we can kind of move on to another layer the color picker here we're gonna get into much more detail about the color picker in the next video but for now just know that the hue at the bottom can be changed and as you change the hue of course the entire color picker above will change to match that hue and then below that we have opacity but we're not going to mess with city yet opacity is also referred to as alpha which is what this little value means down here a hundred means a hundred percent opacity so anywho let's go to the zip Loft logo now that we've got those boxes kind of covered I'm gonna lighten this a little bit just a super light gray and then we'll click on the zip loft logo so that we can play with that this is actually gonna have a gradient fill instead of a solid fill so I'm gonna go to the second option on the color picker and now I'm gonna create a gradient that goes from a sort of green like a light bright green and the second point I'm gonna have it go to is more of a blue and I want it to be a relatively light and bright blue the other thing I'm gonna do which is pretty neat that you can do this directly on the object that has a gradient fill you can grab these points and you can manipulate how that fill is angled and distributed across the selected object also when you click on a point here it switches the color picker over on the inspector to work with the selected point so that you can change that color when it comes to the directionality of a gradient there's a button here to reverse the two points and there's also a rotate button so that you can rotate 90 degrees at a time to change the angle of that gradient so if you just need a gradient to go from left to right instead of top to bottom you don't have to go grab those points so you can just hit the rotate button and rotate it around and if it's backwards you can click this and swap it 180 so that's a pretty quick and easy way to do that without having to manually go and click and drag where sketch starts to get really insane is that you can have multiple fills on the same layer and that could be a gradient fill and a solid color fill it could be an image fill and a gradient fill whatever you want to do there's a little plus sign here and if you click on this plus sign it gives you another fill and that might not be obvious right now but let me switch this to a solid color and let me make it red just so it's super obvious if I click away you can see that I have a red color fill and I still have my gradient fill and you might be thinking ok but that doesn't actually do anything well all we see is the red because the red is on top so think of this area as sort of its own little layers list of the fills that are applied to the selected layer so what I could do is click and drag just like the layers list to these around and you might be thinking okay but still I'm only seeing the one on top but we do have the opacity slider and we also have the option of changing the opacity of individual points on the gradient so if I wanted to I could make one point on the gradient super dark the other point on the gradient dark but at a reduced opacity and now the red starts coming through see that and I can click and drag this down some more of the red shows through whatever I want to do and what that does it allows me to use a gradient to create the darkness you know that darkness that's sweeping gradually across but it allows me to deal with a single color fill if I decide that I want to change the color see I can change the color and that gradient the light to dark shows on top and it doesn't matter what color I pick it's really really a nice way to let me focus on the color and not have to worry about two separate points on the gradient and the little checkbox lets me turn it on and off so you can see the difference of no gradient gradient no gradient gradient but they both have now the pink fill underneath that gradient if you don't want a fill anymore and you uncheck it anytime a fill or a border or anything is unchecked a little trash can appears at the top and you can click the trashcan to get rid of any of the d selected or unchecked fills or if you're in the borders area the borders or shadows and shadows blurs etc so having multiple fills unlocks quite a bit of power and control within sketch that you may not find in every other design application just like graphics and graphic styles text and textiles repeat many many times throughout your document and that's why we want to save our repeating styles as textiles and we can do that just by selecting a text box and heading over to the inspector and under appearance the very first thing is the textile assigned so by default your document has no textiles and your text has no style applied so I'll just click here to create a new textile just like we did with graphic styles and then I can give it a name the one thing I want to point out here is that naming can be important you can do yourself a big favor here I like to categorize what type of text content this is this is the detail screen and if I have many many detail screens this is always gonna be the way the title the main heading title looks on those detail screens so I'm gonna start by typing details slash and what I'm actually doing when I type details slash is I'm creating a little folder called details that's gonna have the name of the style inside and I'm gonna call it h1 for heading 1 so I have details slash h1 you'll see why I did that in just a moment here great so there's h1 you can already see that it just kind of parsed out the word details and it just says h1 here on the inspector I'm gonna do the same for this little guy down here and I'm gonna name this one details slash sub head great now let's say for example that this body text is not specific to the details page maybe this is the size for all the body text that I want to do throughout my entire document so I'm gonna leave out the word details on this one I'm gonna create a new text style and I'm just gonna call this body text we could just call it body we know it's text great there we go so the reason for that weird naming convention that I did is that in the future if I select a text layer or let's say I even go over here and create a new text layer I'll let it just say type something we can go over to appearance and we can choose from our menu of textiles just like we did with graphic styles but you'll see here body is one that I can just choose immediately because that's not in a group but details is a little group that expands I can ch1 and I can see subhead so use the little slash trick to create yourself a folder structure to stay organized otherwise you can end up with a lot of textiles really fast that are all confusing to choose from and you don't remember what the purpose of each one is so I'm gonna delete this let's look at really what's magical about these textiles it's just like graphic Styles I'm gonna hold option and duplicate this page and then I'll press command D to do it again and why not we'll do it again so we've got a bunch of artboards now that all have the same text they all have the same text styles because they had textiles before I copied them and we're ready to make some changes so let's just say for instance that this Montblanc estate text here was a little too big for the text that was going to go in there let's say we we frequently didn't have enough room so we'll bump down the text size just a little bit and then let's also say that we wanted the text to be a little darker a little more high contrast so I'm gonna darken it up a bit and then let's do something drastic something super obvious let's go bold nice thick fat bold and now we've deviated from our saved style that we created and that gives us the little asterisk just like it did with our graphic Styles in the earlier video and much like our graphic Styles I can click there and I can choose to update the text style to change all the text that shares the style or I can reset the text style to go back to normal or I can create a whole new textile out of it so I'm just gonna choose to update the textile and boom all of these artboards just changed not because they say the same thing but because they share that same textile it's finally time to talk about one of the most powerful feature sets in sketch and that is something called symbols and what symbols are are graphics or groups of graphics that get reused throughout our documents so there's kind of a theme here graphic Styles textiles symbols there are all ways to prevent us from doing the same work over and over and over again when visual items repeat so let's take these little stars for example each one of these solid stars is repeating time and time again and if I change the style of one of them or more importantly if I change the shape of one of them I would prefer that they all continue to match so they belong as symbols and I'd also like to be able to insert them easily when they're needed so first I'll select one of these stars and then I'll head up to the toolbar and choose create symbol and I'm gonna name this star slash solid because it's a full star and I'll click OK before I do that ignore this layout thing we're gonna talk about that shortly down here where it says send symbol to symbols page this is a nice way to keep your symbols organized because what's gonna happen is once this is turned into a symbol the master version of that symbol the one that all the other symbols sync with has to live somewhere in the document so this will automatically create a symbols page and keep everything nice and organized for us we're gonna keep that checked I'll click OK and now it looks like nothing happened but if we look at the layers list we could see that it now has this new icon that indicates that it is a symbol now you might be thinking ok great but the other ones are not symbols so what are we gonna do about it there's a really cool feature in sketch where you can select objects you can do a right-click and you can choose to replace them with a symbol so I can choose to replace these with that solid star and I can choose to replace these down here with that solid star so without having to reinsert and reposition all these symbols I can go and put them where they belong now we've got this little half star so I'm gonna select both halves of the star because there are two separate layers I'll hold shift to do that and then I'll head up to create symbol and I'll type star slash half and I'll click OK great so now we have a half star you'll see why I'm doing each one of these individually in a late video and then I'm gonna do this empty star all hit create symbol star slash yeah we could just say blank great and I'll click OK so cool now we have each version of each of these stars created and if I wanted to if I wanted this to be a 5 star location I could do a right-click here and I could replace this with a solid star there we go boom now it's 5 stars and I didn't have to insert or replace anything it just swapped it out but most importantly now each one of these symbols that syncs with one another is actually syncing with the master copy of the symbol so where does the master copy live well if you double click on a symbol it's gonna bring you to that master copy and if we look at the layers list it just brought us to the symbols page and specifically brought us to this little star on the symbols page so now if I go in here and I do something crazy to change the shape of the star I'm only doing this to ugly it up so it's obvious what I've done here I'm just gonna kind of nudge these things so it turns into a fat ugly star that's what everyone wants right there we go it actually doesn't look too bad once it's all symmetrical and then when I choose return to instance now that I've edited the master copy when I return to instance it's gonna come back here and now all of these stars are fat happy jolly stars is that what we want to do not necessarily but that is the process for editing the master version of a symbol and therefore having those changes take place everywhere that symbols being used I can just hit command Z a few times and undo all that there we go and then if I go back to our page one you can see that those changes have taken effect and everything is now back to normal if I am on a different artboard altogether or maybe on a different page altogether and I want to get one of those stars I can click insert on the toolbar and here below all of our preset objects we have our symbols and under document you can see that I have the blank star the half star in the solid star and if I click one of them sticks to my cursor and I can go and put that wherever I want and it's just like that so I'm kind of creating my own little Lego set where I can go and drop these things where they belong and they'll all continue to match one another and my design is starting to become more a system that holds together in order to export anything in sketch it first has to be marked or made exportable so we've got to do that to these artboards in order to export them we can select them by either clicking one if we want to export one or clicking several if we like to export several and then over here on the inspector the bottom most option is always make exportable and when we click on that it then creates the exports that we want to export and you'll notice here on mine it did 1 X 2 X 3 X 1.5 X all this crazy stuff happened and if yours did the same thing you might be thinking ok what the heck is all that do we want all that and the answer for these artboards is no I'm gonna click the little X to get rid of this stuff and in the next video we're gonna talk about what that stuff was all about I don't want to get rid of all of them though otherwise I start completely over again what I do want to get rid of is the 1x the 2x and the 1.5 x and that's gonna leave me with the 3x which basically means it's gonna take the resolution of my artboard and export it at 3 times the size that we designed it at and if you remember from one of our very first videos the viewports that we've been designing in are not Retina display sized viewports they're just regular non-retina pixels so if we export them at 1x they're not gonna look very good it's gonna look like a non Retina Display iPhone which is this so at 3x we're exporting at the size of a super Retina display which I know that sounds weird but the iPhone 10 iPhone 10s and iPhone 11 pro all have this super Retina display and basically add just means it's an extremely high pixel count per inch that looks nice and smooth and clean when you look at it with the naked eye the other thing you might want to do is if you look down here we got this checkerboard pattern appearing on our very first artboard and that's because the artboard background color is the artboard itself I didn't put a rectangle I didn't put a giant white rectangle behind that first screen so it's transparent there is no background color all I have to do is check the background color box here it'll automatically check include an export and now you'll see that the checkerboard pattern is gone so that that's solved the problem from here I can choose either export selected down here at the bottom or I can hit the share icon that brings up the Mac share sheet and I can immediately send it to mail these thumbnails can also be dragged and dropped so I can actually grab this screen if I want to share it I can drop it directly on the mail icon and it instantly composes an email where that is attached another thing to consider is the file format that you're sending in I'm gonna close this email and over here you'll see that the default is PNG mine happen to be set to PNG you might not see the same thing that I see and you might be wondering okay why is mine different you do have choices you have choices of different raster formats to export and vector formats to export so you could export this as a PDF and that way if someone zooms in the vector shapes and more importantly the text will all look super clean as you zoom PNG is just kind of standard though that leaves nothing open to interpretation you don't have to worry about font issues or spacing issues occurring PNG is just what you see is what you get and also with no compression JPEG on the other hand JPEGs will be compressed the file size will be a little smaller but you'll especially see with gradients and things that have complex but subtle shifts in color that JPEGs will average colors together and it can create a phenomenon with gradients called banding you start to see these bands where the gradation in color is being averaged into chunks it's kind of ugly so typically we just do PNG to get a what-you-see-is-what-you-get raster graphic with no compression i'm joseph angelo Todaro and if you enjoyed this video please subscribe I'll have more great content coming soon and also check out the youtube description below for a big discount on my complete sketch course on udemy thanks for watching see you soon [Music]

Channel: Joseph from LearnSketch․com

Views: 255,121

Keywords: sketch, tutorials, app, sketch 3, sketchapp, learnsketch, learnsketch.com, bohemian coding, sketch resources, sketch app sources, mac, osx, software, design, graphic design, web design, ui, ux, Apple, Tutorial (Industry), OS X (Operating System), Macintosh (Computer), Software (Industry), Adobe Illustrator (Software), Adobe Systems (Organization), sketch 59, getting started, sketch app, sketch tips, sketch tricks

Id: ilcwjXTqyNM

Length: 33min 51sec (2031 seconds)

Published: Thu Oct 24 2019