UI UX Design Course, Zidio Learning, Learn UI UX, User Experience Design, User Interface Design, Wireframing, Prototyping, Figma, Adobe XD, Design Thinking, Online UI UX Training ;

Course / Course Details

UI/UX Design

Design

By - Super admin
219 students
N/A
(0)

Course Requirements

Basic Computer Skills: Familiarity with using design tools or software is a plus but not mandatory.

Access to Design Tools: Tools such as Figma, Adobe XD, or Sketch installed on your computer.
Creative Mindset: A passion for design and an eye for detail.
Internet Access: For research, downloading design resources, and collaborating online.
Willingness to Learn: Openness to feedback and enthusiasm for crafting user-centric designs.

This course is perfect for aspiring designers, developers, and anyone interested in building intuitive and engaging digital products.

Course Description

This course focuses on the principles and practices of user interface (UI) and user experience (UX) design. You will learn to design visually appealing, user-friendly interfaces while understanding the psychology behind user interactions. From wireframing and prototyping to usability testing, this course covers the full spectrum of the UI/UX design process, equipping you with the skills to create impactful digital experiences.

Course Outcomes

Upon completing this course, you will be able to:

Understand the fundamentals of UI/UX design and its importance in product development.
Create user personas, journey maps, and storyboards for design planning.
Design wireframes and prototypes using tools like Figma, Adobe XD, or Sketch.
Apply visual design principles, including color theory, typography, and layout.
Conduct usability testing to gather user feedback and refine designs.
Collaborate effectively with developers and stakeholders to implement design solutions.
Develop portfolios showcasing your UI/UX projects to potential employers or clients.

Course Curriculum

10 chapters
119 lectures
0 quizzes
N/A total length

Toggle all chapters

1 Introduction-to-the-course

2 Min

2 Introduction

2.43 Min

3 Structure-of-the-course

1.1 Min

4 Tools

1 Min

5 Intro-to-design-basics

1 Min

1 Layout

2 Min

2 Visual-hierarchy

5 Min

3 Visual-noise

2 Min

4 Iconography

1 Min

5 Typography

3 Min

6 Color-contrast

2 Min

7 Color-palette

2 Min

8 Spacing

1 Min

9 Composition

2 Min

1 Design-guide

1 Min

2 consistent-fonts

1 Min

3 Consistent-colors

1 Min

4 Consistent-icons

2 Min

5 Consistent-UI-elements

1 Min

1 Font-resources

1 Min

2 Color-resources

1 Min

3 Icon-resources

1 Min

1 Introduction-to-figma

1 Min

2 figma-requirements

5 Min

3 Figma-environment

5 Min

4 Shapes

10 Min

5 Editing-shapes

7 Min

6 Layer Basics

6.38 Min

7 Boolean-operations

5 Min

8 Text

5 Min

9 Text-inspector

5 Min

10 text-style

4 Min

11 Constraints-and-adaptive-layouts

5 Min

12 Auto-layout-new

10.54 Min

13 images

4.44 Min

14 styling-fill

3.34 Min

15 styling-stroke

1.34 Min

16 styling-effects

5.32 Min

17 color-style

3.56 Min

18 Masks

2 Min

19 Components

8.37 Min

20 Layout-grids

2.3 Min

21 Plugins

9.14 Min

22 Exporting

2.06 Min

23 Prototyping

5.52 Min

24 Multiplayer-commenting

N/A

25 Keyboard-shortcuts

3.5 Min

1 Introduction to UI Elements

1 Min

2 Text Field

1.3 Min

3 Buttons

2.06 Min

4 Sliders

1.3 Min

5 Tooltips

1.02 Min

6 Selection-controls

1.19 Min

7 Chips

1.11 Min

8 Cards

1.04 Min

9 Dialogs

1.06 Min

10 Lists

1 Min

11 Tables

1.08 Min

12 Navigation

1 Min

13 Menus

1 Min

14 Charts

1 Min

15 Steppers

1.03 Min

16 Snackbars

1.21 Min

17 What-is-wireframing

1 Min

1 User-flows

1.1 Min

2 Interactive-prototypes

1.03 Min

3 Wireframe-tools

1 Min

4 Wireframing-in-figma

5.03 Min

5 Color style

1 Min

6 Primary-accent-semantic-colors

10.12 Min

7 Grey-colors-gradients

4.17 Min

8 Borders-shadows

5.32 Min

1 Intro to Typography

1 Min

2 Typography-guide-part-1

4 Min

3 Typography-guide-part-2

2.23 Min

4 Designing-a-modern-finance-app

2.17 Min

5 Launch-screen

1.59 Min

6 Sign-in-welcome-page

21.33 Min

7 Sign-up-page

6.07 Min

8 Otp-verification-screens

11.56 Min

9 Profile-screens

13.04 Min

10 Homepage

19.44 Min

11 Menu

10.52 Min

12 Credit-cards-page

13.56 Min

13 Transactions-page

10.37 Min

14 Detailed-transactions-page

9.42 Min

15 Transfer-page

7.01 Min

16 Confirmation-page

3.41 Min

17 Notification-page

6.59 Min

18 Users profile

4.17 Min

19 Designing-our-first-logo

N/A

20 Onboarding pages

7.57 Min

21 Logo Types

2.2 Min

22 Designing-our-first-logo

2.59 Min

23 Designing our Second logo

2.48 Min

24 Designing our third logo

1.52 Min

1 Introduction to adobe photoshop

1 Min

2 Environment-of-adobe-photoshop

1.21 Min

3 Basics-of-adobe-photoshop

7.4 Min

4 Adobe-photoshop-for-ui-ux-design

5.54 Min

5 Intro-to-3d-modeling

2.1 Min

6 Create-your-first-3d-model

4.17 Min

7 Camera-lightings

2.16 Min

8 Materials-textures

1.55 Min

9 Create a 3d scene

5.4 Min

10 Rendering exporting

3.34 Min

11 Prototyping-tools

1 Min

12 Prototyping in figma

4.27 Min

13 Mocking up an app in figma

1.28 Min

1 How to create your own online portfolio

1.17 Min

2 How to use dribbble

1 Min

3 How to use behance

1 Min

4 How to get your first client

1.18 Min

5 How to scale your business

1.19 Min

6 Communicating with your clients

1 Min

7 Contract

1 Min

8 Where to find world class design inspiration

1 Min

9 Image Resources

1 Min

10 Conclusion

1 Min

Instructor

Super admin

As the Super Admin of our platform, I bring over a decade of experience in managing and leading digital transformation initiatives. My journey began in the tech industry as a developer, and I have since evolved into a strategic leader with a focus on innovation and operational excellence. I am passionate about leveraging technology to solve complex problems and drive organizational growth. Outside of work, I enjoy mentoring aspiring tech professionals and staying updated with the latest industry trends.

5 Rating