-
Introduction to UI/UX 3
-
1.1 – Definitions of UI/UX 13 minLecture1.1
-
1.2 – Deep Dive Into UI 15 minLecture1.2
-
1.3 – Installation Theory 10 minLecture1.3
-
-
Software Download and Setup 2
-
2.1 – How to Download 05 minLecture2.1
-
2.2 – Installations and Account Setup 10 minLecture2.2
-
-
Fonts and It's Installation 3
-
3.1 – Fonts Downloads 13 minLecture3.1
-
3.2 – Fonts Installation 06 minLecture3.2
-
3.3 – Types and Usage 10 minLecture3.3
-
-
Getting Started with Figma Interface 3
-
4.1 – Intro to Figma Interface 13 minLecture4.1
-
4.2 – FigJam Explained 11 minLecture4.2
-
4.3 – Deisgn File and Overview 17 minLecture4.3
-
-
Understanding The Tool (Toolbars) 10
-
5.0 – Move and Frame Tool Explained 06 minLecture5.1
-
5.1 – Shape Tools Explained 06 minLecture5.2
-
5.2 – Shape Tool Full Properties 22 minLecture5.3
-
5.3 – Pen Tool Explained 08 minLecture5.4
-
5.4 – Text Tool Explained 03 minLecture5.5
-
5.5 – Text Full Properties Explained 08 minLecture5.6
-
5.6 – Add Comment Explained 03 minLecture5.7
-
5.7 – Hand Tool Explained 02 minLecture5.8
-
5.8 – Slice Tool Explained 02 minLecture5.9
-
5.9 – Component 17 minLecture5.10
-
-
Understanding Some Basic Operations and Actions 8
-
6.1 – Layer and Rulers 04 minLecture6.1
-
6.2 – Grid System Explained 03 minLecture6.2
-
6.3 – Add a Clip Mask 03 minLecture6.3
-
6.4 – Boolean operations 05 minLecture6.4
-
6.5 – Figma Inspect Panel 01 minLecture6.5
-
6.6 – Importing Design File 04 minLecture6.6
-
6.7 – Figma Plugins 07 minLecture6.7
-
6.8 – Plugins Examples 06 minLecture6.8
-
-
Getting Started with Adobe XD Interface 14
-
7.0.0 – XD First Interface 03 minLecture7.1
-
7.0.1 – XD Creating New Document 04 minLecture7.2
-
7.0.2 – XD Toolbar 05 minLecture7.3
-
7.0.3 – XD Design. Prototype Share Options 03 minLecture7.4
-
7.0.4 – XD File, Edit, Object Menu 08 minLecture7.5
-
7.0.5 – XD Plugins, View, Window, Help Menu 08 minLecture7.6
-
7.0.6 – XD Text Full Properties 10 minLecture7.7
-
7.0.7 – XD Shape Tools Full Properties 05 minLecture7.8
-
7.0.8 – XD Ruler and Layer Panel 04 minLecture7.9
-
7.0.9 – XD Shape with Mask 04 minLecture7.10
-
7.1.0 – XD Export Options 04 minLecture7.11
-
7.1.1 – XD Boolean Operations 05 minLecture7.12
-
7.1.2 – XD Opening PSD, AI Files 02 minLecture7.13
-
7.1.3 – XD Installing Plugins 06 minLecture7.14
-
-
Principles of Design Fundamental 7
-
8.1 – White Space 05 minLecture8.1
-
8.2 – Colours and Contrast 06 minLecture8.2
-
8.3 – Simplicity Vs Complexity 03 minLecture8.3
-
8.4 – Alignment 04 minLecture8.4
-
8.5 – Repetition and Consistency 03 minLecture8.5
-
8.6 – Scale 02 minLecture8.6
-
8.7 – Visual Hierarchy 06 minLecture8.7
-
-
Wireframe 2
-
9.1 – Wireframe 07 minLecture9.1
-
9.2 – Wireframe Illustrations Examples 05 minLecture9.2
-
-
Working Smart Tricks 6
-
10.1 – Sourcing For Resources 18 minLecture10.1
-
10.2 – Creating Styles 06 minLecture10.2
-
10.3 – Adding Extensions 06 minLecture10.3
-
10.4 – Colour Mgt Tool 06 minLecture10.4
-
10.5 – Importing My BookmarksLecture10.5
-
10.6 – Page Layouts 07 minLecture10.6
-
-
Getting begin With Mini Projects 2
-
11 – First Mini Project – Deldronet 32 minLecture11.1
-
12 – Second Mini Project – Virtual Reality 20 minLecture11.2
-
-
Getting Started With Main Project 6
-
13.1 – Section 1 Design 46 minLecture12.1
-
13.2 – Section 2 Design 31 minLecture12.2
-
13.3 – Section 3 Design 08 minLecture12.3
-
13.4 – Section 4 and 5 DesignLecture12.4
-
13.5 – Mobile and Tablet Design Section 34 minLecture12.5
-
13.6 – Section Mockup Wrap Up 11 minLecture12.6
-
-
Getting Started With UI Effect Trends 3
-
14.1 – Mini Projects – Glass-Morphism Effect 16 minLecture13.1
-
14.2 – Soft UI (Claymorphism vs Neumorphism) 50 minLecture13.2
-
14.3 – Soft UI Mini Project – Smartwatch 37 minLecture13.3
-
-
Designing Second Main Projects 6
-
15.1 – Section 1 Design 30 minLecture14.1
-
15.2 – Section 2 Design 26 minLecture14.2
-
15.3 – Section 3 Design 13 minLecture14.3
-
15.4 – Section 4 Design 17 minLecture14.4
-
15.5 – Section 5 Design 26 minLecture14.5
-
15.6 – Section 6 Design 22 minLecture14.6
-
-
Mobile Structure & Design 9
-
16.0 – Understanding Mobile Structure & Wireframe 35 minLecture15.1
-
16.1 – Mobile UI Design Section 1 53 minLecture15.2
-
16.2 – Mobile Design Section 2 31 minLecture15.3
-
16.3 – Mobile Design Section 3 01 hourLecture15.4
-
16.4 – Mobile UI Design Section 4 52 minLecture15.5
-
16.5 – Mobile Design Section 5 40 minLecture15.6
-
16.6 – Mobile Design Section 6 39 minLecture15.7
-
16.7 – Mobile Design Section 7 43 minLecture15.8
-
16.8 – Mobile Design Section 8 58 minLecture15.9
-
-
Prototyping 1
-
17.0 – Prototyping Project 59 minLecture16.1
-
-
Presentation and Sharing 3
-
18.0 – Presentation Documentations 52 minLecture17.1
-
18.1 – Presentation 01 minLecture17.2
-
18.2 – Finalizing Presentation 46 minLecture17.3
-
-
Conclusion 1
-
19.0 – Professional Tips 45 minLecture18.1
-
This content is protected, please login and enroll course to view this content!
Next
6.7 – Figma Plugins
2 Comments
I think this is among the most significant info for me. And i’m glad reading your article. But want to remark on few general things, The website style is wonderful, the articles is really excellent : D. Good job, cheers
Nice info.