SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
Student Services Visual Guidelines
How we bring the UBC brand to life for students
DRAFT June 2015
Deliver awesome
information-seeking
experiences that open
the door to something
bigger
Our user experience goal
Deliver awesome
information-seeking
experiences that open
the door to something
bigger
Clear
Uncluttered
Straight to the point
Directed by student feedback
Our user experience goal
Student reflection and
storytelling leads to
discovery for others
Delivering awesome
information-seeking
experiences that open
the door to something
bigger
Our user experience goal
When we’re providing information, we don’t
let anything get in the way.
Type set in Whitney, in legible sizes, with lots of white space,
and a clear hierarchy.
Whitney
Most often in light weight for headings,
to portray freedom and open thinking
Medium or Semibold where needed for sub-headings,
calls-to-action or emphasis
Book weight for body text. Italics used for titles within text, or lower-level headings.
When we’re opening the
door to experiences, we
don’t hold anything back.
– thinking unconventionally
– expressing different
views and perspectives
on the world
– and charting their own
direction
We show real student
experiences, paired with
information on how to begin
We bring the UBC brand to life for
students by showing their peers
Photos take a staring role.
They’re how we show the
energy of real students
doing inspiring things.
We use large photos to help
students feel the results
of the opportunity we’re
talking about.
Choose photos that feel
natural + conversational
upbeat + inspiring
For us, world-changing means
the student’s world changing
right in front of the viewer.
Their mind expanding. Their
learning taking place anywhere
and everwhere, supported by
their peers and us.
This is what we want to show
with our phtoography and
design.
There is no Student Services logo. We use the UBC logo, paired
with Student Services blue, photos carefully selected to express
the Student Services vision, and our theme colours and icons
where appropriate
Our theme colours are energetic, happy, and youthful.
We use them, along with the icons, to build awareness of the breadth of experiences
and resources that Student Services offers
A large block of a theme colour has impact
on posters, signage, and outdoor graphics.
Keep the look bold and simple with white type when using
a theme colour background.

Más contenido relacionado

Destacado (11)

Management of hypertension
Management of hypertensionManagement of hypertension
Management of hypertension
 
2016крол3 3
2016крол3 32016крол3 3
2016крол3 3
 
IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)
 
Exploração espacial
Exploração espacialExploração espacial
Exploração espacial
 
Garir Omar CV.doc (1)
Garir Omar CV.doc (1)Garir Omar CV.doc (1)
Garir Omar CV.doc (1)
 
LRB New Resume
LRB New ResumeLRB New Resume
LRB New Resume
 
Adobe flash professional cs6 mt
Adobe flash professional cs6 mtAdobe flash professional cs6 mt
Adobe flash professional cs6 mt
 
Dexi
DexiDexi
Dexi
 
Famosos homeopatía médica
Famosos homeopatía médicaFamosos homeopatía médica
Famosos homeopatía médica
 
Lab intro-5-1
Lab intro-5-1Lab intro-5-1
Lab intro-5-1
 
Glenn Cabayao
Glenn CabayaoGlenn Cabayao
Glenn Cabayao
 

Similar a UBC Student Services Style Guide Intro

What Is Powerful Learning Pbl
What Is Powerful Learning PblWhat Is Powerful Learning Pbl
What Is Powerful Learning Pbl
Simon Perry
 
TateLUDLpresentation
TateLUDLpresentationTateLUDLpresentation
TateLUDLpresentation
mzlauren10
 
Lovett playbook high res
Lovett playbook high resLovett playbook high res
Lovett playbook high res
thethirdteacher
 
Early release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflectEarly release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflect
Dena Budrecki
 
Publications philosophy
Publications philosophyPublications philosophy
Publications philosophy
lizabethwalsh
 
Universal Design
Universal DesignUniversal Design
Universal Design
boslek
 
The Learner is the Center
The Learner is the CenterThe Learner is the Center
The Learner is the Center
bgalloway
 
City international presentation
City international presentationCity international presentation
City international presentation
engineeringwatch
 
Assis presentation d bubner
Assis presentation d bubnerAssis presentation d bubner
Assis presentation d bubner
Darryl Bubner
 
