Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
450
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
420
Getting to Know Brand You
Avatar for Lea Alcantara lealea
2
320
Justify Design
Avatar for Lea Alcantara lealea
1
730

Other Decks in Design

See All in Design
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
260
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.5k
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
540
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
Avatar for sekig(ojiee) sekiguchiy
0
220
デザイナーがいない部署にハーネスを設計する
Avatar for 太田賢一 kenichiota0711
5
5.9k
東京都市大学 都市生活学部×一般社団法人オープン企画イベント　「誰もがデザイナーである」とはどういうことか？ 【エツィオ・マンズィーニ氏 特別来日・基調講演】
Avatar for Kimura Atsunobu a2k
1
170
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
960
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.6k
【CEDEC2026】派手さと見やすさは両立できる！『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
Avatar for Cygames, Inc. cygames
PRO
2
2.4k
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
2
170
泥臭く語るUIデザイン会｜ホワイトボードチャレンジ【RAMEN TECH 2026】
Avatar for @Garyuten garyuten
1
260
AIが作るデザインの レビューコストと向き合って分かったこと. -正社員デザイナー1人の組織でデザインハーネスを立ち上げた話-
Avatar for 家高秀樹 hidekiietaka
1
370

Featured

See All Featured
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
3
35k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
390
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
450
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.8k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
290
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
600
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
11k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
121
120k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k

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