SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
ChiaraAliotta,UntilSunday
BACKTOTHEFUTUREII
Robert Zemeckis, 1989
YOU CAN BUILD GREAT WEBSITES. WE CAN HELP. ostraining.com
La mia agenda
2015
RICH TEA
DEBATEBETWEENDESIGNERSANDDEVELOPERS
DESIGNER’SPEAK DEVELOPER’SPEAK
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
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
CMYKWORLDTRAVELLINGINTIMEANDSPACE
BRAND IDENTITY
1947
1947 Jan Tschichold: Penguin Composition Rules
1937 1947 2003
TODAY Monocle media brand
monocle.com
TYPOGRAPHY
1966
1966 Wim Crouwel: De Letter…n
TODAY Résidence Mixte
residence-mixte.com
LAYOUT
1926
1926 Karel Teige: Abeceda (Alphabet)
TODAY Interview online magazine
interviewmagazine.com
TODAY Bloomberg online magazine
bloomberg.com
IMAGES
1931
1931 Piet Zwart: Reclame
TODAY Coup De Coeur
coupdecoeur.ca
TODAY Space Matters
space-matters.com
HERETOSTAYTHEDIGITALERAISEVOLVING
NOW LISTENING TO
SPACEODDITY
NEWEMAILS!
REPLY NOW REMIND ME LATER
2
MUMCALLING!
ANSWER CALL BACK LATER
VIDEOMEETING
9:30AMGMT (+2)
INTHEAGEOFE-READERS…
New Yorkers reading. Photos by Lawrence Schwartzwald, 2013
Nothing is lost, nothing is created,
everything is transformed.
Antoine Lavoisier
(1743-1794)
@ChiaraAliotta
untilsunday.it

Weitere ähnliche Inhalte

Mehr von Chiara Aliotta

Il Designer senza macchia e senza paura
Il Designer senza macchia e senza pauraIl Designer senza macchia e senza paura
Il Designer senza macchia e senza pauraChiara Aliotta
 
The Faultless Designer
The Faultless DesignerThe Faultless Designer
The Faultless DesignerChiara Aliotta
 
Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.Chiara Aliotta
 
A day in the life of a UX designer
A day in the life of a UX designerA day in the life of a UX designer
A day in the life of a UX designerChiara Aliotta
 
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...Chiara Aliotta
 
In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)Chiara Aliotta
 

Mehr von Chiara Aliotta (11)

Back FOR the Future
Back FOR the FutureBack FOR the Future
Back FOR the Future
 
Il Designer senza macchia e senza paura
Il Designer senza macchia e senza pauraIl Designer senza macchia e senza paura
Il Designer senza macchia e senza paura
 
The Faultless Designer
The Faultless DesignerThe Faultless Designer
The Faultless Designer
 
The Shape of Thoughts
The Shape of ThoughtsThe Shape of Thoughts
The Shape of Thoughts
 
I put a spell on you
I put a spell on youI put a spell on you
I put a spell on you
 
Unforgettable brands
Unforgettable brandsUnforgettable brands
Unforgettable brands
 
Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.Once Upon a Time. How to create visual storytelling on the web.
Once Upon a Time. How to create visual storytelling on the web.
 
A day in the life of a UX designer
A day in the life of a UX designerA day in the life of a UX designer
A day in the life of a UX designer
 
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
The Future of the Web is Printed - Revisited edition for AWWWARDS Conference,...
 
In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)In viaggio verso Grandi Luoghi (You're off to Great Places)
In viaggio verso Grandi Luoghi (You're off to Great Places)
 
How to kill a brand
How to kill a brandHow to kill a brand
How to kill a brand
 

Kürzlich hochgeladen

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 

Kürzlich hochgeladen (19)

Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 

The future of the web is printed