PYP Introduction
PYP IntroductionPYP Introduction
PYP Introduction
GAIS
 

Similar a UBC Student Services Style Guide Intro (20)

WeidnerTHINKS
WeidnerTHINKSWeidnerTHINKS
WeidnerTHINKS
 
What Is Powerful Learning Pbl
What Is Powerful Learning PblWhat Is Powerful Learning Pbl
What Is Powerful Learning Pbl
 
TateLUDLpresentation
TateLUDLpresentationTateLUDLpresentation
TateLUDLpresentation
 
Lovett playbook high res
Lovett playbook high resLovett playbook high res
Lovett playbook high res
 
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research PractitionerPROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
 
Early release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflectEarly release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflect
 
Publications philosophy
Publications philosophyPublications philosophy
Publications philosophy
 
Welcome to the GSCELC
Welcome to the GSCELCWelcome to the GSCELC
Welcome to the GSCELC
 
Welcome to SCOPE Academy
Welcome to SCOPE AcademyWelcome to SCOPE Academy
Welcome to SCOPE Academy
 
The Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and LeadingThe Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and Leading
 
Learning through pbl and ict b
Learning through pbl and ict bLearning through pbl and ict b
Learning through pbl and ict b
 
Universal Design
Universal DesignUniversal Design
Universal Design
 
Learning through pbl and ict
Learning through pbl and ictLearning through pbl and ict
Learning through pbl and ict
 
The Learner is the Center
The Learner is the CenterThe Learner is the Center
The Learner is the Center
 
Whole School Approach
Whole School ApproachWhole School Approach
Whole School Approach
 
MOE Presentation
MOE PresentationMOE Presentation
MOE Presentation
 
City international presentation
City international presentationCity international presentation
City international presentation
 
Assis presentation d bubner
Assis presentation d bubnerAssis presentation d bubner
Assis presentation d bubner
 
PYP Introduction
PYP IntroductionPYP Introduction
PYP Introduction
 
Field study 3 episode 2
Field study 3 episode 2Field study 3 episode 2
Field study 3 episode 2
 

Último

Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 

Último (20)

How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 

UBC Student Services Style Guide Intro

  • 1. Student Services Visual Guidelines How we bring the UBC brand to life for students DRAFT June 2015
  • 2. Deliver awesome information-seeking experiences that open the door to something bigger Our user experience goal
  • 3. Deliver awesome information-seeking experiences that open the door to something bigger Clear Uncluttered Straight to the point Directed by student feedback Our user experience goal
  • 4. Student reflection and storytelling leads to discovery for others Delivering awesome information-seeking experiences that open the door to something bigger Our user experience goal
  • 5. When we’re providing information, we don’t let anything get in the way. Type set in Whitney, in legible sizes, with lots of white space, and a clear hierarchy.
  • 6. Whitney Most often in light weight for headings, to portray freedom and open thinking Medium or Semibold where needed for sub-headings, calls-to-action or emphasis Book weight for body text. Italics used for titles within text, or lower-level headings.
  • 7. When we’re opening the door to experiences, we don’t hold anything back.
  • 8. – thinking unconventionally – expressing different views and perspectives on the world – and charting their own direction We show real student experiences, paired with information on how to begin We bring the UBC brand to life for students by showing their peers
  • 9. Photos take a staring role. They’re how we show the energy of real students doing inspiring things. We use large photos to help students feel the results of the opportunity we’re talking about. Choose photos that feel natural + conversational upbeat + inspiring
  • 10. For us, world-changing means the student’s world changing right in front of the viewer. Their mind expanding. Their learning taking place anywhere and everwhere, supported by their peers and us. This is what we want to show with our phtoography and design.
  • 11. There is no Student Services logo. We use the UBC logo, paired with Student Services blue, photos carefully selected to express the Student Services vision, and our theme colours and icons where appropriate
  • 12. Our theme colours are energetic, happy, and youthful. We use them, along with the icons, to build awareness of the breadth of experiences and resources that Student Services offers A large block of a theme colour has impact on posters, signage, and outdoor graphics. Keep the look bold and simple with white type when using a theme colour background.