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:01Visual Hierarchy
05:02Visual Noise
01:25Iconography
01:01Typography
03:10Color Contrast
01:37- 02:18
Spacing
01:13Composition
01:26Design Guide
00:41Consistent Fonts
00:57Consistent Colors
01:00Consistent Icons
01:36- 00:44
Font Resources
00:49Color Resources
00:46Icon Resources
00:58
FIgma Academy
- 01:04
Figma Requirements
04:40Figma Environment
04:29Shapes
09:15Editing Shapes
07:20Layers Basics
06:38Boolean Operations
04:59Text
04:37Text Inspector
04:57Text Style
03:56Constraints and Adabtive Layouts
05:24Auto Layout – New
10:54Styling Fill
03:34Styling Stroke
01:34Styling Effects
05:32Color Style
03:57Masks
02:29Components
08:40Layout Grids
02:26Plugins
09:15Exporting
02:06Prototyping
05:53Multiplayer & Commenting
03:04
UI Elements
- 00:33
Text Fields
01:29Buttons
02:07Sliders
01:30Tooltips
01:03Selection Controls
01:19Chips
01:12Cards
01:04Dialogs
01:07Lists
00:59Tables
01:09Navigation
00:51Menus
00:51Charts
00:53Steppers
01:04Snackbars
01:22
Wireframing
- 00:59
User Flows
01:08Interactive Prototypes
01:03Wireframe tools
01:00Wireframing in Figma
05:02
Creating you Design System – Part 1
What is a Color Style
00:31Primary, Accent, Semantic Colors
10:12Grey Colors & Gradients
04:17Borders & Shadows
05:32
Creating you Design System – Part 2
Intro to Typography Style
00:26Typography Guide – Part 1
04:01Typography Guide – Part 2
02:22
Application Design – FInance App
- 02:17
Launch Screen
02:00Sign-in & Welcome Page
21:33Sign-up Page
06:08OTP Verification Screens
11:57Profile Screens
13:04Homepage
19:44Menu
10:52Credit Cards Page
13:57Transactions Page
10:38Detailed Transactions Page
09:42Transfer Page
07:01Confirmation Page
03:42Notification Page
07:00User’s Profile
04:17Onboarding Pages
07:58
Logo Design
Logo Types
02:21Designing Our First Logo
03:00Designing Our Second Logo
02:49Designing Our Third Logo
01:53
Adobe Photoshop
Introduction to Adobe Photoshop
00:33Environment of Adobe Photoshop
01:21Basics of Adobe Photoshop
07:41Adobe Photoshop For UI UX Design
05:54
3D Modeling for UI Design
Intro to 3D Modeling
02:11Create Your First 3D Model
04:18Camera & Lightings
02:17Materials & Textures
01:56Create a 3D Scene
05:40Rendering & Exporting
03:35
Prototyping
Prototyping Tools
00:58Prototyping in Figma
04:28Mocking up an App in Figma
01:29
Portfolio
How to Create Your Own Online Portfolio
01:17How to Use Dribbble
00:58How to Use Behance
00:59
Business Ideas
How to Get Your First Client
01:19How to Start Your Own Business
01:38How to Scale Your Business
01:20Communicating With Your Clients
00:54Contract
00:56
Inspiration & Resources
Where to Find World Class Design Inspiration
00:49Image Resources
00:55
What To Do Next?
What is Your Next Step?
01:07
Student Ratings & Reviews
No Review Yet