Share Description
In this course, you will learn:
- The sketch is one of the most popular UX design tools around.
- This course can help designers of all skill levels be productive with its focused, comprehensive workflow.
- How to design modern user experiences with Sketch, starting with project setup and working through to interactive prototyping.
- How to create custom shared libraries, draw icons, work with imagery and typography, and share your designs across the web using the Sketch Cloud service.
- How to export your work for developers or project teams for integration into their workflows.
- By the end of the course, you'll be able to use artboards, share libraries, draw icons, create prototypes, and export assets to high-definition PNGs, JPEGs, and PDFs.
Syllabus:
- Learn the basics of Sketch
- About Sketch and this course
- Work with fonts in Sketch
- About the exercise files
1. Get Your File Set Up
- Add hero image and header bar
- Set and style the main headlines
- About Sketch libraries
- Add a library to Sketch
- Set up layout guides
- Add the top navigation
- Design a search form
2. Draw Icons in Sketch
- Create a calendar icon
- Update Sketch library items
- Create the best price icon
- Create the chat icon
- Switch Sketch library files
3. Complete the Web Layout
- Add icons to the header navigation
- Set up the great deals section
- Add the labels for each deal
- Create the details button
- Create a nested symbol for ratings
- Add the services section
- Add the testimonials section
- Add the footer
4. Adapt the Web Design for a Smaller Screen
- Set up an artboard for tablet screens
- Resize the header for a smaller screen
- Resize the search section for a smaller screen
- Using Sketch Mirror
- Apply the deals section to a smaller screen
- Apply the services section to a smaller screen
- Resize the testimonials and footer sections for a smaller screen
5. Share and Collaborate
- Export artboards to a multipage PDF
- Collaborate with Sketch Cloud
- Prototyping: Fixed items when scrolling
- Prototyping: Interactive linking
- Prototyping: Control links with symbols
6. Export Assets
- Export artboards to JPG and PNG
- Using the Slice tool
- Export images in multiple sizes
- Export SVG
