Release date:2022

Author:Tree House

Skill level:Beginner

Language:English

Exercise files:Yes

Welcome to Tracks Treehouse Tracks are guided curriculums that cover all relevant Courses and Workshops necessary to master a subject. Treehouse’s learning library includes dozens of Tracks on a variety of topics including web design, programming, and more. With Compass, you’ll also be able to test out of subjects you already know, and create a custom curriculum for your learning goals.

UX: Visual Design Process User Experience Design, commonly called UX Design, encompasses all aspects of a user’s interaction with a company, its services, and its products. UX designers put themselves into the shoes of users to create solutions through empathy.

In this Track, you’ll learn various methods of iterating on a design idea, from wireframing to building a mockup to sharing interactive prototypes.

We’ll begin with a few foundational courses in design thinking and giving/receiving feedback. Then you’ll dive into our 2-hour Introduction to Wireframing course, where you’ll learn the methods and process for wireframing, a key skill for a lot of UX design work.

Next, we’ll tackle Typography. Working with type is something that every UX designer needs to be comfortable with, and this in-depth course will get you up to speed. Afterward, you’ll take our Designing Layouts course, which covers visual and typographic hierarchy, the use of grids and alignment in layouts, and how to choose colors.

To wrap up this Track, we’ll learn how to create mockups of your designs, how to prototype them in Adobe XD and Figma, and how to present your ideas.

Ready to dive into the exciting UX design process? Let’s begin!

01. Visual Design Foundations 01. Elements of Design

01. The Elements and Principles of Art and Design 02. Line, Shape, and Form 03. Space and Texture 04. Value and Color

02. Principles of Design

01. Balance and Harmony 02. Emphasis, Variety, and Proportion 03. Movement and Rhythm

02. Handling Feedback as a UX Designer

01. The Importance of Handling Feedback Well 02. The Challenges of Handling Feedback 03. Types of Feedback 04. Requesting Feedback 05. Getting Into the Right Mindset 06. Receiving Feedback 07. Acting on Feedback

03. Receiving UX Feedback by Example

01. Receiving Constructive Feedback 02. Receiving Non-constructive Feedback 03. Receiving Prescriptive Feedback

05. Introduction to Wireframing 01. What Is Wireframing

01. What Are Wireframes 02. Benefits of Wireframing 03. Types of Wireframes 04. How Wireframes Are Used

02. How to Make Wireframes on Paper

01. Hand-drawn Wireframes 02. Demonstration of Wireframing on Paper 03. Tips and Tools 04. Sharing and Getting Feedback 05. The Pros and Cons of Wireframing on Paper

03. How to Make Wireframes in Balsamiq

01. Wireframing in Balsamiq 02. Demonstrating Wireframes in Balsamiq 03. Sharing and Getting Feedback in Balsamiq 04. Pros and Cons of Wireframing in Balsamiq

04. How to Make Wireframes in Adobe XD

01. Making Wireframes in Adobe XD 02. Demonstrating Wireframes in Adobe XD 03. Sharing and Getting Feedback in Adobe XD 04. The Pros and Cons of Wireframing in Adobe XD

08. Typography for Designers 01. Introduction to Typography

01. What is Typography 02. How Typography Affects the User Experience 03. Typography Terminology 04. Different Types of Type 05. Print vs. Digital

02. How to Choose and Use Fonts

01. How to Install Fonts 02. Consider the Use Case 03. How to Choose a Text Typeface for the Web 04. How to Choose a Display Typeface

03. Web Typography

01. Font Weights, Styles, and Sizes 02. Horizontal Space Measure and Margins 03. Vertical Space Line-Height and Vertical Rhythm

04. Laying Out Type

01. Introducing Typographic Hierarchy 02. Typographic Hierarchy Style, Weight, Size, and Position 03. Typographic Hierarchy Caps and Color 04. Layout Treatments 05. Combining Typefaces

05. Going Further with Type

01. Responsive Typography 02. More Grid Systems 03. Variable Fonts 04. The Fine Details

09. Before and After Typography

01. Typography Before 02. Typography After

10. Designing Layouts 01. Writing Copy

01. Spelling, Grammar, and Title Casing 02. Headers and Labels

02. Hierarchy and Layout

01. Typography and Hierarchy 02. Using a Grid 03. Colors and Contrast

11. Creating Mockups

01. Introduction to Mockups 02. The Purpose of Mockups 03. Preparing to Make Mockups 04. Making Mockups 05. Efficiency Tips 06. Sharing Mockups

12. Before and After Color

01. Color Before 02. Color After

13. Before and After Layout

01. Layout Before 02. Layout After

14. Prototyping with Adobe XD 01. Introducing Adobe XD

01. Why Prototype in Adobe XD 02. The Adobe XD Interface 03. Navigating the Workspace

02. Prototyping Designs in Adobe XD

01. Drawing Shapes 02. Adding Images 03. Adding Text 04. Layers and Repeat Grids

03. Interactivity in Adobe XD

01. Adding Artboards 02. Creating New Screens 03. Adding Interactivity to Prototypes 04. Sharing Designs

15. Prototyping with Figma 01. Introducing Figma

01. Why Prototype in Figma 02. Project Setup 03. Navigating the Canvas 04. Arranging Design Elements

02. Prototyping Designs in Figma

01. Reusing Designs with Components 02. Drawing with Shapes 03. Drawing Curved Lines 04. Finishing the Interface

03. Interactive Prototypes in Figma

01. Adding Interactivity to Prototypes 02. Sharing Designs

17. Collaborating with Developers 01. Designing with Developers

01. Intro to Collaborating with Developers

02. Preparing Design Files for Developers

01. Communicating for Development 11. Final Design Handoff

18. Presenting Design Ideas

01. Know Your Audience 02. Set Expectations and Goals 03. State the Problem and Goals 04. Research the Problem 05. Solving the Problem 06. Timeline and Next Steps 07. Feedback

[Tree house] UX – Visual Design Process (Track).7z [Tree house] UX – Visual Design Process (Track)_Subtitles.7z

  Channel    and      Group

下载说明:用户需登录后获取相关资源
1、登录后,打赏30元成为VIP会员,全站资源免费获取!
2、资源默认为百度网盘链接,请用浏览器打开输入提取码不要有多余空格,如无法获取 请联系微信 yunqiaonet 补发。
3、分卷压缩包资源 需全部下载后解压第一个压缩包即可,下载过程不要强制中断 建议用winrar解压或360解压缩软件解压!
4、云桥网络平台所发布资源仅供用户自学自用,用户需以学习为目的,按需下载,严禁批量采集搬运共享资源等行为,望知悉!!!
5、云桥网络-CG数字艺术学习与资源分享平台,感谢您的赞赏与支持!平台所收取打赏费用仅作为平台服务器租赁及人员维护资金 费用不为素材本身费用,望理解知悉!