The Complete User Interface Design Bootcamp - Sketch UI/UX | Arash Ahadzadeh | Skillshare

The Complete User Interface Design Bootcamp - Sketch UI/UX

Arash Ahadzadeh, iOS Developer & UI Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
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
    • 82. Explore Page

      10:23
    • 83. Messages Page

      7:21
    • 84. Chat Page

      18:10
    • 85. Settings Page

      10:20
    • 86. Charts

      23:31
    • 87. Onboarding

      10:01
    • 88. Logo Types

      2:20
    • 89. Designing Our First Logo

      5:06
    • 90. Designing Our Second Logo

      2:12
    • 91. Designing Our Third Logo

      2:50
    • 92. Designing Our Forth Logo

      4:46
    • 93. Introduction to Adobe Photoshop

      0:32
    • 94. Environment of Adobe Photoshop

      1:21
    • 95. Basics of Adobe Photoshop

      7:40
    • 96. Adobe Photoshop For UI:UX Design

      5:54
    • 97. Project 2 - Finance App

      2:29
    • 98. Launch Screen

      1:41
    • 99. Sign in Page

      13:59
    • 100. Sign in & Sign up Page Part 2

      7:27
    • 101. OTP Verification

      9:45
    • 102. Profile

      10:25
    • 103. Homepage

      15:06
    • 104. Menu

      9:01
    • 105. Credit Cards

      14:12
    • 106. Transactions

      10:48
    • 107. Transaction - Detail

      8:25
    • 108. Transfer

      7:37
    • 109. Confirmation

      3:38
    • 110. Notification Page

      9:20
    • 111. Profile Page

      4:24
    • 112. Onboarding

      7:39
    • 113. Project 3 - Landing Page

      1:03
    • 114. Layouts & Grids

      3:55
    • 115. Hero Section 1

      9:35
    • 116. Hero Section 2 - Mockups

      4:23
    • 117. Key Features Section

      9:45
    • 118. Feature 1

      4:13
    • 119. Feature 2

      3:59
    • 120. Customers Section

      2:39
    • 121. Call to action

      4:03
    • 122. Footer

      7:10
    • 123. Introduction to 3D Modeling

      2:10
    • 124. 3D Shapes

      4:17
    • 125. Camera & Lightings

      2:16
    • 126. Materials & Textures

      1:55
    • 127. Creating a 3D Scene

      5:40
    • 128. Rendering & Exporting

      3:34
    • 129. Prototyping Tools

      1:06
    • 130. Prototyping in Sketch

      2:38
    • 131. Prototyping in InVision Studio

      4:26
    • 132. Prototyping in InVision Studio Part 2

      3:48
    • 133. Mocking up an app

      3:07
    • 134. How to use the Sketch app on your phone?

      1:01
    • 135. How to Create Your Own Online Portfolio?

      1:17
    • 136. How to use Dribbble?

      0:57
    • 137. How to use Behance?

      0:58
    • 138. How to get your first client?

      1:18
    • 139. How to start your own business?

      1:37
    • 140. How to scale your business?

      1:19
    • 141. Communicating with your client

      0:53
    • 142. Contract

      0:55
    • 143. Where to Find World Class Design Inspiration?

      0:48
    • 144. Image Resources

      0:54
    • 145. What is the next step?

      1:07
22 students are watching this class