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

Dev-Friendly Design

Avatar for Lea Alcantara Lea Alcantara
November 16, 2018
Design
2
250

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
Tweet

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
430
Beyond Static: The New Design System
Avatar for Lea Alcantara lealea
5
1.7k
From Self Branding to Merging Brands
Avatar for Lea Alcantara lealea
0
400
Getting to Know Brand You
Avatar for Lea Alcantara lealea
2
300
Justify Design
Avatar for Lea Alcantara lealea
1
710

Other Decks in Design

See All in Design
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
1.4k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
560
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
490
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
400
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
360
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
850
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
910
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
460
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
270
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
690
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
490
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
280

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
890
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k

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