BBC栅格设计视觉规范.ppt

GELStyleguideVersion02|October2011
GEL Styleguide
Building a
Global Experience Language
for the BBC
UX&D
GELStyleguideVersion02|October2011
00 Introduction
01 Philosophy
02 Foundations
03 Building Blocks
04 Patterns
05 Thanks
UX&D
2
GELStyleguideVersion02|October2011
00 Introduction
We are evolving a global experience language
for the BBC’s digital services.
The GEL guidelines are a reference point for all
designers creating BBC websites. For further
information on applying GEL across Mobile, IPTV
and Tablet devices go to /GEL
The design philosophy underpins everything
we do as a user experience and design team.
It informs the way our services look, the way
they behave and the way we operate as a team.
The foundations should be used by all. They
include a vertical grid, baseline grid and
mended templates.
UX&D
3
GELStyleguideVersion02|October2011
00 Introduction
The building blocks help create consistent
interaction and visual design across the site;
from typography to iconography.
Our design pattern library will offer prehensive set of re-usable ponents.
We e feedback and suggestions.
UX&D
4
GELStyleguideVersion02|October2011
01 Philosophy
10 Principles
Cultural Map
UX&D
5
GELStyleguideVersion02|October2011
01 Philosophy 10 Principles
01 Modern British
Our services are woven into the fabric of
everyday life in the UK. They embrace a modern
British design aesthetic that extends outside
national boundaries. Our character is vibrant and
sometimes quirky.
pelling
Our voice ranges from serious and authoritative
through to witty and entertaining. We sound
authentic and relevant, warm and human.
We engage our audiences pelling
storytelling.
03 Authentic
We value the familiarity and trust placed in us.
We acknowledge the BBC’s heritage of iconic
design and broadcasting history with subtle
references.
UX&D
6
GELStyleguideVersion02|October2011
01 Philosophy 10 Principles
04 Pioneering
We pioneer design innovations that surprise and
del