Kathryn Grayson Nanz

Learn Enough Design to Be Dangerous

What if design isn't a magical talent, but a science-based skill you can learn? This talk gives developers the foundational rules for creating effective user interfaces.

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.
SabIna compys

SabIna compys
Vienna, Austria

Remote
20-100K
Intermediate
JavaScript
.NET
+1

Featured Partners

Related Articles

View all articles
CH
Chris Heilmann
Dev Digest 134 - Where pixels sing?
News and ArticlesWeAreDevelopers LIVE Data and Security Day is on Wednesday, 25/09/2024. Learn about OPC UA Updates, Best Practices for Using GitHub Secrets, Passwordless Web 1.5, Emerging AI Security Risks, Data Privacy in LLMs and get a chance to t...
Dev Digest 134 - Where pixels sing?
CH
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take part
Starting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
WeAreDevelopers LIVE days are changing - get ready to take part
LM
Luis Minvielle
Top 12 Typography Websites for Frontend Developers in 2023
In the world of web design and frontend development, typography plays an incredibly important role in creating an effective user interface. In fact, nearly 90% of the average website consists of typography. It’s not just about choosing a pretty font,...
Top 12 Typography Websites for Frontend Developers in 2023
DC
Daniel Cranney
Are design and development really just the same thing?
Software engineer involves lots of different mental processes, including problem-solving, synthesising information, visualisation, and a complex blend of creativity and technical know-how.While design and development might initially seem like separat...
Are design and development really just the same thing?

From learning to earning

Jobs that call for the skills explored in this talk.

Frontend-Entwickler

infomax websolutions GmbH
Grassau, Germany

Intermediate
Senior
CSS
HTML
JavaScript
TypeScript