design for engineers

35

Upload: jordan-koschei

Post on 27-Jul-2015

73 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Design for Engineers
Page 2: Design for Engineers

AaBbCcDd

Page 3: Design for Engineers

AaBbCcDdPapyrus

Page 4: Design for Engineers
Page 5: Design for Engineers
Page 6: Design for Engineers

The History of Typography During the Renaissance

1422 - 1536

Page 7: Design for Engineers

The History of Typography During the Renaissance

1422 - 1536

(just kidding)

Page 8: Design for Engineers

DESIGN FOR ENGINEERSJordan Koschei

Page 9: Design for Engineers

DESIGN FOR ENGINEERSJordan Koschei

(kō-shy)

Page 10: Design for Engineers
Page 11: Design for Engineers

Two Views on Design

Page 12: Design for Engineers

I’d design it myself, but I don’t know the Photoshop.”

Page 13: Design for Engineers
Page 14: Design for Engineers

So what is design?

Page 15: Design for Engineers

1. Design is scientific.

2. Design is purpose-driven.

3. Design is holistic.

4. Design is objective.

Page 16: Design for Engineers

1. Design is scientific.

2. Design is purpose-driven.

3. Design is holistic.

4. Design is objective.

Page 17: Design for Engineers

1. Design is scientific.

2. Design is purpose-driven.

3. Design is holistic.

4. Design is objective.

Page 18: Design for Engineers

1. Design is scientific.

2. Design is purpose-driven.

3. Design is holistic.

4. Design is objective.

Page 19: Design for Engineers

Why should I care about design?

Page 20: Design for Engineers
Page 21: Design for Engineers
Page 22: Design for Engineers

Design is the human side of engineering.

Page 23: Design for Engineers

The Engineer’s Quick-and-Dirty Guide to Design

Page 24: Design for Engineers

1. Everything means something.

2. Design is in the details.

3. Be generous with whitespace.

4. Design is 95% typography.

5. Always be thinking of the user.

Page 25: Design for Engineers

1. Everything means something.

2. Design is in the details.

3. Be generous with whitespace.

4. Design is 95% typography.

5. Always be thinking of the user.

Page 26: Design for Engineers

1. Everything means something.

2. Design is in the details.

3. Be generous with whitespace.

4. Design is 95% typography.

5. Always be thinking of the user.

Page 27: Design for Engineers
Page 28: Design for Engineers
Page 29: Design for Engineers

1. Everything means something.

2. Design is in the details.

3. Be generous with whitespace.

4. Design is 95% typography.

5. Always be thinking of the user.

Page 30: Design for Engineers

1. Minimum 16px font.

2. Lines 50-60 characters long.

3. Line spacing at 120 - 150%

4. Dark-on-light, not light-on-dark.

5. Use a basic font, like Helvetica or Georgia.

The Boring Typography Slide

Page 31: Design for Engineers

1. Everything means something.

2. Design is in the details.

3. Be generous with whitespace.

4. Design is 95% typography.

5. Always be thinking of the user.

Page 32: Design for Engineers

Learn more, quick!

Page 33: Design for Engineers

https://github.com/jordankoschei/design-for-engineers

Page 34: Design for Engineers

@jordankoschei

Page 35: Design for Engineers

Thank you!