Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015 Style guides are a hot topic in web design today. On the web, a project already delivered can now be handled and further developed by new web designers and developers, as a company or project progresses over time. So creating some kind of documentation is crucial in order to maintain a consistent style and prevent parts of the work that were previously done from getting lost. Style guides contains important, fundamental principles that have been helping graphic designers create beautiful messages in print for a long time. Thousands of theories and blog posts on how to pair typefaces or how to use grids have been extensively discussed in many old, fantastic books about print that many young web designers have never heard of. Chiara argues that print design, which is often declared long-dead and forgotten, is today teaching us how to deliver great, functional websites that look consistent on all modern devices. In this talk she will take you on a journey to the ‘Lost CMYK World’. She invites you, the audience, to travel with her, discovering the beauty of ‘traditional’ graphic design as a way to inspire and create new concepts for your next web projects. After this talk you will look at the RGB World with fresh, new eyes.

1. ChiaraAliotta,UntilSunday

2. BACKTOTHEFUTUREII
Robert Zemeckis, 1989

3. YOU CAN BUILD GREAT WEBSITES. WE CAN HELP. ostraining.com
La mia agenda
2015
RICH TEA

4. DEBATEBETWEENDESIGNERSANDDEVELOPERS

5. DESIGNER’SPEAK DEVELOPER’SPEAK

6. A style guide establishes
and enforces style, enabling brand stewardship
and improving communication.
Hart's Rules
for Compositors
and Readers at the
University Press
ACS style
Effective Communication
of Scientific Information
BJCP style
Style Guidelines for
Beer, Mead and Cider
1893 1986 1985
The Bluebook
A Uniform System
of Citation
1939

7. COLOURS
LOGO MARK
MARK
TYPOGRAPHY
Heading 01
Heading 02
Heading 03
Heading 04
Heading 05
Heading 06
DESIGN
STYLE GUIDE
LAYOUTBRANDIDENTITY
Space around the logotype
Logotype on different backgrounds
Official brand colours
TYPOGRAPHY
Official and alternative typefaces
Headings and paragraph
Hierarchy and style
LAYOUT
Basic grid principles
Different layout variations
Column differentiation
IMAGES&ILLUSTRATIONS
Standard format and size
Context, mood and concepts
User interface integration

8. CMYKWORLDTRAVELLINGINTIMEANDSPACE

9. BRAND IDENTITY

10. 1947

11. 1947 Jan Tschichold: Penguin Composition Rules
1937 1947 2003

12. TODAY Monocle media brand
monocle.com

13. TYPOGRAPHY

14. 1966

15. 1966 Wim Crouwel: De Letter…n

16. TODAY Résidence Mixte
residence-mixte.com

17. LAYOUT

18. 1926

19. 1926 Karel Teige: Abeceda (Alphabet)

20. TODAY Interview online magazine
interviewmagazine.com

21. TODAY Bloomberg online magazine
bloomberg.com

22. IMAGES

23. 1931

24. 1931 Piet Zwart: Reclame

25. TODAY Coup De Coeur
coupdecoeur.ca

26. TODAY Space Matters
space-matters.com

27. HERETOSTAYTHEDIGITALERAISEVOLVING

28. NOW LISTENING TO
SPACEODDITY
NEWEMAILS!
REPLY NOW REMIND ME LATER
2
MUMCALLING!
ANSWER CALL BACK LATER
VIDEOMEETING
9:30AMGMT (+2)

29. INTHEAGEOFE-READERS…
New Yorkers reading. Photos by Lawrence Schwartzwald, 2013

30. Nothing is lost, nothing is created,
everything is transformed.
Antoine Lavoisier
(1743-1794)

31. @ChiaraAliotta
untilsunday.it