The Complete User Interface Design Bootcamp - Sketch UI/UX | Arash Ahadzadeh | Skillshare
Browse
All Classes
Student Projects
Sign In
Home
Browse
Student Projects

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

The Complete User Interface Design Bootcamp - Sketch UI/UX

teacher avatar Arash Ahadzadeh, UI/UX Designer | University Lecturer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

145 Lessons (9h 10m)

    • 1. Introduction

      2:06

    • 2. Introduction to UI/UX

      2:42

    • 3. Course Structure

      1:12

    • 4. Required Tools

      0:50

    • 5. Introduction to Design Basics

      0:28

    • 6. Layout

      2:00

    • 7. Visual Hierarchy

      5:02

    • 8. Visual Noise

      1:25

    • 9. Iconography

      1:01

    • 10. Typography

      3:09

    • 11. Color Contrast

      1:36

    • 12. Color Pallete

      2:17

    • 13. Spacing

      1:12

    • 14. Composition

      1:25

    • 15. Design Guide

      0:40

    • 16. Consistent Fonts

      0:57

    • 17. Consistent Colors

      1:00

    • 18. Consistent Icons

      1:35

    • 19. Consistent UI Elements

      0:44

    • 20. Font Resources

      0:48

    • 21. Color Resources

      0:46

    • 22. Icon Resources

      0:57

    • 23. Introduction to Sketch

      0:52

    • 24. Sketch Requirements

      0:56

    • 25. Sketch Environment

      1:01

    • 26. Layer Basics

      1:43

    • 27. Toolbar

      2:29

    • 28. Shapes

      0:52

    • 29. Editing Shapes

      1:39

    • 30. Boolean Operations

      1:11

    • 31. Text

      1:10

    • 32. Text Inspector

      1:07

    • 33. Text Style

      1:22

    • 34. Images & Bitmaps

      1:30

    • 35. Styling: Fills

      1:00

    • 36. Styling: Borders

      1:04

    • 37. Styling: Shadows

      1:18

    • 38. Styling: Blurs

      0:56

    • 39. Styling: Gradients

      1:27

    • 40. Styling: Shared Layer Style

      1:09

    • 41. Masking

      0:58

    • 42. Symbols

      1:04

    • 43. The Canvas

      0:55

    • 44. Plugins

      0:59

    • 45. Exporting

      1:53

    • 46. Introduction to UI Elements

      0:32

    • 47. Text Fields

      1:29

    • 48. Buttons

      2:06

    • 49. Sliders

      1:29

    • 50. Tooltips

      1:02

    • 51. Selection Controls

      1:19

    • 52. Chips

      1:11

    • 53. Cards

      1:04

    • 54. Dialogs

      1:06

    • 55. Lists

      0:58

    • 56. Tables

      1:08

    • 57. Navigation

      0:50

    • 58. Menus

      0:50

    • 59. Charts

      0:52

    • 60. Steppers

      1:03

    • 61. Snackbars

      1:21

    • 62. What is wireframing?

      0:59

    • 63. User Flows

      1:08

    • 64. Interactive Prototypes

      1:02

    • 65. Wireframe tools

      0:59

    • 66. What is a Color Style?

      0:31

    • 67. Primary, Semantic, & Accent Colors

      13:10

    • 68. Grey Colors & Gradients

      7:33

    • 69. Borders & Shadows

      7:01

    • 70. Inputs

      3:39

    • 71. Intro to Typography Style

      0:25

    • 72. Typography Guide Part 1

      5:03

    • 73. Typography Guide Part 2

      2:23

    • 74. Project 1 - Instagram Redesign

      2:40

    • 75. Registration Page (Sign Up Screen)

      20:38

    • 76. Personal Data Page

      11:19

    • 77. Login Page

      5:08

    • 78. Feed Page

      17:36

    • 79. Stories

      4:36

    • 80. Profile Page

      9:29

    • 81. Camera Page

      6:28