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
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
150
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
280
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
160
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
600
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for SmartBank smartbank
1
300
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
1.8k
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
160
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
680
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
400
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for S.SAKAMON sakamon
0
130
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.7k

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
830
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
55
6.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
113
20k

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