Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
130
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
960
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
200
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.9k
mount_company_profile
Avatar for mount inc. mount_inc
0
3.5k
kintone Style Book
Avatar for kintone kintone
5
6.8k
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
170
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
320
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
1
370
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
180
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
0
160
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
170

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k

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