Introduction to UI/UX 3

In this section, we are going to understand the practical definitions of User Interface and User Experience Design with relevant real life examples.

• Lecture1.1
  1.1 – Definitions of UI/UX 13 min
• Lecture1.2
  1.2 – Deep Dive Into UI 15 min
• Lecture1.3
  1.3 – Installation Theory 10 min

Software Download and Setup 2

In this Section of the course, we will learn how to download the software (that is, Adobe Xd and Figma) and how to install them, we will also extend our knowledge to how we can create a free account and setting up for the software

• Lecture2.1
  2.1 – How to Download 05 min
• Lecture2.2
  2.2 – Installations and Account Setup 10 min

Fonts and It's Installation 3

In this section, we will explore the definition of font, the types and how industries make use of the types of fonts in their branding and products.

• Lecture3.1
  3.1 – Fonts Downloads 13 min
• Lecture3.2
  3.2 – Fonts Installation 06 min
• Lecture3.3
  3.3 – Types and Usage 10 min

Getting Started with Figma Interface 3

• Lecture4.1
  4.1 – Intro to Figma Interface 13 min
• Lecture4.2
  4.2 – FigJam Explained 11 min
• Lecture4.3
  4.3 – Deisgn File and Overview 17 min

Understanding The Tool (Toolbars) 10

• Lecture5.1
  5.0 – Move and Frame Tool Explained 06 min
• Lecture5.2
  5.1 – Shape Tools Explained 06 min
• Lecture5.3
  5.2 – Shape Tool Full Properties 22 min
• Lecture5.4
  5.3 – Pen Tool Explained 08 min
• Lecture5.5
  5.4 – Text Tool Explained 03 min
• Lecture5.6
  5.5 – Text Full Properties Explained 08 min
• Lecture5.7
  5.6 – Add Comment Explained 03 min
• Lecture5.8
  5.7 – Hand Tool Explained 02 min
• Lecture5.9
  5.8 – Slice Tool Explained 02 min
• Lecture5.10
  5.9 – Component 17 min

Understanding Some Basic Operations and Actions 8

• Lecture6.1
  6.1 – Layer and Rulers 04 min
• Lecture6.2
  6.2 – Grid System Explained 03 min
• Lecture6.3
  6.3 – Add a Clip Mask 03 min
• Lecture6.4
  6.4 – Boolean operations 05 min
• Lecture6.5
  6.5 – Figma Inspect Panel 01 min
• Lecture6.6
  6.6 – Importing Design File 04 min
• Lecture6.7
  6.7 – Figma Plugins 07 min
• Lecture6.8
  6.8 – Plugins Examples 06 min

Getting Started with Adobe XD Interface 14

• Lecture7.1
  7.0.0 – XD First Interface 03 min
• Lecture7.2
  7.0.1 – XD Creating New Document 04 min
• Lecture7.3
  7.0.2 – XD Toolbar 05 min
• Lecture7.4
  7.0.3 – XD Design. Prototype Share Options 03 min
• Lecture7.5
  7.0.4 – XD File, Edit, Object Menu 08 min
• Lecture7.6
  7.0.5 – XD Plugins, View, Window, Help Menu 08 min
• Lecture7.7
  7.0.6 – XD Text Full Properties 10 min
• Lecture7.8
  7.0.7 – XD Shape Tools Full Properties 05 min
• Lecture7.9
  7.0.8 – XD Ruler and Layer Panel 04 min
• Lecture7.10
  7.0.9 – XD Shape with Mask 04 min
• Lecture7.11
  7.1.0 – XD Export Options 04 min
• Lecture7.12
  7.1.1 – XD Boolean Operations 05 min
• Lecture7.13
  7.1.2 – XD Opening PSD, AI Files 02 min
• Lecture7.14
  7.1.3 – XD Installing Plugins 06 min

Principles of Design Fundamental 7

In this section, we will learn the principle of design fundamentals which are the governing power of every design. they serve as the reasons why we action an action in a certain way and it's importance

• Lecture8.1
  8.1 – White Space 05 min
• Lecture8.2
  8.2 – Colours and Contrast 06 min
• Lecture8.3
  8.3 – Simplicity Vs Complexity 03 min
• Lecture8.4
  8.4 – Alignment 04 min
• Lecture8.5
  8.5 – Repetition and Consistency 03 min
• Lecture8.6
  8.6 – Scale 02 min
• Lecture8.7
  8.7 – Visual Hierarchy 06 min

Wireframe 2

