There are three very popular interface styles used for design and presentation software on the Mac.These were created by Apple, Microsoft and Adobe. If you are familiar with either Adobe or Microsoft interfaces, Sketch will feel a bit different to use. However, of you are familiar with Apple tools, such as Keynote, Pages or Numbers... then you’ll feel right at home inside of Sketch.
- [Tutor] There are three very popular interface styles used to design a presentation software on the Mac. These were created by Apple, Microsoft, and Adobe. Each company has created their own visual language for using their tools. If you're familiar with either Adobe or Microsoft interfaces, Sketch is gonna feel a little bit different to use. However if you're familiar with the Apple tools, most notably Keynote, Pages, and Numbers, then you're gonna feel right at home inside of this Sketch interface. Now when you launch Sketch you'll be greeted with a welcome screen.
The welcome screen has two main tabs. There are Templates which will probably open by default and Recents. Recents are all of the documents that you've recently worked on inside of Sketch, so it keeps track of those documents here, giving you a quick access to them. So from here I'm gonna double-click on New Document so we can take a look at the interface. Now at the top of the main Sketch window is the toolbar. If you right-click on the toolbar and come down and choose Customize, you can control the icons that are showing at the top here. So for example if I wanted to have quick access to the symbols in my document, I can grab the Symbols tool and just drag it up here into the bar.
Or I can grab any tool up here in the bar and remove them. This is a very common interface among a lot of Macintosh applications. I'll come down and click done. On the right hand side is the Inspector panel. The Inspector panel is sensitive to whatever is selected on the main stage. On the left hand side is the Pages, Artboard, and Layers panel. Now right now I just see Page one. If I come over here and click on this toggle icon here, this will open up the individual pages and also show me the Layers panel. So the way this works is if I come up to the Insert panel and just for demonstration purposes I'll come in here and just draw a rectangle.
When I finish drawing the rectangle, we can see the layer down here which is representing the layers on page one. If I come up here to the Pages panel, click on the plus sign and add a second page, I'm now on page two with no layers on page two. I'll come in here and add a star. I now have the star layer on page two and if I come back to page one, I'll see the rectangle layer. Now the other thing I wanna draw your attention to is the fact that Artboards are part of Pages. So if I come back to the Insert panel, come down and choose Artboard, in the Inspector panel I can choose the size of the Artboard.
If I come in here and just pick a Mobile Portrait from Material Design, I can now see the Artboard showing up on page one. If I go back to page two, we don't see the Artboard there. So the hierarchy goes Pages, Artboards, and then Layers. Now for our project we're gonna work with multiple Artboards on a single page. So to delete page two, I can come over here to the Pages panel, right-click on page two or Command + click, choose delete page. Now we're gonna be talking a lot more about the interface in this course, but I think it's better if we do that as we're building our project.
So next let's talk about the assets included in the exercise files that we're making available to help build our project.
- Creating artboards
- Adding a navigation bar
- Working with fonts
- Adding artwork and logos
- Exporting artboards and assets
- Collaborate with Sketch Cloud
- Making design changes