what the hell (did not) happen with the graphic profile?
Post on 17-May-2015
526 Views
Preview:
DESCRIPTION
TRANSCRIPT
WELCOME TO
DESIGNERS IN STOCKHOLM
WITH CREUNAS FINEST FM & JOHAN EKHAGER
Fredrik FM Marcus
CD/AD/2D/3D/HD inte VD
fm@creuna.seTwitter.com/fm
http://instagram.com/fm
http://www.facebook.com/fredrik.marcus
Johan Ekhager
AD/FE
johan.ekhager@creuna.sehttp://twitter.com/johanekhager
BIG dataInternet of thingsGamificationHyper-connectivityDigital ecosystemLow-hanging fruitRobotisation
We will not talk about:
What the hell (did not) happen with the graphic profile, and other
stories?
In the dawn of time
Some examples of prehistoric hardware
Power Mcintosh 7200
Apple Design Team
Arla/Astra/ASG
More examples of prehistoric hardware
GF388
LM Ericsson
December 1994
Examples of prehistoric television
90-talswebb
What is a graphical manual?
Tired of this?
If we say mobile first, shouldn’t we say digital first when it comes to
graphical manuals?
What’s the possibilities?
Typography
Interactivity
MotionAnimation
Video
Google glass
Search
Services Context
GIF-animations
Social
Digital billboards
Wearables
Two BIG things have changed. Resolution and
typography
Resolution
Typography
web fonts
Regular or BoldCondensedReal italics
Typefaces
no kerning
autokerning
manual kerning
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.
We don’t serve letters for scandinavians here.
° “ # € % &
/ ( ) = ü œ
Responsive
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.
11pt on print
16px on desktop≈
Browsers + rendering = false
Results:Gotham
Nothing :(
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
THE TRUTH WILL ALWAYS BE HEREWHEN YOU NEED IT, JUST CALL.
top related