UX-Visual Design Process-Master the Art of Visual Design for UX

UX-Visual Design Process-Master the Art of Visual Design for UX

• Lesson 01: Visual Design Foundations

  29:15Preview

  • 1.01 The Elements and Principles of Art and Design

    02:07

  • 1.02 Line, Shape, and Form

    04:50

  • 1.03 Space and Texture

    03:59

  • 1.04 Value and Color

    06:55

  • 1.05 Balance and Harmony

    04:53

  • 1.06 Emphasis, Variety, and Proportion

    03:01

  • 1.07 Movement and Rhythm

    03:30

• Lesson 02: Handling Feedback as a UX Designer

  26:04Preview

  • 2.01 The Importance of Handling Feedback Well

    03:51

  • 2.02 The Challenges of Handling Feedback

    03:16

  • 2.03 Types of Feedback

    06:32

  • 2.04 Requesting Feedback

    03:16

  • 2.05 Getting into the Right Mindset

    02:29

  • 2.06 Receiving Feedback

    03:23

  • 2.07 Acting on Feedback

    03:17

• Lesson 03: Receiving UX Feedback by Example

  06:08

  • 3.01 Receiving Constructive Feedback

    01:21

  • 3.02 Receiving Non-Constructive Feedback

    02:40

  • 3.03 Receiving Prescriptive Feedback

    02:07

• Lesson 04: Collecting Design Inspiration

  03:42Preview

  • 4.01 Sites and Tools for Collecting Inspiration

    03:42

• Lesson 05: Introduction to Wireframing

  01:33:27Preview

  • 5.01 What Are Wireframes?

    03:42

  • 5.02 Benefits of Wireframing

    04:16

  • 5.03 Types of Wireframes

    03:29

  • 5.04 How Wireframes Are Used

    04:22

  • 5.05 Hand-Drawn Wireframes

    04:19

  • 5.06 Demonstration of Wireframing on Paper

    11:25

  • 5.07 Tips and Tools

    02:47

  • 5.08 Sharing and Getting Feedback

    02:52

  • 5.09 The Pros and Cons of Wireframing on Paper

    01:54

  • 5.10 Wireframing in Balsamiq

    08:42

  • 5.11 Demonstrating Wireframes in Balsamiq

    18:46

  • 5.12 Sharing and Getting Feedback in Balsamiq

    02:17

  • 5.13 Pros and Cons of Wireframing in Balsamiq

    01:35

  • 5.14 Making Wireframes in Adobe XD

    03:13

  • 5.15 Demonstrating Wireframes in Adobe XD

    11:19

  • 5.16 Sharing and Getting Feedback in Adobe XD

    06:49

  • 5.17 The Pros and Cons of Wireframing in Adobe XD

    01:40

• Lesson 06: Practice Sketching

  07:48

  • 6.01 Problem

    03:28

  • 6.02 Solution

    04:20

• Lesson 07: Practice Wireframing

  11:19

  • 7.01 Problem

    03:31

  • 7.02 Solution

    07:48

• Lesson 08: Typography for Designers

  01:57:42Preview

  • 8.01 What Is Typography?

    05:45

  • 8.02 How Typography Affects the User Experience

    03:43

  • 8.03 Typography Terminology

    06:47

  • 8.04 Different Types of Type

    08:11

  • 8.05 Print vs. Digital

    05:49

  • 8.06 How to Choose and Use Fonts

    03:20

  • 8.07 Consider the Use Case

    00:55

  • 8.08 How to Choose a Text Typeface for the Web

    06:51

  • 8.09 How to Choose a Display Typeface

    06:31

  • 8.10 Font Weights, Styles, and Sizes

    10:53

  • 8.11 Horizontal Space, Measure, and Margins

    07:55

  • 8.12 Vertical Space, Line Height, and Vertical Rhythm

    09:44

  • 8.13 Introducing Typographic Hierarchy

    05:13

  • 8.14 Typographic Hierarchy: Style, Weight, Size, and Position

    06:16

  • 8.15 Typographic Hierarchy: Caps and Color

    09:45

  • 8.16 Layout Treatments

    02:49

  • 8.17 Combining Typefaces

    04:42

  • 8.18 Responsive Typography

    03:14

  • 8.19 More Grid Systems

    02:59

  • 8.20 Variable Fonts

    02:03

  • 8.21 The Fine Details

    04:17

• Lesson 09: Before and After: Typography

  06:05

  • 9.01 Typography Before

    00:44

  • 9.02 Typography After

    05:21

• Lesson 10: Designing Layouts

  39:12

  • 10.01 Spelling, Grammar, and Title Casing

    07:27

  • 10.02 Headers and Labels

    04:25

  • 10.03 Typography and Hierarchy

    05:44

  • 10.04 Using a Grid

    08:48

  • 10.05 Colors and Contrast

    12:48

• Lesson 11: Creating Mockups

  37:53Preview

  • 11.01 Introduction to Mockups

    04:04

  • 11.02 The Purpose of Mockups

    03:06

  • 11.03 Preparing to Make Mockups

    03:47

  • 11.04 Making Mockups

    20:11

  • 11.05 Efficiency Tips

    03:06

  • 11.06 Sharing Mockups

    03:39

• Lesson 12: Before and After: Color

  07:44

  • 12.01 Color Before

    00:50

  • 12.02 Color After

    06:54

• Lesson 13: Before and After: Layout

  05:12Preview

  • 13.01 Layout Before

    01:24

  • 13.02 Layout After

    03:48

• Lesson 14: Prototyping with Adobe XD

  01:02:03Preview

  • 14.01 Why Prototype in Adobe XD

    01:42

  • 14.02 The Adobe XD Interface

    06:33

  • 14.03 Navigating the Workspace

    04:13

  • 14.04 Drawing Shapes

    03:57

  • 14.05 Adding Images

    05:10

  • 14.06 Adding Text

    07:45

  • 14.07 Layers and Repeat Grids

    08:19

  • 14.08 Adding Artboards

    07:31

  • 14.09 Creating New Screens

    07:32

  • 14.10 Adding Interactivity to Prototypes

    05:53

  • 14.11 Sharing Designs

    03:28

• Lesson 15: Prototyping with Figma

  01:02:00Preview

  • 15.01 Why Prototype in Figma

    02:51

  • 15.02 Project Setup

    06:56

  • 15.03 Navigating the Canvas

    06:39

  • 15.04 Arranging Design Elements

    09:49

  • 15.05 Reusing Designs with Components

    05:02

  • 15.06 Drawing with Shapes

    05:20

  • 15.07 Drawing Curved Lines

    07:13

  • 15.08 Finishing the Interface

    04:59

  • 15.09 Adding Interactivity to Prototypes

    05:37

  • 15.10 Sharing Designs

    07:34

• Lesson 16: Practice Prototyping

  07:12

  • 16.01 Problem

    00:53

  • 16.02 Solution

    06:19

• Lesson 17: Collaborating with Developers

  13:49Preview

  • 17.01 Intro to Collaborating with Developers

    01:36

  • 17.02 Communicating for Development

    02:01

  • 17.03 Final Design Handoff

    10:12

• Lesson 18: Presenting Design Ideas

  17:33Preview

  • 18.01 Know Your Audience

    03:05

  • 18.02 Set Expectations and Goals

    02:03

  • 18.03 State the Problem and Goals

    02:39

  • 18.04 Research the Problem

    01:52

  • 18.05 Solving the Problem

    05:31

  • 18.06 Timeline and Next Steps

    00:59

  • 18.07 Feedback

    01:24