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
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
720

Other Decks in Design

See All in Design
Edmonton River Slidedeck
Avatar for Edmonton River edmontonriver
0
230
kintone開発における​ライターの役割の変化​〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
Avatar for keroyama keroyama
0
190
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.8k
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
430
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
240
個人理念（自分の言葉）の言語化ワークショップ
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
1
190
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
1.2k
富山デザイン勉強会_デザイン思考.pdf
Avatar for keita keita_yoshikawa
3
130
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
1.7k
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
910
20260309_3月ICTデザイン勉強会_地域創生2.0
Avatar for Kimura Atsunobu a2k
0
170
Of Ordination and Rebellion exploration sketches
Avatar for Rachel Poon rezaline
0
210

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
2
410
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
520
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
760
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
290
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
460
Between Models and Reality
Avatar for mayunak mayunak
4
420
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
680
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.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