Design for Developers, Video Edition

Design for Developers, Video Edition

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 7h 56m | 1.15 GB

Solve common application design and usability issues with flair! These essential design and UX techniques will help you create good user experiences, iterate smoothly on frontend features, and collaborate effectively with designer colleagues.

In Design for Developers you will learn how to:

  • Use color, typography, and layout to create hierarchy on a web page
  • Apply color palettes consistently in a user interface
  • Choose the correct typefaces and fonts
  • Conduct user research to validate design decisions
  • Quickly plan a website’s layout and structure

In Design for Developers, author Stephanie Stimac shares the unique insights she’s learned as a designer on the Microsoft Developer Experiences team. This one-of-a-kind book provides a developer-centric approach to the essential design fundamentals of modern web applications. You’ll learn how to craft a polished visual design with just color, space, and typeface, and put all your new skills into practice to design a website from scratch.

Developer-made design decisions can have a real impact on a site’s user experience. Learn to speak design’s language, and you’ll be able to confidently contribute to a design process, collaborate with designer colleagues, and make more informed decisions about how you build your apps.

Design for Developers reveals essential design and UX principles every web developer needs to know. You’ll love the book’s developer-centric approach, which demonstrates new ideas with examples from popular sites and user interfaces. Discover insightful techniques for user research, and learn to use color, typography, and layout to create communicative web visuals. By the time you’re done reading, you’ll know it’s true: having good design sense will make you a better web developer!

What’s inside

  • Conduct user research to validate design decisions
  • Quickly plan a website’s layout and structure
  • Iterate smoothly on frontend features
  • Use color, typography, and layout to create hierarchy on a web page
Table of Contents

1 Part 1. Design basics
2 Bridging the gap between design and development
3 The path to understanding better design and user experience
4 Summary
5 Design fundamentals
6 Design fundamentals for user experience and beyond
7 Summary
8 Part 2. User experience
9 User experience basics
10 What is user experience
11 User experience roles
12 User experience methodologies
13 Exploring user experience practices in depth
14 Summary
15 User research
16 User research strategies
17 Summary
18 User experience design
19 User flows and user journeys
20 Designing your site and application
21 Summary
22 Part 3. Visual design elements
23 Web layout and composition
24 Using a grid
25 Choosing a layout
26 Using space
27 Responsive design considerations
28 Summary
29 Enhancing web layout with animation
30 When to use animation
31 How to plan animations
32 Technical considerations of animation
33 Summary
34 Choosing and working with typography on the web
35 Choosing type for the web
36 Summary
37 Color theory
38 The color wheel
39 Color psychology
40 Picking and applying a color scheme
41 Tutorial Pick a color scheme, and apply it
42 Accessibility considerations
43 Web color modes
44 Color discrepancies on screens
45 Summary
46 Building a website
47 Figuring out content placement with a wireframe
48 Establishing the grid system and spacing
49 Choosing typography
50 Establishing vertical rhythm
51 Choosing imagery
52 Pick and apply the color palette
53 Finishing touches
54 Responsive design
55 Summary
56 Part 4. After visual design
57 Test, validate, iterate
58 Types of testing
59 Applying the results of testing
60 Summary
61 Developer choices and user experience
62 Developers building for developers
63 Summary

Homepage