TeamTreehouse - UX - Visual Design Process (Track)

File Name

Size

UX - Visual Design Process.md

6.6 kB

01. Visual Design Foundations/Visual Design Foundations.md

2.7 kB

01. Visual Design Foundations/01. Elements of Design/01. The Elements and Principles of Art and Design.webm

9.9 MB

01. Visual Design Foundations/01. Elements of Design/02. Line, Shape, and Form.webm

8.9 MB

01. Visual Design Foundations/01. Elements of Design/03. Space and Texture.webm

10 MB

01. Visual Design Foundations/01. Elements of Design/04. Value and Color.webm

14 MB

01. Visual Design Foundations/02. Principles of Design/01. Balance and Harmony.webm

16 MB

01. Visual Design Foundations/02. Principles of Design/02. Emphasis, Variety, and Proportion.webm

7.5 MB

01. Visual Design Foundations/02. Principles of Design/03. Movement and Rhythm.webm

11 MB

02. Handling Feedback as a UX Designer/01. The Importance of Handling Feedback Well.webm

18 MB

02. Handling Feedback as a UX Designer/02. The Challenges of Handling Feedback.webm

17 MB

02. Handling Feedback as a UX Designer/03. Types of Feedback.webm

21 MB

02. Handling Feedback as a UX Designer/04. Requesting Feedback.webm

17 MB

02. Handling Feedback as a UX Designer/05. Getting Into the Right Mindset.webm

15 MB

02. Handling Feedback as a UX Designer/06. Receiving Feedback.webm

18 MB

02. Handling Feedback as a UX Designer/07. Acting on Feedback.webm

20 MB

02. Handling Feedback as a UX Designer/Handling Feedback as a UX Designer.md

1.6 kB

03. Receiving UX Feedback by Example/01. Receiving Constructive Feedback.webm

6.8 MB

03. Receiving UX Feedback by Example/02. Receiving Non-constructive Feedback.webm

8.1 MB

03. Receiving UX Feedback by Example/03. Receiving Prescriptive Feedback.webm

8.8 MB

03. Receiving UX Feedback by Example/04. Example Responses to Feedback.md

863 B

03. Receiving UX Feedback by Example/Receiving UX Feedback by Example.md

1.2 kB

04. Collecting Design Inspiration/Collecting Design Inspiration.md

809 B

05. Introduction to Wireframing/Introduction to Wireframing.md

4.9 kB

05. Introduction to Wireframing/01. What Is Wireframing/01. What Are Wireframes.webm

29 MB

05. Introduction to Wireframing/01. What Is Wireframing/02. Benefits of Wireframing.webm

42 MB

05. Introduction to Wireframing/01. What Is Wireframing/03. Types of Wireframes.webm

47 MB

05. Introduction to Wireframing/01. What Is Wireframing/04. How Wireframes Are Used.webm

50 MB

05. Introduction to Wireframing/02. How to Make Wireframes on Paper/01. Hand-drawn Wireframes.webm

41 MB

05. Introduction to Wireframing/02. How to Make Wireframes on Paper/02. Demonstration of Wireframing on Paper.webm

130 MB

05. Introduction to Wireframing/02. How to Make Wireframes on Paper/03. Tips and Tools.webm

33 MB

05. Introduction to Wireframing/02. How to Make Wireframes on Paper/04. Sharing and Getting Feedback.webm

22 MB

05. Introduction to Wireframing/02. How to Make Wireframes on Paper/05. The Pros and Cons of Wireframing on Paper.webm

14 MB

05. Introduction to Wireframing/02. How to Make Wireframes on Paper/Project Files/introduction-to-wireframing.zip

1.7 MB

05. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/01. Wireframing in Balsamiq.webm

27 MB

05. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/02. Demonstrating Wireframes in Balsamiq.webm

49 MB

05. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/03. Sharing and Getting Feedback in Balsamiq.webm

10 MB

05. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/04. Pros and Cons of Wireframing in Balsamiq.webm

10 MB

05. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/Project Files/introduction-to-wireframing.zip

1.7 MB

05. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/01. Making Wireframes in Adobe XD.webm

20 MB

05. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/02. Demonstrating Wireframes in Adobe XD.webm

26 MB

05. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/03. Sharing and Getting Feedback in Adobe XD.webm

21 MB

05. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/04. The Pros and Cons of Wireframing in Adobe XD.webm

17 MB

05. Introduction to Wireframing/04. How to Make Wireframes in Adobe XD/Project Files/introduction-to-wireframing.zip

1.7 MB

08. Typography for Designers/Typography for Designers.md

7.0 kB

08. Typography for Designers/01. Introduction to Typography/01. What is Typography.webm

33 MB

08. Typography for Designers/01. Introduction to Typography/02. How Typography Affects the User Experience.webm

21 MB

08. Typography for Designers/01. Introduction to Typography/03. Typography Terminology.webm

15 MB

