Course Content
Introduction
0/3
002 – Introduction
02:43
003 – Structure of the course
01:10
004 – Required Tools
00:48
Design Basics
0/18
Intro to 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
Color Palette
02:18
Spacing
01:13
Composition
01:26
Design Guide
00:41
Consistent Fonts
00:57
Consistent Colors
01:00
Consistent Icons
01:36
Consistent UI Elements
00:44
Font Resources
00:49
Color Resources
00:46
Icon Resources
00:58
FIgma Academy
0/23
Introduction to Figma
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
0/16
Intro to 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
0/5
What is 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
0/4
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
0/3
Intro to Typography Style
00:26
Typography Guide – Part 1
04:01
Typography Guide – Part 2
02:22
Application Design – FInance App
0/16
Designing a Modern 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
0/4
Logo Types
02:21
Designing Our First Logo
03:00
Designing Our Second Logo
02:49
Designing Our Third Logo
01:53
Adobe Photoshop
0/4
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
0/6
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
0/3
Prototyping Tools
00:58
Prototyping in Figma
04:28
Mocking up an App in Figma
01:29
Portfolio
0/3
How to Create Your Own Online Portfolio
01:17
How to Use Dribbble
00:58
How to Use Behance
00:59
Business Ideas
0/5
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
0/2
Where to Find World Class Design Inspiration
00:49
Image Resources
00:55
What To Do Next?
0/1
What is Your Next Step?
01:07
UI-UX Design – Learn Figma User Interface Design Essentials
Join the conversation
Previous
Next
0% Complete

FOLLOW US ON

@kfprojectsonline

hello@kfprojectsonline.com

WE WOULD LOVE TO HEAR FROM YOU

KF Projects Info-Tech -- Copyright © 2023 - All Rights Reserved

Select your currency
NGN Nigerian naira
USD United States (US) dollar

Hit enter to search or ESC to close