In this section, we will learn about wireframe and how to begin with one even before we get our project started.

• Lecture9.1
  9.1 – Wireframe 07 min
• Lecture9.2
  9.2 – Wireframe Illustrations Examples 05 min

Working Smart Tricks 6

In this section, we will learn how to improve our workflow, by learning trick to increase productivity and boost performance. we will as well explore tools, ways and method to get the done well.

• Lecture10.1
  10.1 – Sourcing For Resources 18 min
• Lecture10.2
  10.2 – Creating Styles 06 min
• Lecture10.3
  10.3 – Adding Extensions 06 min
• Lecture10.4
  10.4 – Colour Mgt Tool 06 min
• Lecture10.5
  10.5 – Importing My Bookmarks 05 min
• Lecture10.6
  10.6 – Page Layouts 07 min

Getting begin With Mini Projects 2

In the section, we will begin our journey into design a mini projects, with easy difficulty level (that is, very easy to follow and do likewise), then we will raise into more real deal in the subsequent projects.

• Lecture11.1
  11 – First Mini Project – Deldronet 32 min
• Lecture11.2
  12 – Second Mini Project – Virtual Reality 20 min

Getting Started With Main Project 6

In this section, we will begin with our main project - ShowPrime

• Lecture12.1
  13.1 – Section 1 Design 46 min
• Lecture12.2
  13.2 – Section 2 Design 31 min
• Lecture12.3
  13.3 – Section 3 Design 08 min
• Lecture12.4
  13.4 – Section 4 and 5 Design 30 min
• Lecture12.5
  13.5 – Mobile and Tablet Design Section 34 min
• Lecture12.6
  13.6 – Section Mockup Wrap Up 11 min

Getting Started With UI Effect Trends 3

In this section, we will design some effects trend in UI using our software and we will understand how to create them from scratch and how to create them using plugins.

• Lecture13.1
  14.1 – Mini Projects – Glass-Morphism Effect 16 min
• Lecture13.2
  14.2 – Soft UI (Claymorphism vs Neumorphism) 50 min
• Lecture13.3
  14.3 – Soft UI Mini Project – Smartwatch 37 min

Designing Second Main Projects 6

In this section, we will design our second main project - Keen Marketer. A digital Marketing platform that provides services on marketing. the project comes with 3D illustration and some other UI resources making it a well designed defined and appealing UI

• Lecture14.1
  15.1 – Section 1 Design 30 min
• Lecture14.2
  15.2 – Section 2 Design 26 min
• Lecture14.3
  15.3 – Section 3 Design 13 min
• Lecture14.4
  15.4 – Section 4 Design 17 min
• Lecture14.5
  15.5 – Section 5 Design 26 min
• Lecture14.6
  15.6 – Section 6 Design 22 min

Mobile Structure & Design 9

In this section, we shall examine the structure, the basis of how to design a mobile UI with the wireframe and also how to create the a wireframe and scratch using a traditional way and other means as well to construct a flexible wireframes for our design and we will then go into design.

• Lecture15.1
  16.0 – Understanding Mobile Structure & Wireframe 35 min
• Lecture15.2
  16.1 – Mobile UI Design Section 1 53 min
• Lecture15.3
  16.2 – Mobile Design Section 2 31 min
• Lecture15.4
  16.3 – Mobile Design Section 3 01 hour
• Lecture15.5
  16.4 – Mobile UI Design Section 4 52 min
• Lecture15.6
  16.5 – Mobile Design Section 5 40 min
• Lecture15.7
  16.6 – Mobile Design Section 6 39 min
• Lecture15.8
  16.7 – Mobile Design Section 7 43 min
• Lecture15.9
  16.8 – Mobile Design Section 8 58 min

Prototyping 1

In this section, we will be learning how to prototype a project from scratch, which is the simulation and motion interactions between screens, components, kits and button for the purpose of testability and validating the designs

• Lecture16.1
  17.0 – Prototyping Project 59 min

Presentation and Sharing 3

In this section, we will learn how to prepare a professional documentations of presentations with all rudiments of variations and approach types

• Lecture17.1
  18.0 – Presentation Documentations 52 min
• Lecture17.2
  18.1 – Presentation 01 hour
• Lecture17.3
  18.2 – Finalizing Presentation 46 min

Conclusion 1

In this section, we will learn how to share our works on design platforms such as behance, dribble and others. we will also learn some professional tips, culture and best practices

• Lecture18.1
  19.0 – Professional Tips 45 min