How to get started with graphic design.

1. Graphic design

2. Designers
Print
Intro 1
DigitalIndustrial

3. Taste
Intro 2
Bad Good

4. Fonts
Typo 1
Typography Typography
Serifs Plain
Thick and thin Even width

5. Reading
Typo 2
Serif: used for long form reading
content.
Sans-Serif: used for big titles,
print design

6. Screens
Typo 2

7. Objectivity
Readability
Grids
Sans serif
Aligned
Photography > Illustration
Swiss style
Composition 1

8. Big means big.
Small means small.
Proportion
Composition 2

9. Limit the number of colors.
Pick a range of value
instead.
Shade of grey are great.
Plus one strong color for the
call-to-action.
Colors
Composition 3
Colors Value Value range

10. Black - Grey - Green
Composition 3

11. Always use a grid to build a
composition.
Play with several blocks at
once. And let some blocks
empty.
Space
Composition 4
1 2 3

12. Blocks
Composition 4

13. Rules
Composition 4

14. Margins
Composition 5
Use the space, not typefaces, to
create hierarchy within a page.
With one font size and two left
spaces, we get readable and
prioritizing information.

15. Title
Metaphors from the ‘real’ world can
improve the understand of a (new)
software product. cf. Nest
It should be replaced ASAP by a
more meaningful UI. See the iBooks
library, and how the iOS 7 went
from skeumorphism to flat design.
Metaphors from the ‘real’ world can
improve the understand of a (new)
software product. cf. Nest
TITLE
Metaphors from the ‘real’ world
can improve the understand of a
(new) software product. cf. Nest
It should be replaced ASAP by a more meaningful UI. See
the iBooks library, and how the iOS 7 went from
skeumorphism to flat design.
Metaphors from the ‘real’ world
can improve the understand of a
(new) software product. cf. Nest
Flush left
Composition 5

16. Less
Colors
Fonts
More
Space
Minimalism
Composition 6

17. Print

18. Spassky Fischer
Print 1

19. pierre-pierre
Print 2

20. Sagmeister & Walsh
Print 3

21. Lou Buche
Print 4

22. AUDIMAT
Print 5

23. Digital

24. Apps
Digital 1

25. Experimental Jetset
Digital 2

26. Hacker News
Digital 3

27. Mindie
Digital 4

28. Snapchat
Digital 5

29. Intercom
Digital 6

30. Gmail / Inbox
Digital 7

31. H&M / Études
Digital 8

32. Summary
1. Restrict yourself. It’s harder to
make many typefaces, sizes, and
colors match together.
2. Always use grids. Bigger margins
are better.
3. Delete whenever you can.
Final 1

33. Thanks

34. Don’t
Metaphors from the real world
can sometimes improve the
understand of a software
product. cf. Nest
Skeumorphism
Final 2

35. No UI is great, too
In a world where computers can see,
listen, talk, understand and reply to
you, what is the purpose of a user
interface?
Final 3
Tony Aubé