This Track will equip you to design apps and websites, not just program them. Whether you’re looking to speak the same language as your design team to facilitate a smoother handoff, or eager to add design skills to your development portfolio, this Track will equip web developers with a full set of design skills suited to their field.
Included here are lessons on design thinking, creating wireframes and mockups, working with design systems, and more.
You’ll start out with a few conceptual courses that will teach you how to think like a designer, including Visual Design Foundations. Next, you’ll take our Handling Feedback as a UX Designer course, and then Receiving UX Feedback By Example. Feedback is an integral part of user experience work, and something every designer knows how to approach.
The next part of the Track will take you through skills like wireframing, sketching, typography, and mockups. These concepts are all important pillars in all kinds of design work. We’ll cover color and layout, as well.
The Track will wrap up with courses on accessibility, and design evaluation and presentation. Once you’re done, you’ll have all the tools you need to design the beautiful apps and sites you’ve already been programming.
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/01. Intro to Design Thinking/02. Becoming Acquainted with Your User/03. Activity Data Collection.md
1.8 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/01. Intro to Design Thinking/02. Becoming Acquainted with Your User/05. Activity Who is My User.md
2.3 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/01. Intro to Design Thinking/03. Understanding Your User’s “As-Is” Scenario/03. Activity Phases in a Journey Map.md
3.1 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/01. Intro to Design Thinking/04. Designing for Your User’s To-Be/03. Activity Big Idea Vignettes.md
1.9 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/01. Intro to Design Thinking/Intro to Design Thinking.md
6.1 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/02. Visual Design Foundations/Visual Design Foundations.md
2.7 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/03. Handling Feedback as a UX Designer/Handling Feedback as a UX Designer.md
1.6 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/04. Receiving UX Feedback by Example/04. Example Responses to Feedback.md
863 B
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/04. Receiving UX Feedback by Example/Receiving UX Feedback by Example.md
1.2 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/05. Collecting Design Inspiration/Collecting Design Inspiration.md
809 B
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/01. What Is Wireframing/02. Benefits of Wireframing.webm
41.5 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/01. What Is Wireframing/03. Types of Wireframes.webm
47.3 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/01. What Is Wireframing/04. How Wireframes Are Used.webm
50.3 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/02. How to Make Wireframes on Paper/01. Hand-drawn Wireframes.webm
41.1 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/02. How to Make Wireframes on Paper/02. Demonstration of Wireframing on Paper.webm
129.6 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/02. How to Make Wireframes on Paper/03. Tips and Tools.webm
33.2 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/03. How to Make Wireframes in Balsamiq/02. Demonstrating Wireframes in Balsamiq.webm
49.1 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/06. Introduction to Wireframing/Introduction to Wireframing.md
4.9 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/09. Creating User Experiences/02. Understanding Our Users/02. The Importance of Designing for Users.webm
35 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/09. Creating User Experiences/02. Understanding Our Users/03. Determining Your Users’ Personas.webm
35.5 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/09. Creating User Experiences/02. Understanding Our Users/Project Files/cux-pdfs-s2_3.zip
182.5 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/09. Creating User Experiences/03. Strategy Determining Goals for your Product/Project Files/cux-pdfs-s2_3.zip
182.5 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/09. Creating User Experiences/04. Planning Your Users’ Journey/02. Getting Our Steps in Order.webm
46.9 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/09. Creating User Experiences/04. Planning Your Users’ Journey/Project Files/CUX_Stage4.zip
451.7 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/09. Creating User Experiences/Creating User Experiences.md
7.1 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/10. Typography for Designers/01. Introduction to Typography/01. What is Typography.webm
32.8 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/10. Typography for Designers/03. Web Typography/01. Font Weights, Styles, and Sizes.webm
44.6 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/10. Typography for Designers/03. Web Typography/02. Horizontal Space Measure and Margins.webm
36.2 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/10. Typography for Designers/03. Web Typography/03. Vertical Space Line-Height and Vertical Rhythm.webm
38.2 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/10. Typography for Designers/04. Laying Out Type/03. Typographic Hierarchy Caps and Color.webm
41.9 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/10. Typography for Designers/Typography for Designers.md
7 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/11. Before and After Typography/Before and After Typography.md
837 B
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/12. Creating Mockups/04. Making Mockups.webm
60 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/12. Creating Mockups/Creating Mockups.md
1.5 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/13. Before and After Color/Before and After Color.md
792 B
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/13. Before and After Color/Project Files/Before+and+After-Color.zip
32.7 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/14. Before and After Layout/Before and After Layout.md
817 B
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/14. Before and After Layout/Project Files/Before+and+After-Layout.zip
346.7 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/01. Understanding Design Systems/01. What is a Design System.webm
93 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/01. Understanding Design Systems/02. Exploring Design Systems.webm
42.9 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/01. Understanding Design Systems/03. Design System Components.webm
66.6 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/02. Visual Design Language/01. Color.webm
40.6 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/02. Visual Design Language/02. Typography.webm
58.2 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/02. Visual Design Language/03. Space.webm
36.3 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/02. Visual Design Language/04. Image.webm
36.8 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/03. User Interface Library/02. Exploring User Interface Libraries.webm
57.4 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/04. Voice and Tone/01. Introducing Voice and Tone.webm
57.6 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/04. Voice and Tone/02. Exploring Voice and Tone.webm
32.2 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/15. Introduction to Design Systems/Introduction to Design Systems.md
3.8 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/16. Accessibility For UX Designers/01. Introducing Accessible Design/01. What is Accessible Design.webm
35.5 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/16. Accessibility For UX Designers/01. Introducing Accessible Design/03. WCAG Principles Perceivable.webm
33.7 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/16. Accessibility For UX Designers/01. Introducing Accessible Design/07. Accessibility and the Design Process.webm
33.4 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/16. Accessibility For UX Designers/02. Design an Accessible Form/Project Files/accessible-form-project-file.zip
17.2 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/16. Accessibility For UX Designers/Accessibility For UX Designers.md
3.5 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/17. Evaluating Design/02. Preparing for Usability Testing/02. Moderated Testing.webm
40.6 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/17. Evaluating Design/02. Preparing for Usability Testing/05. Evaluate the Usability Test Plan.md
2.2 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/17. Evaluating Design/03. Running a Usability Study/01. Usability Test Script.md
4.6 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/17. Evaluating Design/03. Running a Usability Study/02. Running a Test.webm
81.4 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/17. Evaluating Design/03. Running a Usability Study/05. The Write-Up.webm
31.3 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/17. Evaluating Design/03. Running a Usability Study/06. Guerilla Usability Testing.webm
65.4 MB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/17. Evaluating Design/Evaluating Design.md
6 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/18. Presenting Design Ideas/Presenting Design Ideas.md
1.6 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/19. Continue Learning about UX Design/Continue Learning about UX Design.md
1.3 KB
[TutsNode.net] - TeamTreehouse - Design Skills for Web Developers (Track)/Design Skills for Web Developers.md
7.4 KB
Alternative Torrents for 'Design Skills for Developers Track'.