Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dev-Friendly Design

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Lea Alcantara Lea Alcantara
November 16, 2018
Design
270
2

Dev-Friendly Design

Design fundamentals for developers who want their projects to have personality and polish.

Avatar for Lea Alcantara

Lea Alcantara

November 16, 2018

More Decks by Lea Alcantara

See All by Lea Alcantara
Talk Human to Me: Talking Tech Without Alienating Clients
Avatar for Lea Alcantara lealea
1
440
Beyond Static: The New Design System
Avatar for Lea Alcantara lealea
5
1.8k
From Self Branding to Merging Brands
Avatar for Lea Alcantara lealea
0
410
Getting to Know Brand You
Avatar for Lea Alcantara lealea
2
310
Justify Design
Avatar for Lea Alcantara lealea
1
720

Other Decks in Design

See All in Design
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
170
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
140
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.9k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
650
20251217リビングラボ・トークin尼崎（尼崎おせっかい会議＆オトナテラコヤ）
Avatar for Kimura Atsunobu a2k
0
130
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
240
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.4k
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
210
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
210
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
7
18k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
670
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.3k

Featured

See All Featured
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
8.7k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
790
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
300
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
690
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
700

Transcript

  1. Some rights reserved Developer-Friendly
 Design Lunch & Learn @ Deep

    Dive Coding November 16, 2018 #BULunchNLearn #BUDeepDive

  2. abrightumbrella.com

  3. ctrlclickcast.com

  4. abrightumbrella.com/deep-dive-coding

  5. “supplemental sessions”

  6. @lealea [email protected]

  7. Basic Design Principles H

  8. • Universal • Accessible • Purposeful • Intuitive • Personality

     Good Design Tenets

  9. C.R.A.P.

  10. C.R.A.P. Contrast. Repetition. Alignment. Proximity. #

  11. Contrast /

  12. matthewvernon.co

  13. marcgoncalves.com/about

  14. Repetition ^

  15. 15 codedoodl.es

  16. 16 mambomambo.ca

  17. Alignment @

  18. 18 work.co

  19. 19 www.mad.ac

  20. Proximity 

  21. dow-smith.com

  22. madebychaun.com

  23. K.I.S.S. SIMPLICITY ABOVE ALL 

  24. 24 biron.io

  25. • Fonts • Colors • Layout  The Power of

    3

  26. Resources • WEBSITES
 siteinspire
 awwwards • PODCASTS
 Web Design Fundamentals

    for Developers
 Designing for People Struggling with Mental Health • BOOKS
 Hello Web Design
 Designing for Emotion
 Color Accessibility Workflows
 Animation at Work

  27. Thank you! • @lealea • @abrightumbrella • @ctrlclickcast [email protected] abrightumbrella.com

    ctrlclickcast.com #BULunchNLearn #BUDeepDive