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 6

Slide 6 text

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