About Course
Have you ever wanted to be a UI/UX designer but had no idea where to start from? This course will help you develop your user interface design skills and build a UI/UX career path. Master Figma app to get a job in UI Design, User Interface, User Experience design, Web Design & UX design..
Related
What Will You Learn?
- Become a UI/UX designer.
- Master the best cross-platform software in UI/UX design, Figma.
- You will be able to start earning money from your Figma skills.
- Become a web designer.
- You will get an e-book (200+ pages)
- Build a UI project from beginning to end.
- Build & test a complete mobile app.
- Build and test a complete landing page.
- You will be able to add UI/UX designer to your CV.
- Learn to design mobile apps & websites.
- Work with colors & fonts.
- Interactive prototyping
- You will create an interactive prototype with micro interactions.
- Export production ready assets.
- Send your design to your client for feedback.
- Design 3 different logos.
- You will create your own UI Kit.
- Create low-fidelity wireframe.
- Learn professional technique & shortcuts.
- Downloadable exercise files.
- Create your own 3D Model.
- Design 3D scenes.
- Design for Augmented Reality projects.
- All the techniques used by UI professionals
- You will learn how to choose colors.
- You will learn the basics of Adobe Photoshop.
- You will learn how to choose the correct font.
- You will learn about typography.
- You'll be able to send your final project to other professionals in the correct formats.
- You will learn how to get your first client.
- You will learn how to start your own business. 150 well-structured lectures
Course Content
Introduction
-
02:43
-
01:10
-
00:48
Design Basics
-
00:29
-
Layout
02:01 -
Visual Hierarchy
05:02 -
Visual Noise
01:25 -
Iconography
01:01 -
Typography
03:10 -
Color Contrast
01:37 -
02:18
-
Spacing
01:13 -
Composition
01:26 -
Design Guide
00:41 -
Consistent Fonts
00:57 -
Consistent Colors
01:00 -
Consistent Icons
01:36 -
00:44
-
Font Resources
00:49 -
Color Resources
00:46 -
Icon Resources
00:58
FIgma Academy
-
01:04
-
Figma Requirements
04:40 -
Figma Environment
04:29 -
Shapes
09:15 -
Editing Shapes
07:20 -
Layers Basics
06:38 -
Boolean Operations
04:59 -
Text
04:37 -
Text Inspector
04:57 -
Text Style
03:56 -
Constraints and Adabtive Layouts
05:24 -
Auto Layout – New
10:54 -
Styling Fill
03:34 -
Styling Stroke
01:34 -
Styling Effects
05:32 -
Color Style
03:57 -
Masks
02:29 -
Components
08:40 -
Layout Grids
02:26 -
Plugins
09:15 -
Exporting
02:06 -
Prototyping
05:53 -
Multiplayer & Commenting
03:04
UI Elements
-
00:33
-
Text Fields
01:29 -
Buttons
02:07 -
Sliders
01:30 -
Tooltips
01:03 -
Selection Controls
01:19 -
Chips
01:12 -
Cards
01:04 -
Dialogs
01:07 -
Lists
00:59 -
Tables
01:09 -
Navigation
00:51 -
Menus
00:51 -
Charts
00:53 -
Steppers
01:04 -
Snackbars
01:22
Wireframing
-
00:59
-
User Flows
01:08 -
Interactive Prototypes
01:03 -
Wireframe tools
01:00 -
Wireframing in Figma
05:02
Creating you Design System – Part 1
-
What is a Color Style
00:31 -
Primary, Accent, Semantic Colors
10:12 -
Grey Colors & Gradients
04:17 -
Borders & Shadows
05:32
Creating you Design System – Part 2
-
Intro to Typography Style
00:26 -
Typography Guide – Part 1
04:01 -
Typography Guide – Part 2
02:22
Application Design – FInance App
-
02:17
-
Launch Screen
02:00 -
Sign-in & Welcome Page
21:33 -
Sign-up Page
06:08 -
OTP Verification Screens
11:57 -
Profile Screens
13:04 -
Homepage
19:44 -
Menu
10:52 -
Credit Cards Page
13:57 -
Transactions Page
10:38 -
Detailed Transactions Page
09:42 -
Transfer Page
07:01 -
Confirmation Page
03:42 -
Notification Page
07:00 -
User’s Profile
04:17 -
Onboarding Pages
07:58
Logo Design
-
Logo Types
02:21 -
Designing Our First Logo
03:00 -
Designing Our Second Logo
02:49 -
Designing Our Third Logo
01:53
Adobe Photoshop
-
Introduction to Adobe Photoshop
00:33 -
Environment of Adobe Photoshop
01:21 -
Basics of Adobe Photoshop
07:41 -
Adobe Photoshop For UI UX Design
05:54
3D Modeling for UI Design
-
Intro to 3D Modeling
02:11 -
Create Your First 3D Model
04:18 -
Camera & Lightings
02:17 -
Materials & Textures
01:56 -
Create a 3D Scene
05:40 -
Rendering & Exporting
03:35
Prototyping
-
Prototyping Tools
00:58 -
Prototyping in Figma
04:28 -
Mocking up an App in Figma
01:29
Portfolio
-
How to Create Your Own Online Portfolio
01:17 -
How to Use Dribbble
00:58 -
How to Use Behance
00:59
Business Ideas
-
How to Get Your First Client
01:19 -
How to Start Your Own Business
01:38 -
How to Scale Your Business
01:20 -
Communicating With Your Clients
00:54 -
Contract
00:56
Inspiration & Resources
-
Where to Find World Class Design Inspiration
00:49 -
Image Resources
00:55
What To Do Next?
-
What is Your Next Step?
01:07
Student Ratings & Reviews
No Review Yet