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.
#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.
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: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
03:48 MIN
Viewing developers as learners instead of customers
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...
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take partStarting 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...
Luis Minvielle
Top 12 Typography Websites for Frontend Developers in 2023In 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,...
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...
From learning to earning
Jobs that call for the skills explored in this talk.