Join Chris Converse for an in-depth discussion in this video Adjusting the logo and nav for extra small screens, part of Sketch Essential Training: The Basics (2015).
- Now in most cases, a 600 pixel wide canvas or Artboard…would be enough to show the adaptation of your design…down to a small screen.…However, in some cases…you might want to make another screen a little bit smaller.…So earlier in the course…we created a 320 pixel wide Artboard.…And what we're going to do here together…is create a new composition of the logo…to work on smaller screens,…resize and position the featured image,…and then you can complete the 320 pixel layout on your own.…So to make adjustments to the logo and featured image…I'm going to zoom up here on the 600…and 320 pixel Artboards.…
In the Layers panel under the 600 Artboard…I'll select the header Layer group, hold the Option key,…drag a copy of this to the 320,…then I'll move this over and zoom up even more.…So the first thing I want to do is…create a second version of the logo…that's more horizontal instead of vertical…so we can fit this on a smaller screen.…So I'll come over here to the Layers panel,…open up the header group, select the EVERYDAY group,…
- Creating pages and artboards
- Adding a navigation bar
- Creating a logo
- Drawing custom shape-based icons
- Building links
- Adjusting layouts for medium screens
- Adapting layouts for small screens
- Exporting artboards and assets
Skill Level Beginner
1. Design and Layout
2. Creating Layouts for Medium Screens
3. Adapting Your Design to Small Screens
4. Saving and Exporting Assets
Where to go from here1m 16s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.