08. Typography for Designers/01. Introduction to Typography/04. Different Types of Type.webm

21 MB

08. Typography for Designers/01. Introduction to Typography/05. Print vs. Digital.webm

28 MB

08. Typography for Designers/02. How to Choose and Use Fonts/01. How to Install Fonts.webm

17 MB

08. Typography for Designers/02. How to Choose and Use Fonts/02. Consider the Use Case.webm

4.7 MB

08. Typography for Designers/02. How to Choose and Use Fonts/03. How to Choose a Text Typeface for the Web.webm

24 MB

08. Typography for Designers/02. How to Choose and Use Fonts/04. How to Choose a Display Typeface.webm

30 MB

08. Typography for Designers/03. Web Typography/01. Font Weights, Styles, and Sizes.webm

45 MB

08. Typography for Designers/03. Web Typography/02. Horizontal Space Measure and Margins.webm

36 MB

08. Typography for Designers/03. Web Typography/03. Vertical Space Line-Height and Vertical Rhythm.webm

38 MB

08. Typography for Designers/03. Web Typography/Project Files/Typography-for-Designers-Project-Files.zip

2.2 MB

08. Typography for Designers/04. Laying Out Type/01. Introducing Typographic Hierarchy.webm

26 MB

08. Typography for Designers/04. Laying Out Type/02. Typographic Hierarchy Style, Weight, Size, and Position.webm

23 MB

08. Typography for Designers/04. Laying Out Type/03. Typographic Hierarchy Caps and Color.webm

42 MB

08. Typography for Designers/04. Laying Out Type/04. Layout Treatments.webm

13 MB

08. Typography for Designers/04. Laying Out Type/05. Combining Typefaces.webm

21 MB

08. Typography for Designers/04. Laying Out Type/Project Files/Typography-for-Designers-Project-Files.zip

2.2 MB

08. Typography for Designers/05. Going Further with Type/01. Responsive Typography.webm

15 MB

08. Typography for Designers/05. Going Further with Type/02. More Grid Systems.webm

11 MB

08. Typography for Designers/05. Going Further with Type/03. Variable Fonts.webm

20 MB

08. Typography for Designers/05. Going Further with Type/04. The Fine Details.webm

11 MB

08. Typography for Designers/05. Going Further with Type/Project Files/Typography-for-Designers-Project-Files.zip

2.2 MB

09. Before and After Typography/01. Typography Before.webm

3.7 MB

09. Before and After Typography/02. Typography After.webm

26 MB

09. Before and After Typography/Before and After Typography.md

837 B

09. Before and After Typography/Project Files/Before+and+After-Typography.zip

4.4 MB

10. Designing Layouts/Designing Layouts.md

2.7 kB

10. Designing Layouts/01. Writing Copy/01. Spelling, Grammar, and Title Casing.webm

22 MB

10. Designing Layouts/01. Writing Copy/02. Headers and Labels.webm

11 MB

10. Designing Layouts/01. Writing Copy/Project Files/designing-layouts.zip

8.0 MB

10. Designing Layouts/02. Hierarchy and Layout/01. Typography and Hierarchy.webm

14 MB

10. Designing Layouts/02. Hierarchy and Layout/02. Using a Grid.webm

20 MB

10. Designing Layouts/02. Hierarchy and Layout/03. Colors and Contrast.webm

31 MB

10. Designing Layouts/02. Hierarchy and Layout/Project Files/designing-layouts.zip

8.0 MB

11. Creating Mockups/01. Introduction to Mockups.webm

18 MB

11. Creating Mockups/02. The Purpose of Mockups.webm

18 MB

11. Creating Mockups/03. Preparing to Make Mockups.webm

18 MB

11. Creating Mockups/04. Making Mockups.webm

60 MB

11. Creating Mockups/05. Efficiency Tips.webm

8.4 MB

11. Creating Mockups/06. Sharing Mockups.webm

14 MB

11. Creating Mockups/Creating Mockups.md

1.5 kB

11. Creating Mockups/Project Files/creating-mockups-project.zip

16 MB

12. Before and After Color/01. Color Before.webm

1.9 MB

12. Before and After Color/02. Color After.webm

18 MB

12. Before and After Color/Before and After Color.md

792 B

12. Before and After Color/Project Files/Before+and+After-Color.zip

33 MB

13. Before and After Layout/01. Layout Before.webm

2.7 MB

13. Before and After Layout/02. Layout After.webm

7.8 MB

13. Before and After Layout/Before and After Layout.md

817 B

13. Before and After Layout/Project Files/Before+and+After-Layout.zip

347 kB

14. Prototyping with Adobe XD/Prototyping with Adobe XD.md

3.0 kB

14. Prototyping with Adobe XD/01. Introducing Adobe XD/01. Why Prototype in Adobe XD.webm

8.1 MB

14. Prototyping with Adobe XD/01. Introducing Adobe XD/02. The Adobe XD Interface.webm

10 MB

