What the hell (did not) happen with the graphic profile?
-
Upload
creuna-sverige -
Category
Technology
-
view
525 -
download
2
description
Transcript of What the hell (did not) happen with the graphic profile?
![Page 1: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/1.jpg)
WELCOME TO
DESIGNERS IN STOCKHOLM
WITH CREUNAS FINEST FM & JOHAN EKHAGER
![Page 2: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/2.jpg)
Fredrik FM Marcus
CD/AD/2D/3D/HD inte VD
http://instagram.com/fm
http://www.facebook.com/fredrik.marcus
Johan Ekhager
AD/FE
[email protected]://twitter.com/johanekhager
![Page 3: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/3.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/4.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/5.jpg)
In the dawn of time
![Page 6: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/6.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/7.jpg)
More examples of prehistoric hardware
GF388
LM Ericsson
December 1994
![Page 8: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/8.jpg)
Examples of prehistoric television
![Page 9: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/9.jpg)
90-talswebb
![Page 10: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/10.jpg)
What is a graphical manual?
![Page 11: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/11.jpg)
Tired of this?
![Page 12: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/12.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/13.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/14.jpg)
Two BIG things have changed. Resolution and
typography
![Page 15: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/15.jpg)
Resolution
![Page 16: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/16.jpg)
Typography
![Page 17: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/17.jpg)
web fonts
![Page 18: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/18.jpg)
![Page 19: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/19.jpg)
![Page 20: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/20.jpg)
![Page 21: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/21.jpg)
Regular or BoldCondensedReal italics
Typefaces
![Page 22: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/22.jpg)
no kerning
autokerning
manual kerning
![Page 23: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/23.jpg)
![Page 24: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/24.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/25.jpg)
We don’t serve letters for scandinavians here.
° “ # € % &
/ ( ) = ü œ
![Page 26: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/26.jpg)
Responsive
![Page 27: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/27.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/28.jpg)
![Page 29: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/29.jpg)
11pt on print
16px on desktop≈
![Page 30: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/30.jpg)
Browsers + rendering = false
![Page 31: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/31.jpg)
Results:Gotham
Nothing :(
![Page 32: What the hell (did not) happen with the graphic profile?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/32.jpg)
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?](https://reader033.fdocuments.in/reader033/viewer/2022052823/5557b06ad8b42a4a5d8b506e/html5/thumbnails/33.jpg)
THE TRUTH WILL ALWAYS BE HEREWHEN YOU NEED IT, JUST CALL.