Kathryn Grayson Nanz
Learn Enough Design to Be Dangerous
#1about 4 minutes
Design is a learnable skill, not an innate talent
Design is a science based on how the human brain processes information, making it a skill that any developer can learn and apply.
#2about 7 minutes
Exploring the fundamentals of color theory
Learn the difference between additive (RGB) and subtractive (CMYK) color systems and how context, hue, and value influence color perception in UIs.
#3about 5 minutes
How to build effective UI color schemes
Use four tried-and-true methods—monochromatic, analogous, complementary, and triadic—to create harmonious and effective color palettes for your user interfaces.
#4about 1 minute
Ensuring color accessibility in your designs
Use accessibility checkers and consider high-contrast themes to ensure your color choices are readable and usable for all users.
#5about 5 minutes
Using Gestalt principles for intuitive layouts
Leverage Gestalt theory's six patterns—similarity, closure, continuity, proximity, figure-ground, and symmetry—to align your designs with natural human perception.
#6about 5 minutes
Establishing a clear visual hierarchy
Control user attention by strategically using size, placement, and color to create contrast and guide users through your interface.
#7about 5 minutes
How to achieve balance in UI composition
Distribute visual weight evenly across your design using symmetrical or asymmetrical balance to create a sense of stability and comfort for the user.
#8about 2 minutes
Using white space to improve clarity
White space is a critical design element that gives content room to breathe, reduces visual clutter, and improves user comprehension.
#9about 6 minutes
An introduction to typography fundamentals
Learn essential typography terms like typeface vs. font, kerning, tracking, and leading, and how to avoid common layout issues like widows and orphans.
#10about 5 minutes
Choosing the right typeface for your project
Select the best typeface by understanding the personalities of serif, sans-serif, display, and script fonts and asking critical questions about your message and audience.
#11about 17 minutes
Conclusion and Q&A on design practices
A summary of design as a science is followed by answers to audience questions on color, layout, aesthetics, and personal workflow.
Related jobs
Jobs that call for the skills explored in this talk.
Technoly GmbH
Berlin, Germany
Senior
JavaScript
Angular
+1
Matching moments
02:46 MIN
How design trends can create accessibility issues
WeAreDevelopers LIVE - Is Software Ever Truly Accessible?
03:26 MIN
Bridging the gap between designers and developers
WeAreDevelopers LIVE - Is Software Ever Truly Accessible?
05:14 MIN
Bridging the gap between design and development
Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis
05:30 MIN
Designing components for developers, designers, and end-users
Breaking Down Silos Between Design and Development
02:05 MIN
Evolving design abstractions for modern frontend development
Fireside Chat with Kris Rasmussen, CTO at Figma
01:04 MIN
Overcoming the challenges of design-to-development handoff
NoCode LiveCode: Leveraging AI Tools to Craft Fully Functional Apps!
03:50 MIN
Improving design tooling and engineering handoff
Shift Left On Accessibility - Geri Reid
03:20 MIN
Using legends, color, and design to enhance clarity
Communicate efficiently with Software Architecture Diagrams
Featured Partners
Related Videos
Sustainable me. A tale of good design.
Lorenzo Pieri
Design patterns for neurodiversity and mental health
Mina Nabinger
What's new in CSS for Designers?
Onur Gumus
It’s easy to create a good looking product, but what about a useful one?
Eleftheria Batsou
Preventing Accessibility Issues Instead Of Fixing Them
Dirk Ginader
WeAreDevelopers LIVE - Web Typography; CSS Layout features; Staying curious in an AI world and more
Chris Heilmann, Daniel Cranney & Jason Pamental
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
Chris Heilmann, Daniel Cranney & Jan Deppisch
Design Principles For The Web
Jeremy Keith
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.


ETH Zürich
Zürich, Switzerland
Remote






ETH Zürich
Zürich, Switzerland
CHF208K
Figma
Adobe InDesign
Adobe Illustrator
Adobe After Effects

Weareabstrakt
Nottingham, United Kingdom
£35-45K
Senior
Figma
WordPress
Data analysis
Google Analytics