14. Prototyping with Adobe XD/01. Introducing Adobe XD/03. Navigating the Workspace.webm

6.6 MB

14. Prototyping with Adobe XD/01. Introducing Adobe XD/Project Files/prototyping-with-adobexd.zip

16 MB

14. Prototyping with Adobe XD/02. Prototyping Designs in Adobe XD/01. Drawing Shapes.webm

6.2 MB

14. Prototyping with Adobe XD/02. Prototyping Designs in Adobe XD/02. Adding Images.webm

14 MB

14. Prototyping with Adobe XD/02. Prototyping Designs in Adobe XD/03. Adding Text.webm

13 MB

14. Prototyping with Adobe XD/02. Prototyping Designs in Adobe XD/04. Layers and Repeat Grids.webm

16 MB

14. Prototyping with Adobe XD/02. Prototyping Designs in Adobe XD/Project Files/prototyping-with-adobexd.zip

16 MB

14. Prototyping with Adobe XD/03. Interactivity in Adobe XD/01. Adding Artboards.webm

14 MB

14. Prototyping with Adobe XD/03. Interactivity in Adobe XD/02. Creating New Screens.webm

16 MB

14. Prototyping with Adobe XD/03. Interactivity in Adobe XD/03. Adding Interactivity to Prototypes.webm

14 MB

14. Prototyping with Adobe XD/03. Interactivity in Adobe XD/04. Sharing Designs.webm

8.9 MB

14. Prototyping with Adobe XD/03. Interactivity in Adobe XD/Project Files/prototyping-with-adobexd.zip

16 MB

15. Prototyping with Figma/Prototyping with Figma.md

2.9 kB

15. Prototyping with Figma/01. Introducing Figma/01. Why Prototype in Figma.webm

16 MB

15. Prototyping with Figma/01. Introducing Figma/02. Project Setup.webm

11 MB

15. Prototyping with Figma/01. Introducing Figma/03. Navigating the Canvas.webm

16 MB

15. Prototyping with Figma/01. Introducing Figma/04. Arranging Design Elements.webm

22 MB

15. Prototyping with Figma/01. Introducing Figma/Project Files/figma-basics.zip

6.9 MB

15. Prototyping with Figma/02. Prototyping Designs in Figma/01. Reusing Designs with Components.webm

12 MB

15. Prototyping with Figma/02. Prototyping Designs in Figma/02. Drawing with Shapes.webm

10 MB

15. Prototyping with Figma/02. Prototyping Designs in Figma/03. Drawing Curved Lines.webm

17 MB

15. Prototyping with Figma/02. Prototyping Designs in Figma/04. Finishing the Interface.webm

12 MB

15. Prototyping with Figma/03. Interactive Prototypes in Figma/01. Adding Interactivity to Prototypes.webm

15 MB

15. Prototyping with Figma/03. Interactive Prototypes in Figma/02. Sharing Designs.webm

18 MB

17. Collaborating with Developers/Collaborating with Developers.md

4.3 kB

17. Collaborating with Developers/01. Designing with Developers/01. Intro to Collaborating with Developers.webm

4.2 MB

17. Collaborating with Developers/01. Designing with Developers/02. Ideating with Developers.md

3.4 kB

17. Collaborating with Developers/01. Designing with Developers/Project Files/Collaborating-with-Developers-project-files.zip

28 MB

17. Collaborating with Developers/02. Preparing Design Files for Developers/01. Communicating for Development.md

856 B

17. Collaborating with Developers/02. Preparing Design Files for Developers/01. Communicating for Development.webm

6.8 MB

17. Collaborating with Developers/02. Preparing Design Files for Developers/02. Pages.md

6.6 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/03. Screens.md

6.0 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/04. Spacing & Grid Systems.md

3.7 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/05. Interaction States.md

6.1 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/06. Content States.md

3.2 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/07. Styles.md

3.5 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/08. Components.md

4.5 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/09. Assets Naming & Resolution.md

9.0 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/10. Assets Format, Performance, and Exporting.md

4.6 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/11. Final Design Handoff.md

2.8 kB

17. Collaborating with Developers/02. Preparing Design Files for Developers/11. Final Design Handoff.webm

25 MB

18. Presenting Design Ideas/01. Know Your Audience.webm

18 MB

18. Presenting Design Ideas/02. Set Expectations and Goals.webm

7.7 MB

18. Presenting Design Ideas/03. State the Problem and Goals.webm

4.8 MB

18. Presenting Design Ideas/04. Research the Problem.webm

3.8 MB

18. Presenting Design Ideas/05. Solving the Problem.webm

10 MB

18. Presenting Design Ideas/06. Timeline and Next Steps.webm

1.7 MB

18. Presenting Design Ideas/07. Feedback.webm

3.4 MB

18. Presenting Design Ideas/Presenting Design Ideas.md

1.6 kB

19. UX Going beyond Visual Design/UX Going beyond Visual Design.md

1.1 kB