Sunday, May 3, 2015

#Design-The future of the web is printed

The future of the web is printed

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.
Published in: Design


Transcript

  • 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
at