Design a User Interface with Sketch

Focused View

Adam Rasheed

5:37:11

104 View

01. Introduction

01. Introduction.mp4

00:35

02. Project Briefs.mp4

01:54

lesson1.1.zip

lesson1.2.zip

02. Setting Up

03. Sketch Overview.mp4

11:41

04. Workspace Setup.mp4

16:00

lesson2.1.zip

lesson2.2.zip

03. Wireframing

05. A Mobile-First Approach to Wireframing.mp4

01:54

06. Creating a Mobile Wireframe.mp4

34:52

07. Creating a Tablet Wireframe.mp4

18:42

08. Creating a Desktop Wireframe.mp4

18:17

lesson3.1.zip

lesson3.2.zip

lesson3.3.zip

lesson3.4.zip

04. Style Tiles

09. Style Tiles Overview.mp4

02:14

10. Creating Typography Styles.mp4

15:05

11. Working with Color Palettes.mp4

08:17

12. Working with Icons.mp4

10:26

13. Creating Buttons and Forms.mp4

06:50

lesson4.1.zip

lesson4.2.zip

lesson4.3.zip

lesson4.4.zip

lesson4.5.zip

05. UI Design for Mobile

14. Designing the Header.mp4

06:51

15. Designing the Blog.mp4

23:04

16. Designing the Content Spaces.mp4

26:31

17. Designing the Opt-In Banner.mp4

10:37

18. Designing the Footer.mp4

03:22

lesson5.1.zip

lesson5.2.zip

lesson5.3.zip

lesson5.4.zip

lesson5.5.zip

06. Designing for Devices

19. Designing for a Tablet.mp4

36:14

20. Designing for a Desktop.mp4

31:32

21. New Resizing Tools.mp4

08:58

lesson6.1.zip

lesson6.2.zip

lesson6.3.zip

07. Wrapping Up

22. Annotating Your Designs for Developers.mp4

12:47

23. Preparing Deliverables.mp4

13:00

24. Next Steps.mp4

02:38

25. Course Conclusion.mp4

00:40

lesson7.1.zip

lesson7.2.zip

lesson7.3.zip

lesson7.4.zip

08. Moving to Sketch 4.0

26. Vector Tool Updates.mp4

03:30

27. Text Transfer Tool.mp4

02:45

28. Official Sketch Plugins.mp4

07:55

lesson8.1.zip

lesson8.2.zip

lesson8.3.zip

More details

Learning User Interface (UI) design is fundamental for creating an intuitive experience for your audience. This course teaches you the essentials of Sketch 40 and how to use it to build clean, crisp designs. Whether youâ€™re a new or seasoned developer, this course explores the process from beginning to end, discussing design practices while working through a unique design case.

Note: Sketch is a tool available only on Mac.

If youâ€™d like to continue learning with Sketch, head on over to Design Essentials with Sketch. If you donâ€™t mind reading, I would highly recommend reading (and learning) about Sketchâ€™s latest competitor, Adobe Experience Design with our book Jump Start Adobe XD.

User Reviews

Rating

average 0

Total votes0

Focused display

User Experience Design

User Interface

Sketch Software

Adam Rasheed

Instructor's Courses

Adam Rasheed is a professional UX/UI designer, front-end developer, consultant and commercial photographer. A creative by heart, when Adam is not busy working he's learning a new skill most recently, it’s been hand-lettering and Sketch. In his spare time you'll find Adam exploring Orange County for the newest (and best) restaurants.