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
240

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
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
830
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
700
線で考える画面構成
Avatar for natsuume natsuume
1
880
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
330
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.1k
ポートフォリオ_webデザイナー
Avatar for Nami_designer/corder nami_webdesigner
0
110
#Dubois Challenge 2025: Economics
Avatar for Anthony Starks ajstarks
0
130
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
Avatar for Andrew Shapiro ashapiro
0
110
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
Avatar for Shota Ikeyatsu ikeyatsu
2
1.8k
portfolio_YumiYasuda
Avatar for yumi yasuda yum0418
0
300
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
160
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
550

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
282
13k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k

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