33
WELCOME TO DESIGNERS IN STOCKHOLM WITH CREUNAS FINEST FM & JOHAN EKHAGER

What the hell (did not) happen with the graphic profile?

Embed Size (px)

DESCRIPTION

Torsdagen den 2 maj bjöd vi in till Designers i Stockholm på Creuna. På scenen stod Creunas FM och Johan Ekhager som ställde sig frågan: "What the hell (did not) happen with the graphic profile?" Fredrik Marcus & Johan Ekhager

Citation preview

Page 1: What the hell (did not) happen with the graphic profile?

WELCOME TO

DESIGNERS IN STOCKHOLM

WITH CREUNAS FINEST FM & JOHAN EKHAGER

Page 3: What the hell (did not) happen with the graphic profile?

BIG dataInternet of thingsGamificationHyper-connectivityDigital ecosystemLow-hanging fruitRobotisation

We will not talk about:

Page 4: What the hell (did not) happen with the graphic profile?

What the hell (did not) happen with the graphic profile, and other

stories?

Page 5: What the hell (did not) happen with the graphic profile?

In the dawn of time

Page 6: What the hell (did not) happen with the graphic profile?

Some examples of prehistoric hardware

Power Mcintosh 7200

Apple Design Team

Arla/Astra/ASG

Page 7: What the hell (did not) happen with the graphic profile?

More examples of prehistoric hardware

GF388

LM Ericsson

December 1994

Page 8: What the hell (did not) happen with the graphic profile?

Examples of prehistoric television

Page 9: What the hell (did not) happen with the graphic profile?

90-talswebb

Page 10: What the hell (did not) happen with the graphic profile?

What is a graphical manual?

Page 11: What the hell (did not) happen with the graphic profile?

Tired of this?

Page 12: What the hell (did not) happen with the graphic profile?

If we say mobile first, shouldn’t we say digital first when it comes to

graphical manuals?

Page 13: What the hell (did not) happen with the graphic profile?

What’s the possibilities?

Typography

Interactivity

MotionAnimation

Video

Google glass

Search

Services Context

GIF-animations

Social

Digital billboards

Wearables

Page 14: What the hell (did not) happen with the graphic profile?

Two BIG things have changed. Resolution and

typography

Page 15: What the hell (did not) happen with the graphic profile?

Resolution

Page 16: What the hell (did not) happen with the graphic profile?

Typography

Page 17: What the hell (did not) happen with the graphic profile?

web fonts

Page 18: What the hell (did not) happen with the graphic profile?
Page 19: What the hell (did not) happen with the graphic profile?
Page 20: What the hell (did not) happen with the graphic profile?
Page 21: What the hell (did not) happen with the graphic profile?

Regular or BoldCondensedReal italics

Typefaces

Page 22: What the hell (did not) happen with the graphic profile?

no kerning

autokerning

manual kerning

Page 23: What the hell (did not) happen with the graphic profile?
Page 24: What the hell (did not) happen with the graphic profile?

line-heightline-height: 1;

line-height: 1.5;

line-height: 2;

Vivamus semper convallis massa, ut lacinia ipsum malesuada non. Aenean condimentum tellus vitae purus euismod ultrices. Fusce imperdiet arcu ut augue bibendum ut condimentum metus porta.

Vivamus semper convallis massa, ut lacinia ipsum malesuada non.

Aenean condimentum tellus vitae purus euismod ultrices. Fusce

imperdiet arcu ut augue bibendum ut condimentum metus porta.

Vivamus semper convallis massa, ut lacinia ipsum malesuada non.

Aenean condimentum tellus vitae purus euismod ultrices. Fusce

imperdiet arcu ut augue bibendum ut condimentum metus porta.

Page 25: What the hell (did not) happen with the graphic profile?

We don’t serve letters for scandinavians here.

° “ # € % &

/ ( ) = ü œ

Page 26: What the hell (did not) happen with the graphic profile?

Responsive

Page 27: What the hell (did not) happen with the graphic profile?

45-75 characters/lineThis length per line is pretty damn neat bec*ause it is between 45 and 75 *characters. Write some relevant text to help you choose font-size and line-height, and keep asterisks on different lines.

Page 28: What the hell (did not) happen with the graphic profile?
Page 29: What the hell (did not) happen with the graphic profile?

11pt on print

16px on desktop≈

Page 30: What the hell (did not) happen with the graphic profile?

Browsers + rendering = false

Page 31: What the hell (did not) happen with the graphic profile?

Results:Gotham

Nothing :(

Page 32: What the hell (did not) happen with the graphic profile?

What kind of crew?

<body>

Front endBack end

There is no place like 127.0.0.1

Designer

FUCK ARTLET'S DANCE XLS

PL

NO iD

iD

Page 33: What the hell (did not) happen with the graphic profile?

THE TRUTH WILL ALWAYS BE HEREWHEN YOU NEED IT, JUST CALL.