Slide 1
Slide 1 text
Some rights reserved
Developer-Friendly
Design
Lunch & Learn @ Deep Dive Coding
November 16, 2018
#BULunchNLearn #BUDeepDive
Slide 2
Slide 2 text
abrightumbrella.com
Slide 3
Slide 3 text
ctrlclickcast.com
Slide 4
Slide 4 text
abrightumbrella.com/deep-dive-coding
Slide 5
Slide 5 text
“supplemental sessions”
Slide 7
Slide 7 text
Basic Design Principles
H
Slide 8
Slide 8 text
• Universal
• Accessible
• Purposeful
• Intuitive
• Personality
Good Design Tenets
Slide 9
Slide 9 text
C.R.A.P.
Slide 10
Slide 10 text
C.R.A.P.
Contrast. Repetition. Alignment. Proximity.
#
Slide 11
Slide 11 text
Contrast
/
Slide 12
Slide 12 text
matthewvernon.co
Slide 13
Slide 13 text
marcgoncalves.com/about
Slide 14
Slide 14 text
Repetition
^
Slide 15
Slide 15 text
15
codedoodl.es
Slide 16
Slide 16 text
16
mambomambo.ca
Slide 17
Slide 17 text
Alignment
@
Slide 18
Slide 18 text
18
work.co
Slide 19
Slide 19 text
19
www.mad.ac
Slide 20
Slide 20 text
Proximity
Slide 21
Slide 21 text
dow-smith.com
Slide 22
Slide 22 text
madebychaun.com
Slide 23
Slide 23 text
K.I.S.S.
SIMPLICITY ABOVE ALL
Slide 24
Slide 24 text
24
biron.io
Slide 25
Slide 25 text
• Fonts
• Colors
• Layout
The Power of 3
Slide 26
Slide 26 text
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
Slide 27
Slide 27 text
Thank you!
• @lealea
• @abrightumbrella
• @ctrlclickcast
[email protected]
abrightumbrella.com
ctrlclickcast.com
#BULunchNLearn #BUDeepDive