Graphic design

Designers

Print

Intro 1

DigitalIndustrial

Taste

Intro 2

Bad Good

Fonts

Typo 1

Typography TypographySerifs Plain

Thick and thin Even width

Reading

Typo 2

Serif: used for long form reading content.

Sans-Serif: used for big titles, print design

Screens

Typo 2

Objectivity Readability Grids Sans serif Aligned Photography > Illustration

Swiss style

Composition 1

Big means big. Small means small.

Proportion

Composition 2

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

Black - Grey - Green

Composition 3

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

Blocks

Composition 4

Rules

Composition 4

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.

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

Less Colors Fonts

More Space

Minimalism

Composition 6

Print

Spassky Fischer

Print 1

pierre-pierre

Print 2

Sagmeister & Walsh

Print 3

Lou Buche

Print 4

AUDIMAT

Print 5

Digital

Apps

Digital 1

Experimental Jetset

Digital 2

Hacker News

Digital 3

Mindie

Digital 4

Snapchat

Digital 5

Intercom

Digital 6

Gmail / Inbox

Digital 7

H&M / Études

Digital 8

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

Thanks

Don’t

Metaphors from the real world can sometimes improve the understand of a software product. cf. Nest

Skeumorphism

Final 2

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é