Visual Expression Guide - Marketing and Communications

Transcription

Visual Expression Guide - Marketing and Communications
Visual Expression
Guide
v2.1
We have the opportunity to build a
memorable university.
Our position has been defined. Our tools and resources are ready
to use. Now it is up to us to bring it all to life and stay true to the
people, programs and services it represents.
As we strive to capture the essence of our university in our
everyday work, it is important to stay true to our brand.
We did not choose the words in our university positioning
statement by combing through a dictionary. Our language is a
natural reflection of what we heard from our people when we
asked them what was special and unique about the U of S.
We did not choose a smattering of green blocks in our
designs based on our personal taste. Those who have soared
over Saskatchewan have surely caught glimpse of the prairie
patchwork of greens. Our signature graphic element is the
product of our pride in where we come from and who we are.
Each and every piece of our brand has been crafted with care to
reinforce our identity. We are responsible for using it consistently
in our communications to support the goals of our university.
Our positioning statement says it best: We are a rising team that
is building the future. We have a key role to play in ensuring that
the U of S is not just a leader of today but also a visionary leader
of tomorrow.
Visual Expression
table of contents
Guide
v2.1
INTRODUCTION
Our brand and visual identity Our position Who should read this Evolution Icons used throughout this guide A note on brand A note on design BRAND IDENTITY
1. Our logo 1.1
Approved versions 3
4
5
5
5
6
8
ELEMENTS
12
2.10
Colour of blocks 24
4.5
13
2.11
Block size 25
4.6
1.2
Logo colours 13
2.12
Oversize block size 25
1.3
Oversize version 14
2.13
Three-square bullet/glyph 25
1.4
Protected space 14
2.14
Real-life example: PSA video 26
1.5
Minimum print size 14
2.15
Real-life example: “A day in the life” ad 27
1.6
Minimum screen size 14
2.16
Real-life example: Convocation design 27
1.7
Usage restrictions 15
2.17
Aboriginal symbols 1.8
Secondary logos 16
1.9
Sub-brands 16
1.10
Edwards School of Business logo 17
1.11 Huskies logo
17
1.12 Logo url signature 18
1.13
Logo usage exceptions 19
3. Typography 28
30
3.1
Preferred typeface: Myriad Pro 31
3.2
Supporting typeface: Minion Pro 31
3.3
Web typeface: Open Sans 31
3.4
Alternate typeface: Calibri/Arial 32
3.5
Combining weights 32
2. Graphic elements 20
3.6
Keep your text legible 32
2.1
Full graphic device 22
3.7
Hang those indents 32
2.2
Full graphic device usage 22
3.8
Creative typefaces 32
2.3
Full graphic device size 22
3.9
Real-life example: Legacy of Leadership 32
2.4
Avoid old variations 22
3.10
2.5
Real-life example: “Dog food for
thought” ad 23
4. Colour palette 2.6
Further graphic elements usage 24
4.1
Green colour palette 2.7
Rearranging the blocks 24
4.2
Grey colour palette 35
2.8
Placing blocks on white 24
4.3
Maintain legible colour contrast 36
2.9
Placing blocks on dark 24
4.4
Fine, be subtle 36
Real-life example: General brochure 33
34
35
Keep it clean 36
Sweet, sweet multiply 36
4.7 Dirty, dirty gradients 36
4.8 Real-life example: Report to the
community 37
4.9 Real-life example: “Us” billboards 37
4.10 Real-life example: University brochure 38
4.11 Using secondary colours 39
4.12 Real-life example: Aboriginal brochure 39
5. Photography Primary photography 5.2 Checklist for primary photography 5.3 Taking a great U of S photo 5.4 Secondary photography 5.5 Be prepared 5.6 Release forms 5.7 Filming on campus 5.1
6. White space Benefits of white space 6.2 White space ≠ white 6.3 Stay organized 6.4 Real-life example: Stationery package 6.5 Real-life example: usask.ca website 6.6 Real-life example: Greystone
Theatre brochure 6.1
40
41
41
42
43
43
43
43
44
45
45
45
46
46
47
FURTHER RESOURCES
Stationery Word and PowerPoint templates Charts and graphs examples InDesign templates U of S web standards University of Saskatchewan
Visual Expression Guide v. 2.1
50
51
52
53
54
1
2
INTRODUCTION
Our brand and visual identity
At the University of Saskatchewan we have an ambitious goal—we want
to be among the most distinguished universities in Canada and the world.
To get there, we all have an important role to play.
As marketing and communications professionals, our responsibility in
achieving this goal is creating a consistent and professional brand and
ensuring all of our materials align both visually and verbally. Everything
we produce represents the university to our audience, and each piece
either enhances or diminishes our brand.
The U of S Visual Expression Guide clarifies and details the expectations
related to our visual identity. Through the correct use of our visual
elements, our marketing and communications materials will always
genuinely reflect our position—this sincerity is a key ingredient in
successful communications.
This guide is not meant to constrain our work but rather to give it purpose
and focus. It will ease the process of producing communications and
marketing materials, inspire creative use of the brand and encourage a
strong, consistent approach to our visual identity.
By using such an approach, we will create a unified brand that will help
us attract the best and brightest, from students, staff and faculty to
partners, donors and supporters. However, our brand is only as strong as
our collective commitment to make it great. We can stand apart from our
competition if we stand together.
University of Saskatchewan
Visual Expression Guide v. 2.1
3
INTRODUCTION
Our position
In 2010, we created a positioning statement that is credible, relevant and differentiates us in
the post-secondary market. Now it is up to us to bring this to life through our visual elements
and verbal messaging.
For whom …
Dedicated visionaries who believe innovation is born of collaboration
What we offer …
ƒƒ Support: we provide freedom and support to push the boundaries of knowledge
ƒƒ Connections: we reach across disciplines, into our communities and around the globe
to build life-changing connections and to think differently about the issues of our time
ƒƒ Impact: we work together to experiment, to learn and to make ground-breaking
discoveries that will change Saskatchewan, Canada and the world
Who we are …
We are a rising team that is building the future
Our personality …
Resourceful, Collaborative, Dynamic
Our ambition …
To be among the most distinguished universities in Canada and the world
We will get there using …
ƒƒ Our determined spirit
ƒƒ Our dedicated and flexible support
ƒƒ Our diverse perspectives
ƒƒ Our leading-edge understanding of human and other living systems
4
INTRODUCTION
Who should read this
These guidelines are for anyone who has a hand in creating or using the U of S brand, including
both internal staff and external suppliers. Managing and growing a brand is a big job, and we
all have responsibility to make sure everything we’re doing is contributing to our brand in a
positive way.
Evolution
We don’t yet have all the answers, and the evolution of any brand continues over time. To keep
it fresh and creative, we must continually reassess and look for solutions to challenges that
come up. Please feel free to give us feedback and suggestions, or ask questions, by contacting
us at [email protected] or 306-966-6607.
Icons used throughout this guide
Heads-up
A “heads-up” icon alerts you to important design issues and things
to watch out for.
Check this out
Watch for “check this out” icons to point you to more information
and to find who to contact.
Rule of thumb
Design tips and points of emphasis are pointed out with thumbs.
a!
Lingo
Definitions are provided to help you talk the designer talk.
Take their word for it
Throughout these guidelines are excerpts from experts. From
published books to Wikipedia, you’ll find resources to help gain
perspective on our design choices.
University of Saskatchewan
Visual Expression Guide v. 2.1
5
INTRODUCTION
A note on brand…
The following is an excerpt from:
Strategic Marketing Management by Alexander Chernev
7th ed. 2012. Cerebellum Press.
Marketing is not limited to maximizing monetary outcomes; rather, it can be
defined in broader terms as success that reflects the ability of the marketing
exchange to create value for its participants by fulfilling their goals. Thus, in
addition to defining value and success using financial benchmarks such as net
income, return on investment, and market share, the goal of marketing can be
defined by nonmonetary outcomes that include customer satisfaction, technology
development, and social welfare.
Value is a strategic concept that captures the utility customers receive from
the market exchange. The value of a company’s offering is conveyed though
its tactics: its product and service attributes, its price and price incentives, its
brand image, communication campaigns, and distribution channels. The goal of
marketing, therefore, is to ensure that all tactical aspects of a company’s offering
work together to create customer value in a way that benefits the company and its
collaborators.
The view of marketing as a process of creating and managing value has
important implications for how managers should think about marketing. Because
the role of marketing is to create value for the key participants in the marketing
exchange—customers, the company, and its collaborators—marketing plays a
pivotal role in any organization. Consequently, marketing is not just an activity
managed by a company’s marketing department; it spans all departments. As
David Packard, the cofounder of Hewlett-Packard, succinctly put it, “Marketing
is too important to be left to the marketing department.”
a!
Brand: Name, term, design, symbol
or any other feature of a good or
service that is identified as distinct.
6
Positioning: How a good or service
fits in the marketplace amongst
its competition, as perceived by
consumers, using brand attributes
as the determining influence.
INTRODUCTION
Here is a simple way to think about branding: Brands are like people. It can be helpful to think about the parallels
between human beings and brands to understand what our brand encompasses.
The U of S brand was
born in 1907 and we’ve
nurtured its growth and
development ever since,
to become the world-class
institution we are today.
The U of S brand has
a distinctive identity. Our
personality is resourceful,
collaborative and dynamic.
We strive to stay true to
these traits and who we
aspire to be in the future.
The U of S brand has a
family of 13 colleges, three
graduate schools, seven
libraries, six affiliated
and federated entities, 15
Huskie Athletics teams and
many more. The nature
of our relationships vary
with our immediate and
extended family across
campus and beyond.
The U of S brand has
a reputation—a powerful
but equally fragile asset.
Through our positioning
work we have learned
that we are perceived
as a leader of tomorrow.
We must continue to
strengthen our reputation
with care as we rise to be
among the best.
Our brand should be as sophisticated as the
U of S is prestigious. Graphic design plays a vital
role in building a sophisticated brand—when
it is professionally executed, we are confident;
when it conveys a powerful message, we are
inspired; when it is true, we are proud. When
creating any type of material at the U of S,
whether it’s a brochure, a presentation or even
an email, be mindful of our brand and be as
proud of your work as we are of our university.
University of Saskatchewan
Visual Expression Guide v. 2.1
7
INTRODUCTION
A note on design…
The following is an excerpt from:
Cutting Edge Advertising by Jim Aitchison
2008. Prentice Hall.
Lee Strasberg’s advice for actors holds true for creative people everywhere:
“Neither life nor talent stands still. Standing still leads inevitably to retrogression.
The actor does things that he has done before, perhaps more easily, but without
the electrifying spark that usually arises in young people when they do their
first productions. We then see the terrifying struggle that almost always begins
with success, when the actor begins to repeat and to imitate, if not someone else,
what is even worse, to imitate himself and thus pay a terrible price in his most
important commodity, the very thing that singled him out at the beginning, his
talent.”
If creativity is a destructive process, if it means tearing down what has gone
before and rebuilding afresh, what better place to start than with ourselves?
a!
Visual identity: The visible
elements of a brand such as the
logos, colours, graphics and photos
unified into a systematic whole
to aid a company’s recognition,
competitor differentiation and
internal cohesion.
8
Creative: The concept, strategy,
design and artwork used in
advertising material to bring
the message to the audience;
Characterized by originality and
expressiveness.
INTRODUCTION
Designing for a brand in the post-secondary education market can be arduous. To differentiate externally, designs
must be consistent with the university’s positioning statement and brand guidelines. To differentiate internally,
within such a large organization with numerous departments, colleges and units vying for their own visual
personality, a design must rely on creative solutions that set it apart from the bombardment of daily messages
people see, while still staying true to the brand. It’s a delicate dance, and here are the steps:
good design
Our designs will
meet the highest of
industry standards.
modern + fresh
strong + meaningful creative
proofed + revised + polished
Every detail will be polished and
perfected, every letter of copy will be
proofread and correct, and the creative
behind the message will be aligned
with the visuals in an intriguing and
thought-provoking way.
quality execution
branded
strategic
follows guidelines
honest + respectful of
the positioning statement
shows our spirit + personality
relevant + credible + different
suits the client’s need
targeted to intended audience
measurable success to track
+ perfect for future projects
As designers, hitting this mark of success
may involve a compromise between what
is being requested and what the brand
requires. It cannot be branded and be well
designed if it’s not strategic; it cannot be
strategic and well designed if it’s not hitting
the brand; just as it cannot be branded and
strategic if it’s not well designed.
University of Saskatchewan
Visual Expression Guide v. 2.1
Our designs will
be effective.
They will successfully serve
their intended purpose and
reach its intended audience.
Our designs will follow
these visual identity
guidelines and reflect
the U of S positioning
statement.
Visuals will show our innovative and
supportive personality and the
correct logo will be displayed clearly
and proudly.
9
The following is an excerpt from:
Universal Principles of Design by William Lidwell, Kritina Holden and Jill Butler
2003. Rockport Publishers.
The aesthetic-usability effect describes a phenomenon in which people perceive
more-aesthetic designs as easier to use that less-aesthetic designs—whether
they are or not. The effect has been observed in several experiments, and has
significant implications regarding the acceptance, use, and performance of a
design.1
Aesthetics play an important role in the way a design is used. Aesthetic
designs are more effective at fostering positive attitudes than unaesthetic
designs, and make people more tolerant of design problems. For example, it
is common for people to name and develop feelings toward designs that have
fostered positive attitudes (e.g., naming a car), and rare for people to do the same
with designs that have fostered negative attitudes. Such personal and positive
relationships with a design evoke feelings of affection, loyalty, and patience—all
significant factors in the long-term usability and overall success of a design. These
positive relationships have implications for how effectively people interact with
designs. Positive relationships with a design result in an interaction that helps
catalyze creative thinking and problem solving. Negative relationships result
in an interaction that narrows thinking and stifles creativity. This is especially
important in stressful environments, since stress increases fatigue and reduces
cognitive performance.2
Always aspire to create aesthetic designs. Aesthetic designs are perceived as
easier to use, are more readily accepted and used over time, and promote creative
thinking and problem solving. Aesthetic designs also foster positive relationships
with people.
1. The seminal work on the aesthetic-usability effect is “Apparent Usability vs. Inherent Usability: Experimental Analysis on the Determinants of the Apparent Usability” by Masaaki Kurosu
and Kaori Kashimura, CHI ‘95 Conference Companion, 1995, p. 292-293.
2. “Emotion & Design: Attractive Things Work Better” by Donald Norman, www.jnd.org, 2002.
10
BRAND IDENTITY
elements
Our logo
Graphic elements
Typography
Colour palette
Photography
White space
Our slogan
University of Saskatchewan
Visual Expression Guide v. 2.1
11
Our logo is the face of our university,
and so we must keep it clean and
brush its teeth daily. Dental hygiene
is very, very important.
The following is an excerpt from:
Logo Design Workbook by Sean Adams, Noreen Morioka and Terry Stone
2004. Rockport Publishers, Inc.
Let us begin with motive. Man’s desire to claim ownership is inherent. Whether
this is a result of pride, greed, or hope of immortality is personal. We mark our
names on childhood drawings. We develop a signature, unique to each of us, to
protect our identity. We carve initials into tree trunks with a heart, hoping to
make a union permanent.
The U of S logo is available for
download in various formats at
communications.usask.ca/logo
For more information on
commercial and non-commercial
use of the university logo, please
see communications.usask.ca/logo
The logo is an extension of these acts. It redefines these motives from the
individual to the collective.
…
Here is the bad news: A logo is not a magic lantern. It can’t make a bad
product successful or save a poorly managed corporation.
This is the good news: A well-designed logo will always help a good product
realize its full potential.
Smart design, along with the power of repetition, can make an enormous
impact. The logo gives direction and attitude, while the product informs
the meaning.
12
The three wheat sheaves set
inside of a green heraldic shield
dates back to when the university
was founded in 1907. The above
image was used on the cover
of the first issue of the student
newspaper The Sheaf in 1912.
1. OUR LOGO
logo
crest
wordmark
The U of S logo has been in existence for over 100 years. It has
evolved considerably since our university was founded in 1907, but
people have come to recognize it as a visual symbol of our strong
heritage and reputation. This makes it a solid foundation on which
to build the credibility of your college, unit, program or service.
1.1 APPROVED VERSIONS
Full colour
Black and white
Alternate
Some designs can take advantage of this
alternate version of the logo. A 70 per
cent screen lightens the look of the logo
to assist with a good use of white space
and result in a clean design.
Only use the alternate version on a
white background.
1.2 LOGO COLOURS
(alternate)
PANTONE:
349
CMYK:
100 / 0 / 91 / 42
RGB:
PANTONE:
PANTONE:
Black
116
CMYK:
0 / 16 / 100 / 0
CMYK:
0 / 0 / 0 / 100
RGB:
RGB:
PANTONE:
White
CMYK:
0/0/0/0
RGB:
PANTONE:
cool grey 11
CMYK:
0 / 0 / 0 / 70
RGB:
0 / 105 / 62
255 / 203 / 0
0/0/0
255 / 255 / 255
77 / 78 / 83
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
#00693E
University of Saskatchewan
#FFCB00
Visual Expression Guide v. 2.1
#000000
#FFFFFF
#4D4E53
13
1. OUR LOGO
An oversize version of the logo is available when
placements of the U of S logo will be large and highly visible. This
version includes detailed wheat sheaves and etching in the book of
knowledge with the Latin phrase Deo et Patrie (For God and Country).
This oversize version is available in all colour versions.
1.3 OVERSIZE VERSION
The U of S logo must be
surrounded by a buffer zone of protected
clear space to ensure it is not confused with
other logos or identifiers, and that it maintains
the greatest visual effect. This space should
be equal to or greater than the height of one
wheat sheaf within the crest.
1.4 PROTECTED SPACE
0.75” or
1.91cm
This version is recommended when:
of the logo exceeds at least 0.75” (1.91cm)
placement
in height
banners and other large material can benefit
signage,
from this added detail
To preserve the legibility of the U of S logo, it must
never be reproduced smaller than 0.125” (0.32cm) in height. Always
ensure that the legibility of all elements are maintained.
1.5 MINIMUM PRINT SIZE
0.125” or 0.32cm
The resolution of on-screen use demands the
minimum size be larger than in print. The logos must be no smaller than
30 pixels tall on-screen.
1.6 MINIMUM SCREEN SIZE
30 pixels
14
1. OUR LOGO
1.7 USAGE RESTIRCTIONS
Follow these restrictions to ensure consistent use of the U of S logo.
Don’t use old versions
Don’t change the colour of elements
Don’t violate the protected space
Don’t use the wordmark without the crest
Don’t use the crest without the wordmark *
Don’t use on a background that impairs readability
Don’t use low quality
* See page 19 for exceptions.
Don’t condense, expand, or distort
Don’t change type-styles
University of
Saskatchewan
Don’t angle
University of Saskatchewan
Visual Expression Guide v. 2.1
Don’t add elements or graphic effects
15
1. OUR LOGO
The secondary logo is for use by any
college, department, school, centre, etc. that belongs
wholly to the university, is funded by the university
and/or reports to the university.
1.8 SECONDARY LOGOS
The official primary university logo should also be the first
choice when using a logo to represent the U of S. When
there is a need to be more specific in the use of a logo,
there is a variation of the primary university logo—the
secondary logo—that should be used. This approved
system specifies a unit, college, department or centre
while also maintaining the relationship with the university
and its brand.
same usage rules apply to secondary logos, such as
The
protected space shown in the image to the right.
Don’t use old versions of combined logos
Download secondary logo files at
communications.usask.ca/logo. If you don’t
see a secondary logo you need, please contact
Marketing and Communications at 306-966-6607
or [email protected]
School of Environment
and Sustainability
All approved secondary logos will be created and
provided by Marketing and Communications in
Advancement and Community Engagement.
For more information on the regulated use of university logos, please see the U of S Policy on Logo and Secondary
Logo Use at policies.usask.ca/policies/operations-and-general-administration/logo-and-secondary-logo-use.php
Maintaining a consistent brand is key to
our success, both as marketing and communications
professionals and as a university. With an organization
as complex as ours, we know some entities on campus
may require a distinct identity that does not use the U of S
verbal and visual identity exclusively; however, there are
aspects of the U of S brand that can always be incorporated
to help keep our impressions consistent for our audiences,
and keep our brand strong.
1.9 SUB-BRANDS
Please contact Marketing and Communications at
306-966-6607 or [email protected] to discuss
sub-branding opportunities. We can help find a creative
solution and help navigate approval systems such as
President’s Executive Council and university policy. Logos
that have not been approved through this process cannot
be used on university materials of any kind.
16
1. OUR LOGO
In 2007, the University
of Saskatchewan acknowledged Mr. Edwards’ continued
relationship with our business school by transforming the
College of Commerce to the N. Murray Edwards School of
Business. The following outlines their logo.
1.10 EDWARDS SCHOOL OF BUSINESS LOGO
The happy huskie has represented our 15
athletic teams, the Huskies, for over 25 years. The following
outlines their logo.
1.11 HUSKIES LOGO
Full colour
Black and white
Full colour
Black and white
Reverse
Reverse
Please contact Marketing and Communications at
[email protected] or call 306-966-6607 for more
information or to obtain official logo files.
If you wish to use the Huskie Athletics logo, complete the
form at huskies.usask.ca/logo_usage.php and a Huskie
Athletics representative will contact you.
Visit edwards.usask.ca for more information about the
Edwards School of Business.
Anything with an official university logo (whether primary
or secondary) that is produced on behalf of the university
must use the correct, current logo. Due to their own
special circumstances and historic foundations, sections
1.11 and 1.12 are exceptions to our Logo and Secondary
Logo Use Policy, found at policy.usask.ca.
University of Saskatchewan
Visual Expression Guide v. 2.1
17
1. OUR LOGO
The combination of the U of S
logo and url creates a signature that can be used in the
footers of documents, ads, posters, etc. Careful attention
has been paid to the design of this signature to create
a consistent design that is balanced, visually appealing
and clean.
1.12 LOGO URL SIGNATURE
usask.ca
usask.ca
stroke between the logo and url is placed one wheat
The
sheaf from each element.
stroke is the same width as the i in university, and begins
The
at the top of the logo’s crest and ends at the bottom of the
logo’s wordmark.
url is vertically centred to the stroke, creating a space
The
that is equal from the bottom of the logo’s crest to the
bottom of the stroke, the bottom of the stroke to the bottom
of the url, and the top of the url to the top of the stroke.
Throughout this guide, some examples show a “www.”
in a url. To comply with trending practices, url’s should
now be typed without the “www.” as outlined in the
signature above.
The url can be customized to any usask.ca url, for
example “agbio.usask.ca” for the College of Agriculture
and Bioresources.
It is not recommended to use this signature with a
secondary logo.
Please contact Marketing and Communications at 306-966-6607
or [email protected] to obtain a template containing
this logo url signature.
18
X
X
X
1. OUR LOGO
There may be some exceptions to the rules,
with approval from Marketing and Communications.
1.13 LOGO USAGE EXCEPTIONS
A)
In some circumstances, the shading in the book of knowledge within
the crest can be changed to a solid. These special circumstances may
include embroidery, embossing, varnish, etc.
B)
In some very specific instances it may be appropriate to use the crest
alone without the wordmark.
the crest alone may be acceptable when it is used in an
Using
obvious U of S context, such as a Twitter icon with the words
“U of S”, “usask”, or “University of Saskatchewan” appearing next to
the crest in the handle name.
The main U of S Twitter account, @usask, uses its profile icon
with the crest alone on a white background. Other U of S
accounts should find an alternate design that still maintains a
good use of the visual identity.
Before using the crest alone without the wordmark, please contact
Marketing and Communications at [email protected] or
306-966-6607 to review and approve the usage.
University of Saskatchewan
Visual Expression Guide v. 2.1
19
Graphic elements are the shiny shoes
we wear for fancy times with fancy
folks. Thing is, every day is a fancy day
and every folk is a fancy folk.
The following is an excerpt from:
Designing Brand Identity by Alina Wheeler
3rd ed. 2009. John Wiley & Sons, Inc.
Design is an iterative process that seeks to integrate meaning with form. The
best designers work at the intersection of strategic imagination, intuition, design
excellence, and experience.
Reducing a complex idea to its visual essence requires skill, focus, patience,
and unending discipline. A designer may examine hundreds of ideas before
focusing on a final choice. Even after a final idea emerges, testing its viability
begins yet another round of exploration. It is an enormous responsibility
to design something that in all probability will be reproduced hundreds of
thousands, if not millions of times …
Creativity takes many roads. In some offices numerous designers work on
the same idea, whereas in other offices each designer might develop a different
idea or positioning strategy. Routinely hundreds of sketches are put up on the
wall for a group discussion. Each preliminary approach can be a catalyst to a
new approach. It is difficult to create a simple form that is bold, memorable, and
appropriate because we live in an oversaturated visual environment, making it
critical to ensure that the solution is unique and differentiated. In addition, an
identity will need to be a workhorse across various media and applications.
Graphic elements are visual
features that convey a big idea
or a brand attribute—in the case
of the U of S they signify our
prairie landscape. This design
strategy is an effective tactic for
large companies with numerous
and unrelated divisions, helping
bring visual consistency in a
subtle and unobtrusive manner.
Sometimes, even a string of
blocks can make a difference
between a U of S branded design
and a generic design.
a!
Graphic elements: Dynamic
graphics used to aid recognition
and to attract the eye of the viewer.
They are a subtle tool to help
differentiate ourselves from our
competition.
Blocks: We refer to our graphic
elements as ‘blocks’; a series of
bright green squares representative
of our prairie landscape.
Bullet or glyph: A regularly used
element consisting of three squares
in a shape similar to a pixellated
arrow. Used to highlight headlines
and other important text.
Please contact Marketing and
Communications at 306-966-6607
or [email protected] for
graphic files and templates.
20
2. GRAPHIC ELEMENTS
Those who have soared over
Saskatchewan have surely
caught glimpse of the prairie
patchwork of greens.
Our signature
graphic element is the
product of our pride in
where we come from
and who we are.
University of Saskatchewan
Visual Expression Guide v. 2.1
21
2. GRAPHIC ELEMENTS
2.1 FULL GRAPHIC DEVICE
The full graphic device contains two green bars and a collection of green blocks on the left.
When using design programs that support the ‘multiply’ effect such as
InDesign, Photoshop and Illustrator, place photos behind the top green bar as shown below.
2.2 FULL GRAPHIC DEVICE USAGE
The ‘multiply’ effect of the green bar creates a distinct look
and adds visual interest to the design.
Placing photos up against or near the top bar as opposed
to behind creates an inconsistent use of the device, often
appearing as a mistake.
When designing for print at regular size, the
height of the squares should be equal to a 15pt letter ‘A’ in Myriad
Pro Regular font, and the height of the top green bar should be
equal to the height of the lower green bar. Scale larger or smaller as
appropriate.
Note the mis-sized top
green bar and the harsh cut-off of green blocks
in the lower green bar. For the most up-to-date
files contact Marketing and Communications at
[email protected] or 306-966-6607.
2.3 FULL GRAPHIC DEVICE SIZE
2.4 AVOID OLD VARIATIONS
X
X
A
Do not use old variations of the
graphic device.
22
2. GRAPHIC ELEMENTS
This example shows how the device should
span across the entire width of the design. The top green bar is set to ‘multiply’ over the
photo of the three researchers, whereas the remainder of the device is to be placed on
white. This full device is suggested as a footer with the university’s logo url or slogan
signature in the bottom right (see 1.10 on page 17).
2.5 REAL-LIFE EXAMPLE: “DOG FOOD FOR THOUGHT” AD
University of Saskatchewan
Visual Expression Guide v. 2.1
23
2. GRAPHIC ELEMENTS
Beyond the full graphic device, U of S designs can
utilize a subtle use of green blocks. Adding them throughout your design can help
bring consistency in look and style, and aligning them to your design’s grid can help
maintain an orderly, clean design (see White space on page 42).
2.6 FURTHER GRAPHIC ELEMENTS USAGE
The
blocks are best used on a white
background. They were designed
to appear as though they are fading
into white, to work with a very clean
and subtle appearance.
2.8 PLACING BLOCKS ON WHITE
2.7 REARRANGING THE BLOCKS The blocks
can be arranged in different shapes,
to be placed in corners and other
tight spaces.
To maintain the appearance of the blocks fading into the
background colour (preferably white), when placing on a dark background, replace
the lightest blocks with the darker greens.
2.9 PLACING BLOCKS ON DARK
Use the darker blocks only on dark
backgrounds, to maintain a clean and
subtle appearance.
Avoid stark contrast of the lighter
blocks against a dark background.
Because the blocks are representative of Saskatchewan’s
prairie landscape and our province’s signature summer greenscapes, use the
blocks in their intended green colour palette only (see Colour palette on page 32).
If necessary, the blocks can be converted to greyscale.
2.10 COLOUR OF BLOCKS
Use the blocks in their
intended bright green
palette.
24
If needed, the blocks can be
converted to grayscale for black and
white printing, or to be used as a
subtle pattern or detail in a design
that requires more of our graphic
elements but has limitations of the
bright greens because of a clash in
secondary colour, or if the creative
suits a classic, elegant greyscale
appearance.
Do not change the colours
of the blocks.
2. GRAPHIC ELEMENTS
Keep blocks the same size within your design, with the exception of
the three-square bullet (see 2.13 below). When designing for print at regular size,
the height of the squares should be equal to a 15pt letter ‘A’ in Myriad Pro Regular
font, and the height of the top green bar should be equal to the height of the lower
green bar. Scale larger or smaller as appropriate.
2.11 BLOCK SIZE
A
For the most part, leaving the blocks as outlined in 2.11 is
preferred. However, for oversize designs that will be seen from a distance, such as
banners and billboards, the blocks will have to be larger to be legible. Use your
discretion when enlarging the blocks, but keep in mind the proportions of your
text to the blocks and keep both legible.
2.12 OVERSIZE BLOCK SIZE
When designing billboards, keep text large in size
and short in wordcount. Myriad Pro Bold upwards of
1000pt for the headline, sizing the blocks to a 600pt
letter ‘A’, and the U of S logo at 14” tall is a good rule of
thumb for minimum sizes.
Please contact Marketing and Communications at 306-966-6607 or
[email protected] for a billboard InDesign template.
To highlight a
headline or other important element of your
piece, point a three-square bullet at it.
2.13 THREE-SQUARE BULLET/GLYPH
Text
Text
Size the three-square
bullet to the height of your
headline, and space one
square from the text.
University of Saskatchewan
Use an all-white threesquare bullet on dark
backgrounds to maintain
a clean appearance.
Visual Expression Guide v. 2.1
Mil maion prat fugia.
Use a solid single colour
bullet, the same colour
of your text, when text is
less than 10pt to ensure
legibility of all three blocks.
25
2. GRAPHIC ELEMENTS
A 30-second video required
for a public service announcement in the summer of 2012
was a unique opportunity to utilize our graphic elements
in motion.
2.14 REAL-LIFE EXAMPLE: PSA VIDEO
A subtle use of the square graphic elements were used
in the transitions.
A satellite image of Saskatchewan transforming
into a full screen design of our graphic elements
strengthened the creative symbolism of the green
square pattern.
Additional to the creative use of the graphic elements,
special attention was paid to clean typography, a
creative animated closing with the “us” slogan, and the
production value overall being of a high quality and
professional standard.
See the full video on the U of S YouTube
channel at youtube.com/usask
26
2. GRAPHIC ELEMENTS
This advertisement
spanned across two pages of a 2012 issue of Maclean’s
magazine. The creative concept called for a busier design,
but our graphic elements were incorporated successfully
despite the full background photo and intricate copy
placement.
A subtle use of the square graphic elements were used in the
location identifiers at the end of each dotted line.
2.15 REAL-LIFE EXAMPLE: “A DAY IN THE LIFE” AD
Fading the green square pattern into the upper left corner created
both a cleaner, more legible background for the copy and logo, as
well as a more identifiable depiction of the graphic elements.
For more information,
please visit
usask.ca
A day in the life
with us.
6 - 6:30 am
Went
for a run
along the
riverbank
9 - 10 am
Chem
class in the
“Airplane
Room”
6:45 - 7:45 am
Worked out in
the Fit Centre
in the Physical
Activity
Complex
10 - 10:15 am
Played frisbee
in the Bowl
10:30 - 11 am
Played a
quick game of
tennis with a
classmate
11:30 am - 12 pm
Ran into President
Busch-Vishniac
and had a nice
chat
12 - 12:50 pm
Enjoyed
all-you-can-eat
lunch in
Marquis Hall
with friends
12:50 - 1 pm
Bought a
new Huskies
bunnyhug at
the University
Bookstore
1 - 2 pm
Picked up
Starbucks coffee
for my study
group in the
Murray Library
2 - 3 pm
Intro to
Cree class
(super
interesting)
3 - 3:30 pm
Read The
Sheaf
between
classes in the
Sculpture
Garden
3:45 - 4:45 pm
Human
anatomy class
(my favourite)
5 - 5:30 pm
Couldn’t decide
what to eat for
dinner in Lower
Place Riel—
way too many
choices
5:45 - 6:30 pm
Nap at
home in the
new res
7 - 9 pm
Cheered for the
Huskies at the
Homecoming
game—huge
crowd!
9 - 11 pm
Watched my
favourite
band play a
show at Louis’
after the
game
A cause
for celebration, designs involving convocation
have a special use of the square graphic
elements turning into confetti.
2.16 REAL-LIFE EXAMPLE: CONVOCATION DESIGN
Because of the intricacy of the confetti pieces,
the convocation program features the design
in the upper left with a heavy use of white
space. Foil is used for the titling, making for a
very clean and elegant design.
The inner pages of the convocation booklet
use minimal graphic elements, but they are
included strategically as seen on the past
president’s page as part of the corresponding
photo legend.
Similar treatments of the confetti are used
across all designs for convocation, including
ads and the homepage on convocation day.
9
1
2
3
4
-
Introducing
Ilene Busch-Vishniac
President Busch-Vishniac received her
President Busch-Vishniac’s research focuses on
undergraduate degrees in physics and
aspects of acoustics and on diversity issues as
mathematics from the University of rochester,
they relate to engineering education. She is best
and Master of Science and PhD degrees in
known for her work to control noise in hospitals
mechanical engineering from MIT. She worked as
and for her efforts to revise engineering curricula
a postdoctoral fellow in the Acoustics research
to suit a more diverse population. She has
Department of Bell Laboratories immediately
authored over 60 technical articles, a monograph,
following completion of her PhD. In 1981, Dr.
and a number of popular papers. She also holds
Busch-Vishniac joined the faculty of The University
of Texas at Austin as an Assistant Professor in
the Mechanical Engineering Department. She
remained there until 1998, rising through the ranks
and holding an endowed chair as well as serving
5
6
7
as the associate chair of the department. She then
8
joined Johns Hopkins University as the Dean of
the Whiting School of Engineering, where she
remained until joining McMaster University in 2007.
Our past presidents
1
Walter C. Murray
1908 – 1937
W. Begg
5 Robert
1975 – 1980
2
James S. Thomson
1937 – 1949
F. Kristjanson
6 Leo
1980 – 1989
3
Walter P. Thompson
1949 – 1959
George Ivany
7 J.W.
1989 – 1999
University Archives photos – 1: A-5537; 2: A-3237; 3: A-3259; 4: A-8516; 5: A-4807; 6: A-10467; 7: A-2599; 8: A-9113
U N I V E R S I T Y O F S A S K AT C H E WA N
4
4
John W.T. Spinks
1959 – 1974
nine US patents on electromechanical sensors.
She has served as the lead supervisor for 18
PhD students, 34 MS students, and a host of
undergraduate students engaged in research
project and has received many teaching and
research awards, including the Curtis Mcgraw
research Award of the American Society for
Engineering Education, the Silver Medal in
Engineering Acoustics of the Acoustical Society
As provost, she was instrumental in technology
of America and the Achievement Award of the
systems renewal, the development of a new
Society of Women Engineers. She has also served
budget model, improving the student experience,
in a variety of leadership roles, including President
faculty renewal, strategic enrolment planning,
of the Acoustical Society of America and Chair of
advancing the scholarship of teaching and learning
the ontario Council of Academic Vice-Presidents.
on campus, and modeling a highly successful
MacKinnnon
8 R.1999Peter
– 2012
F a l l C o n v o c a t i o n 2 01 2
and collaborative college-university partnership.
Dr. Busch-Vishniac is married to Dr. Ethan Vishniac, a
She also worked to enhance diversity initiatives
renowned astrophysicist and the Editor-in-Chief of
at McMaster, particularly focusing on ties to First
the Astrophysical Journal. Together they have two
Nations communities nearby.
children: Cady and Miriam.
U N I V E R S I T Y O F S A S K AT C H E WA N
5
F a l l C o n v o c a t i o n 2 01 2
The convocation confetti design can only be used on convocation
related material. Please contact Marketing and Communications at
306-966-6607 or [email protected] for more information.
University of Saskatchewan
Visual Expression Guide v. 2.1
27
2. GRAPHIC ELEMENTS
Symbols representing Aboriginal cultures from across Saskatchewan
have been developed to help promote Aboriginal initiatives. Use of the Aboriginal symbols
should align with the following:
2.17 ABORIGINAL SYMBOLS
Use only for the promotion or communication
of Aboriginal initiatives. Each symbol has
special meaning in Aboriginal culture and
misuse of the symbols may be interpreted as
a sign of disrespect.
Use in conjunction with the University of
Saskatchewan visual guidelines. The symbols
are not meant to replace our standard visual
elements but rather to enhance them in
marketing and communications pieces where
their use is appropriate.
Tipi
Hide With Willow Hoop
The tipi is a dwelling for First Nations people.
Being nomadic people and always on the
move, the tipi was designed for easy transport.
Secure, mobile and providing shelter, the tipi
symbolized the Good Mother sheltering and
protecting her children.
All First Nations believe that their values and
traditions are gifts from the Creator, including
the land, plants and animals. Hides are believed
to be offered by the animal as the Creator
wished and, therefore, as the animal died the
hunter would thank the animal for its offering.
Inukshuk
Rainbow
An extension of an inuk (a human being), the
inukshuk were left as messages fixed in time and
space. They may represent personal notes or a
grief marking where a loved one perished. They
act as markers to indicate people who knew how
to survive on the land living in a traditional way.
The rainbow is a sign of the great mystery, the
Creator’s grace reminding all to respect, love
and live in harmony. Rainbow colours are seen
as stages in life and they follow individual belief
systems of various First Nations.
Eagle Feather
The eagle feather is a symbol of truth, power
and freedom. The dark and light colours
represent balance. It is a very high honour to
receive an eagle feather, and usually marks a
milestone. When one holds the eagle feather,
one must speak the truth in a positive way,
showing respect at all times.
Buffalo
The buffalo symbolizes subsistence, strength
and the ability to survive. The buffalo is a
spiritual animal as it provided many things such
as food, clothing, shelter and tools.
Medicine Wheel
The medicine wheel contains four quadrants of
life each representing a certain aspect of holistic
make-up: intellectual, spiritual, physical and
emotional self. The four colours represent the
four directions: red, yellow, white and blue (or
black, green or darker colours depending on
the Aboriginal group). Four is a very significant
number in Aboriginal culture.
Métis Sash
The sash is a symbol of present-day Métis
identity but had many uses in the early days,
often functioning as a rope or a belt. The infinity
sign (∞) on the sash symbolizes two cultures
together and the continuity of the Métis culture.
The sash uses traditional woven patterns
and colours to represent their individual
communities.
Drum
Traditionally given to men for ceremony and
prayer, the drum is the heartbeat of the Earth,
and feeds our spirit. The drum has the spirit of
the deer and the tree that were offered as a gift
from the Creator for the drum, and it guides
people home.
Turtle
Symbolizing Mother Earth, the turtle is depicted
with 13 inner markings, each representing a
cycle of the Earth around the sun. There are 28
smaller outer markings of the shell representing
the days of each cycle.
Star/Star Blanket
Red River Cart
The primary means of travel and transportation
of goods for Métis people, the Red River cart has
become synonymous with the Métis.
28
The star symbol on star blankets ends with
eight outer points to represent one’s travels
from grandmother, to daughter/son and then to
grandchild and to Mother Earth. Eight diamond
quilted shapes form the centre and pieces are
added to each row to increase the size of the
star pattern.
2. GRAPHIC ELEMENTS
These symbols are designed from light,
shadow and negative space. Thus, the
symbols must be white and placed on a
shaded background.
A seamless pattern of the symbols has been
developed to help you easily incorporate the
design into a faded background, as seen on
page 28.
It is not necessary for all symbols to be visible
in your designs, as long as there are enough
of them to widely represent Saskatchewan’s
Aboriginal cultures. Fading the symbols
gradually to white helps reinforce the
concept that there are numerous symbols
and cultures illustrated.
Download easy
to use Word and
PowerPoint templates at
communications.usask.ca
Do not place on a busy background, as it
will interfere with the negative space in the
symbols.
Do not change the colours of the symbols.
2.18 REAL-LIFE EXAMPLE: ABORIGINAL
DAY AD This ad was used in a
Maclean’s magazine feature for
National Aboriginal Day. The
overall design follows U of S
visual standards, with the
Aboriginal symbols placed in
the background of the footer in
a subtle manner.
Additional to the use of the
graphic elements, special
attention was paid to clean
typography and great
photography from the 2013
U of S Graduation Powwow.
The logo signature in
the bottom left was
customized to direct traffic
to aboriginal.usask.ca
A university for
all people
The University of Saskatchewan is
special because of its people. The
different cultures that intersect
on our campuses enrich our
community and create an inclusive
environment that benefits us all.
We have one of the largest
Aboriginal student populations in
Canada and we’re making great
strides to ensure we’re doing all
we can to help our students reach
their full potential.
From our long-standing Indian
Teacher Education Program
to the welcoming space in the
Aboriginal Students’ Centre,
the U of S has a strong history
of connecting with Aboriginal
communities.
As we continue to grow in this
area, we will create opportunities
for more Aboriginal students to
shape our community, our country
and our world.
PHOTO: The 2013 U of S Graduation Powwow.
aboriginal.usask.ca
Please contact Marketing and Communications at 306-966-6607 or
[email protected] for InDesign templates and graphic files.
University of Saskatchewan
Visual Expression Guide v. 2.1
29
Typography is the snappiest dresser.
Her garb is always pertinent to the
soiree, with every crease creased
and fluff fluffed.
The following is an excerpt from:
The Elements of Typographic Style by Robert Bringhurst
3rd ed. 2008. Hartley and Marks Publishers.
The typographer’s one essential task is to interpret and communicate the
text. Its tone, its tempo, its logical structure, its physical size, all determine
the possibilities of its typographic form. The typographer is to the text as the
theatrical director to the script or the musician to the score.
A novel often purports to be a seamless river of words from beginning to end,
or a series of unnamed scenes. Research papers, textbooks, cookbooks and other
works of nonfiction rarely look so smooth. They are often layered with chapter
heads, section heads, subheads, block quotations, footnotes, endnotes, lists and
illustrative examples. Such features may be obscure in the manuscript, even if
they are clear in the author’s mind. For the sake of the reader, each requires its
own typographic identity and form. Every layer and level of the text must be
consistent, distinct, yet (usually) harmonious in form.
The first task of the typographer is therefore to read and understand the
text; the second task is to analyze and map it. Only then can typographic
interpretation begin.
If the text has many layers or sections, it may need not only heads and
subheads but running heads as well, reappearing on every page or two-page
spread, to remind readers which intellectual neighborhood they happen to
be visiting.
The typographer must analyze and reveal the inner order of the text, as a
musician must reveal the inner order of the music he performs. But the reader,
like the listener, should in retrospect be able to close her eyes and see what lies
inside the words she has been reading. The typographic performance must
reveal, not replace, the inner composition. Typographers, like other artists and
craftsmen—musicians, composers and authors as well—must as a rule do their
work and disappear.
Many fonts have additional
hidden characters called
glyphs. The glyphs panel found
in Illustrator and InDesign
allows you to access a font’s full
character set.
How a print project appears on
screen is very different to how it
looks on paper. Seeing a printout
will help identify the adjustments
that may be needed.
Lines of type that are too long
or too short can be tiring and
distracting. A line of type that
spans the entire width of a page
disrupts readability because
the reader has a hard time
locating the next line of type. For
optimum readability aim to keep
lines between 40-80 characters,
including spaces.
Use typestyles consistently
throughout your project—font
size, weight, spacing—to aid
the reader’s understanding of
the copy.
Avoid widows and orphans. A
widow is a short line or single
word at the end of a paragraph.
An orphan is a word or short line
at the beginning or end of
a column.
a!
Leading: The space between lines
of type.
Kerning: The adjustment of space
between pairs of letters.
Tracking: Adjusting the overall
spacing between characters.
Refer to the Editorial Style Guide for
many of the university’s preferred
style and layout preferences in
type, grammar, spelling, etc. Visit
communications.usask.ca/editorial
30
3. TYPOGRAPHY
We strive to make our pieces comfortable
to read for our target audiences by choosing clean and precise fonts. The
main font for U of S material is Myriad Pro. There are varying weights to
choose from to suit your design, such as light, semi bold and black. These
can be used effectively to emphasize a point within a body of text or to fit
within the tight spaces of a small ad.
3.1 PREFERRED TYPEFACE: MYRIAD PRO
a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0
1
2
3
4
5
6
7
8
9
regular
italic / semibold / bold / black / light
semicondensed
italic / semibold / bold / black / light
condensed
italic / semibold / bold / black / light
To use Myriad Pro, you must obtain a copy of
the font that complies with Adobe Systems
Incorporated font licensing. The font is included in
the Adobe Creative Suite software packages, or can
be purchased online at various font retailers, such
as myfonts.com/fonts/adobe/myriad
The recommended weights of Myriad Pro are light,
regular and bold. Light can highlight short copy set
to a large font size, while bold is more suitable for
headlines.
The SemiCondensed and Condensed versions
should be used sparingly. They are suitable in
circumstances such as tables, graphs and fineprint,
but are not suitable for regular copy.
Longer documents
that require increased reading such as newspapers,
magazine articles and books can utilize the serif font
Minion Pro.
To comply with web standards
but still maintain the look and style of Myriad Pro,
programmers and web designers can use the Google web
font Open Sans.
3.2 SUPPORTING TYPEFACE: MINION PRO
3.3 WEB TYPEFACE: OPEN SANS
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0
0
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
Download Open Sans at google.com/webfonts
University of Saskatchewan
Visual Expression Guide v. 2.1
31
3. TYPOGRAPHY
Although Myriad Pro should be used for
all high-end reputational publications with major profile and exposure
among external audiences, it is not necessary for all employees to
purchase. In the case of Word documents, PowerPoint presentations and
email, the preinstalled sans serif font Calibri may be substituted. The font
family Arial is also an acceptable alternative.
3.4 ALTERNATE TYPEFACE: CALIBRI/ARIAL
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0
1
2
3
An effective technique for headlines
and wordmarks is to match a heavy weight of Myriad Pro
with a lighter one, in a place that makes sense for the copy.
3.5 COMBINING WEIGHTS
Fish
or cut bait
At all times, maintain a clean and
legible use of text. Keep font sizes for body text at around
9pt, fine print can be smaller but preferably no smaller
than 6pt, and keep a strong weight and contrasting colour
on darker backgrounds (see page 34 for more colour
information).
3.6 KEEP YOUR TEXT LEGIBLE
A 9.5pt font is great for regular copy.
For reverse type, use a thicker weight to keep
text nice and legible.
Avoid using a light font for reverse type, as it is
more difficult to both read and print.
A 6pt font is about as small as you’d want to go for fine print.
For bulleted or numbered lists, use
hanging indents to keep the text nicely aligned.
3.7 HANG THOSE INDENTS
ƒƒ Notice how the text on the second line is aligned with
the text on the first line.
ƒƒ The second line does not push back to align itself with
the bullet.
ƒƒ Keep the bullet at a distance from the text that is not
too far nor too cramped. In this case, the hanging
indent is set to 0.125”.
32
4
5
6
7
8
9
You can, in special cases, use fonts
other than the preferred if your design calls for it. Maintain
use of the preferred fonts for the majority of your design
to stay within the university’s visual identity, but use a
creative font for headlines or other features that suits your
audience and tactic.
3.8 CREATIVE TYPEFACES
The Legacy
of Leadership material for former president Peter
MacKinnon’s farewell in June 2012 required a very elegant
and classy look, and utilized a font other than Myriad Pro
to do so.
3.9 REAL-LIFE EXAMPLE: LEGACY OF LEADERSHIP
A wordmark was created to ensure consistency across
all Legacy of Leadership material, using the script font
Bickham Script Pro.
The university’s logo was blind embossed on a high-end
paper stock to finish off the elegant design.
3. TYPOGRAPHY
The U of S
general brochure, redesigned in 2012, provides
many examples of our visual identity in action.
With its multi-page format, simply placing the text
in the same layout on each page would’ve risked a
boring and generic design. Instead, a variance in
layout throughout the brochure with a smart use
of clean typography provides for an easy and more
entertaining read.
3.10 REAL-LIFE EXAMPLE: GENERAL BROCHURE
As opposed to bleeding the ink off the page,
an even white border was maintained around
each two-page spread. This effect created a
consistent detail throughout the book, to bring
harmony despite its multi-page format with
varying layouts.
The first two-page spread (top image) kept a
very clean inside front cover. The placement of
the “us” slogan is flush-right to the inner margin,
and across from the dominant element in the
adjacent photo (the student’s leg) to anchor it for
a balanced look. Reader comprehension is key
so the photo was manipulated and the overlying
text was bolded for maximum readability.
The “by the numbers” page (middle image)
required a busy layout by nature, but a balance
was struck through a consistent and orderly
layout. Each photo is placed the same distance
apart vertically and horizontally, creating an
orderly grid. The portions of copy are laid out
consistently with the highlighted numbers
adding interest and calling attention to the text.
Each portion of text is also distributed evenly
between one another on each page.
The remainder of the brochure maintained the
same layout for three more spreads. A large
photo was placed on the right, with the copy
centred vertically on the left. The headline is a
light grey Myriad Light set at a large size, with
a stroke matching in colour and weight placed
evenly above and below the copy.
Where possible, subtle cues were taken from the
photo to help aid the clean layout. For example,
the horizon line on the aerial photo seen here
was positioned at the same level as the body
copy on the left, balancing the overall look of
the page.
University of Saskatchewan
Visual Expression Guide v. 2.1
33
Colour palette said to his buddies, “It’s
easy being green when I have such
great buddies.” So let’s be buddies
with colour palette, because he’s nice.
The following is an excerpt from:
Entrepreneur.com, “Your Brand’s True Colors” by John Williams
entrepreneur.com/article/175428
Have you ever considered the importance of color in branding? Coke is red. UPS
is brown. IBM is blue. These corporations understand the proper use of color is
vital to creating a positive image among consumers. Furthermore, color plays
a huge role in memory recall. It stimulates all the senses, instantly conveying a
message like no other communication method.
Choosing the right dominant color for your brand is crucial. This color should
appear on all your promotional materials, including your logo and product
packaging. As much as possible, the color you choose should set you apart, work
with your industry and image, and tie to your brand promise. It should also take
into account color psychology, which is fairly complex. Colors can mean different
things depending on the culture, situation and industry. However, in U.S.
advertising at least, studies suggest some universal meanings.
…
Green: In general, green connotes health, freshness and serenity. However, green’s
meaning varies with its many shades. Deeper greens are associated with wealth or
prestige, while light greens are calming.
…
(Colors) can be categorized into two basic categories: warm and cold. In
general, warm colors, like red and yellow, send an outgoing, energetic message,
while cool colors, like blue, are calmer and more reserved. However, brightening
a cool color increases its vibrancy and reduces its reserve.
34
There are more green-sensitive
cone cell photoreceptors in the
retina than for the other colours,
which means the human eye sees
more green(s) than any other
colour.
“Color increases brand
recognition by up to 80 per cent.”
- University of Loyola, Maryland study
a!
Hue: The colour (blue, green, red,
purple, etc.).
Saturation: How vibrant or dull a
colour is.
Value: How light or dark a colour
is (low value is dark, high value is
light).
Shades: Darker value of a hue,
caused by adding black.
Tints: Lighter value of a hue,
caused by adding white.
4. COLOUR PALETTE
Next to our logo, colour is the most recognizable element of our visual system. Consistent
use of colour will strengthen people’s recollection of the U of S visual elements. The U of S primary colour palette
contains varying shades of green, which are representative of our vast prairie landscape. Here is a selection of
the main greens, though some fluctuation is acceptable as long as the same family of green is maintained.
4.1 GREEN COLOUR PALETTE
PANTONE:
coated 364 C
uncoated 370 U
CMYK:
65 / 0 / 100 / 42
PANTONE:
coated 377 C
uncoated 390 U
CMYK:
45 / 0 / 100 / 24
RGB:
RGB:
PANTONE:
coated 376 C
uncoated 382 U
CMYK:
50 / 0 / 100 / 0
RGB:
PANTONE:
coated 382 C
uncoated 396 U
CMYK:
29 / 0 / 100 / 0
RGB:
PANTONE:
coated 585 C
uncoated 585 U
CMYK:
11 / 0 / 66 / 2
RGB:
PANTONE:
coated 587 C
uncoated 587 U
CMYK:
5 / 0 / 40 / 0
RGB:
65 / 118 / 48
113 / 149 / 0
119 / 184 / 0
190 / 214 / 0
219 / 223 / 114
228 / 229 / 151
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
#417630
#719500
#77B800
#BED600
#DBDF72
#E4E597
To complement our use of clean whites, grey can be used
as a means of creating an elegant look for our designs and maintaining the clean,
professional look we strive for. Where pure black can be seen as harsh, a grey can
lighten the look of a design in a complementary way to our greens and whites.
4.2 GREY COLOUR PALETTE
PANTONE:
cool grey 11
CMYK:
0 / 0 / 0 / 70
RGB:
PANTONE:
cool grey 7
CMYK:
0 / 0 / 0 / 50
RGB:
PANTONE:
cool grey 4
CMYK:
0 / 0 / 0 / 30
RGB:
PANTONE:
cool grey 2
CMYK:
0 / 0 / 0 / 15
RGB:
77 / 78 / 83
154 / 155 / 157
189 / 189 / 189
214 / 214 / 212
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
HEXADECIMAL:
#4D4E53
#9A9B9D
#BDBDBD
#D6D6D4
For best colour results, match the colour code most appropriate to your process and needs. For example,
if you’re working in Microsoft Word or the web use the RGB or Hexidecimal values; when printing digitally
use the CMYK values; when printing single colours on a press on an uncoated paper stock use the uncoated
pantone value, etc. Please note that colour may fluctuate depending on monitor calibration, printer, paper
stock, etc. Whenever possible, use the Pantone Matching System (PMS) and match to a swatch book.
University of Saskatchewan
Visual Expression Guide v. 2.1
35
4. COLOUR PALETTE
Use colours for type that have
adequate contrast to the background or photograph.
4.3 MAINTAIN LEGIBLE COLOUR CONTRAST
On a solid green
background such as
this, keep your text bold
and white to maintain
maximum legibility.
On a solid green background such as
this, keep your text bold and white to
maintain maximum legibility.
Using a low contrast font
colour with a thin weight
and small font size makes for
a very hard to read text.
Using a low contrast font colour with
a thin weight and small font size
makes for a very hard to read text.
In certain circumstances, a
design can use a low contrast colour option
if the creative lends itself to it. See the
inside front and back covers of this guide
for examples—the text is large and still
legible, but the purpose of the design is
to maintain a subtle effect so low contrast
colour combinations are utilized. In cases
like this, the text is used as more of a design
element than the main body copy.
4.4 FINE, BE SUBTLE
The purpose of the grey palette is to complement the use
of white backgrounds and maintain our signature clean look. Thus, use
the grey palette on white backgrounds only.
4.5 KEEP IT CLEAN
Grey type on green backgrounds
is not as clean as solid white.
But grey type on white backgrounds
is awesome.
Design programs that support the
‘multiply’ effect such as InDesign, Photoshop and Illustrator
create a helpful technique in changing a low contrast
background to a more legible one. Text can also be set to
multiply over a light photo or texture for easier legibility.
4.6 SWEET, SWEET MULTIPLY
36
Avoid the use of a harsh gradient
background. A dark to white gradient will rarely work
as effectively as leaving your design clean and white, or
simply using a solid-coloured background. If you are going
to use a gradient, maintain a subtle colour transition.
4.7 DIRTY, DIRTY GRADIENTS
This photo doesn’t have
enough contrast.
A straight white to dark
gradient is a dirty old trick.
But adding a green box
set to ‘multiply’ helps.
It maintains the texture
of the photo, and adds
our green palette.
Instead, be creative with
gradients and remember
subtlety is key in creating a
clean gradient design.
4. COLOUR PALETTE
4.8 REAL-LIFE EXAMPLE: REPORT TO THE
COMMUNITY A large ad placement in
newspapers throughout Saskatchewan,
the 2012 Report to the Community used
many of the visual identity greens with
plenty of white.
A subtle combination of green
squares and gradient was created in
the header, setting off an attention
grabbing start to the ad.
Different shades of the green palette
were utilized in headlines and charts
to highlight certain words and help
differentiate sections of the charts.
While using contrasting colours would
have also highlighted different areas
of the charts, the strong use of the
green colour palette solidified the
presence of the university and helped
ingrain the visual identity for the
broad audience that was the general
public of Saskatchewan.
See more of the Report to the
Community at usask.ca/gettoknowus
4.9 REAL-LIFE EXAMPLE: “US”
BILLBOARDS Placed within the
same block, these billboards
dominated downtown
Saskatoon in June 2012.
usask.ca
usask.ca
University of Saskatchewan
Visual Expression Guide v. 2.1
usask.ca
usask.ca
Because of the rich colours
of the photos in this series,
a dark green set to multiply
over the photos provided
a harmonious transition in
all four designs. A glow was
added behind the green “us”
word for legibility.
Green squares were included
in the design to reinforce
the brand along the bottom
of each billboard, with
just a hint of the photo
underneath.
37
4. COLOUR PALETTE
A
special brochure developed for a college, this
piece features many uses of the U of S visual
identity in action.
4.10 REAL-LIFE EXAMPLE: UNIVERSITY BROCHURE
The cover (top image) uses the greens of
the graphic elements, the grey version of
the logo and url, plus a colour-manipulated
image to enhance the U of S palette and
darken the area needed for overlaid type.
The first inside spread (middle image) uses
green set to multiply over photos, adding
interest to the design as well as helping
lead the reader’s eye to the introduction
and table of contents.
Lorem ipsum
Consectetur adipisicing
The remainder of the brochure uses the
grey palette, fading effects added to the
photos and smart typography to help
emphasize the clean white space.
www.usask.ca
Ficaectota praepellut acero tecatatem
sum faccatur samus dolorepro doluptam
quatisin ea de maio ist, errunt, officillata
velitem alibus, sum il maxim rerum et
aceaqui ini re, voloratus, inihilluptae
nectem nosapici voloreius rerem veni re
niae perum volum lamenis res net acearcit
des evellupta dellace pudita de voluptatat.
Lorem ipsum dolor sit amet
Ut oditate molupta eat quo estinihil intio
volorit atiatur sent aut magnihi llaceatis
derrumet fuga. Latur?
Udanditi ut omnitame acculla cepratiscia
volumqu iatium esciisc itaeper cipientiis
quatur, tent ut a consequas modit estis dit
hiciis cus pre, qui cum rehendandam eum
iumque pratur, nissi in et volupta temquat
exceprore poreici tatatque rem res presenis
ulpa arum et volorepta ipsamet quatium,
quisitios ipsum harcil maximpo ritatem
voluptiature lant.
Urepudamet eatiumquod est, sequatur
maximus nissim aut mi, volluptam exerspe
litempo reribusandia aut idis.t
2
TABLE OF CONTENTS
2 / 3.................................................... Elitatem que laut
4 / 5.................................Quo explat harum eserfero
6 / 7 ..........Quaest faceaquas dipsant ad maximil
8 / 9 .....................................Ipsam imet estrum quia
10 / 11 ........................................... Venet volore volo
12 / 13 .................................... Beribus ne eatiorecte
esenimp oribeatur
14 / 15 ................................................. Eiciisque natin
16 / 17 ........................................ Nimusae sum sequi
conserempos aut quistib
18 / 19 ..........................................................Uscitatium
University of Saskatchewan
3
University of Saskatchewan
5
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat.
Firstname Lastname, position
Sed ut perspiciatis
Unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo
enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut
fugit, sed.
Quia consequuntur magni dolores eos qui ratione voluptatem sequi
nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor
sit amet, consectetur, adipisci velit, sed quia non numquam eius
modi tempora incidunt ut labore et dolore magnam aliquam quaerat
voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem
ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure reprehenderit.
At a Glance
Student Enrolment:
(including XXX graduate students)
Alumni worldwide:
21,000
138,000
Operating Revenues:
$453,000,000
Other (awards, grants, research funding, etc.)
U of S land within Saskatoon
1,865 acres
President Ilene Busch-Vishniac
4
38
4. COLOUR PALETTE
Secondary colours should
be used in a very limited manner, primarily to delineate
navigation or to highlight primary typographical messages
in communications, including headers, subtitles and
secondary messages.
4.11 USING SECONDARY COLOURS
Secondary colours should not be applied as large fields
of colour. The green palette should accentuate secondary
colours throughout your design.
One use of secondary colours may be in charts and graphs
where a broader range of colours are needed.
We are mindful that many colleges and units across campus
have their own traditional colour palettes and we can work
together to ensure that both identities are well represented.
Please contact Marketing and Communications at 306-9666607 or [email protected] for more information
and to discuss design possibilities.
An Aboriginal student recruitment
brochure, the design of this piece utilized Aboriginal imagery. Secondary
colours were selected from such imagery to aid in the design, while
maintaining the U of S visual identity.
LIVING IN SASKATOON
explore.usask.ca/programs
STUDY AT THE U OF S
10 explore.usask.ca
Some spreads (bottom image) use a
colour taken from Aboriginal imagery on
the left of the page and use the colour
throughout the two pages. Creatively, the
spread’s topic stays relevant to the colour.
In this case, Saskatoon is highlighted with
the blue river and bright skies. With the
majority of the book green, the U of S
visual identity is maintained.
Guide for Aboriginal Students 2013-2014
The cover and inside spreads (top
images) use the green palette as the main
dominant colour scheme, providing a
strong U of S piece as a whole.
Explore
4.12 REAL-LIFE EXAMPLE: ABORIGINAL VIEWBOOK
What do you want to study?
The U of S is the only English-speaking university in Canada with such a broad
combination of human, animal and plant studies on one campus. With nearly 200
undergraduate program options, you are sure to discover your passion at the U of S!
AGRICULTURE AND
BIORESOURCES
DEGREES:
A
t the U of S, you will learn in a culturally aware and academically
stimulating environment. Find out more about the following
programs at explore.usask.ca/aboriginal/programs:
¡
DIPLOMAS:
Agribusiness
Agronomy
CERTIFICATES:
Certificate in Agriculture
Indigenous Peoples Resource Management
Prairie Horticulture
Indigenous Peoples Resource Management Certificate
¡
Aboriginal Justice and Criminology
ARTS AND SCIENCE
¡
Aboriginal Public Administration
DEGREES:
¡
Native Studies
¡
Aboriginal Business Administration Certificate
¡
Indian Teacher Education Program (ITEP)
¡
Saskatchewan Urban Native Teacher Education Program (SUNTEP)
¡
Northern Saskatchewan Teacher Education Program (NORTEP)
¡
Aurora College Teacher Education Program (ACTEP)
OUR
ALUMNI
INCLUDE:
1 71 2 1
OSCAR
WINNER
RHODES
SCHOLARS
NOBEL
PRIZE
WINNERS
Aboriginal Public Administration
Anatomy and Cell Biology
Anthropology
Archaeology
Art History
Biochemistry
Biochemistry and Biotechnology
Bioinformatics
Biology
Biology and Biotechnology
Biomolecular Structure Studies
Biotechnology, Microbiology and Immunology
Business Economics
Chemistry
Classical, Medieval and Renaissance Studies
Community Planning and Native Studies
PRIME
MINISTER
OF CANADA
7
OLYMPIC
GOLD
MEDALISTS
Computer Science
Computing
Drama
Economics
English
Environment and Society
Environmental Biology
Environmental Earth Sciences
Fine Arts
Food Science
French
Geography
Geology
Geophysics
History
Interactive System Designs
International Studies
Linguistics
Mathematical Physics
Mathematics
Microbiology and Immunology
Modern Languages
Music
Music Education
Native Studies
Northern Studies
Palaeobiology
Philosophy
Physics
Physiology and Pharmacology
Political Studies
Psychology
Public Administration
Regional and Urban Planning
Sociology
Statistics
Studies in Religion and Culture
Studies in Religious Traditions
Studio Art
Toxicology
Women’s and Gender Studies
BUSINESS
DEGREES:
Accounting
Finance
Human Resources
Management
Marketing
Operations Management
CERTIFICATES:
EDUCATION
DEGREES: (Direct Entry)
Aurora College Teacher Education Program
Home Economics
Industrial Arts
Indian Teacher Education Program (ITEP)
Northern Teacher Education Program (NORTEP)
Saskatchewan Urban Native Teacher Education
Program (SUNTEP)
DEGREES: (Non-Direct Entry)
Combined Kinesiology/Education
Elementary/Middle Years
Secondary
CERTIFICATES:
Adult and Continuing Education
Special Education
Secondary Technical Vocational Education
Teaching English as a Foreign Language
Teaching English as a Second Language
ENGINEERING
DEGREES:
Biological Engineering
Chemical Engineering
Civil Engineering
Computer Engineering
Electrical Engineering
Engineering Physics
Environmental Engineering
Geological Engineering
Mechanical Engineering
KINESIOLOGY
DEGREES:
Combined Kinesiology/Education
Exercise & Sport Studies
Physical Education Studies
NON-DIRECT ENTRY DEGREES:
Dentistry
Law
Medicine
Nursing
Nutrition
Pharmacy
Veterinary Medicine
Business Administration
Aboriginal Business Administration
Executive Business Administration
International Business Administration
Housing
There are many benefits to living
in one of our U of S residences,
including being part of a diverse
and global community and
developing life‑long friendships
and lasting memories. Students
living in residence receive
continuous support from our
trained residence life staff and
appreciate the close proximity of
their home to their classes and
university facilities.
S
askatoon has a vibrant Aboriginal arts community, and
numerous events celebrating Aboriginal culture take place
in the city each year. At the U of S, an annual Graduation
Powwow honours graduating Aboriginal students from the
university and from high schools across the province.
In Saskatoon and surrounding area, there
are numerous Aboriginal organizations,
First Nations and has one of the largest
proportions of Aboriginal Peoples
gathering places and destination centres,
such as the Saskatchewan Indian Cultural
among the Canadian provinces. In fact,
Saskatchewan takes its name from the
Centre and Wanuskewin Heritage Park.
Saskatchewan is home to more than 70
Plains Cree word kisiskatchewan, meaning
swiftly flowing river.
COLLEGE QUARTER RESIDENCE – College Quarter
is home to brand-new, modern residence buildings.
At College Quarter, international and Canadian
students live together in fully furnished four-, three-,
two- and one-bedroom apartments, participate in a
variety of activities and have access to tutoring and
a faculty-in-residence program. A limited number of
accessible apartments are also available for students
with a disability.
VOYAGEUR PLACE – Voyageur Place is a great
choice for students who want to live at the heart of
campus. Voyageur Place includes four residence halls:
Athabasca Hall, Saskatchewan Hall, Qu’Appelle Hall
and Qu’Appelle Hall Addition. Students are usually
paired with a roommate and enjoy the convenience
of a comprehensive meal plan. They also have access
to tutoring and a faculty-in-residence program.
1,700
students who self-identify
Aboriginal ancestry
2
explore.usask.ca
Agribusiness
Agricultural Biology
Agricultural Economics
Agronomy
Animal Bioscience
Animal Science
Applied Plant Ecology
Crop Science
Environmental Science
Food and Bioproduct Sciences
Horticultural Science
Renewable Resource Management
Soil Science
University of Saskatchewan
Visual Expression Guide v. 2.1
McEOWN PARK – McEown Park is a group of four
high-rise buildings located just south of the main
U of S campus. These buildings include Assiniboine
College Quarter is a new modern residence building.
Hall and Wollaston Hall (one- and two-bedroom
apartments for upper-year students), Souris Hall
(two-bedroom apartments for students with
children) and Seager Wheeler Hall (six-bedroom
apartments).
Students are encouraged to apply early to residence. To learn more about U of S residences, affiliated
residences and off‑campus housing options in Saskatoon, visit explore.usask.ca/housing.
39
Photography likes to party, because
she is the life of it. She steals the
spotlight, turns it into a strobe light,
and dances her face off.
The following is an excerpt from:
Photography.com, “Five Elements of a Great Photograph” by Nancy Hill
photography.com/articles/taking-photos/five-elements-of-a-great-photograph
Nearly everyone who picks up a camera wants to take a great photograph that
makes people say, “Wow! That’s incredible!” But alas, few people manage to get
much more than, “That’s really nice.”
Why? Perhaps it’s because not many people know what makes a photograph
incredible.
“The great pictures just stop
time. They capture something
that did not continue. It just was
then, and that was the perfect
moment. It wasn’t the moment
before. It wasn’t the moment
after. It was that moment.”
- National Geographic
So let’s take a look at five elements that make a photograph great.
1. Good photographs are well composed. There have been entire books written
about composition, and you should certainly spend some time seeing what
they have to offer. In the meantime, though, here are a few simple things to
keep in mind: move in close to a subject; frame your subject; use the rule of
thirds; use diagonals.
2. Good photographs are well exposed. A poorly exposed photograph will
never make a great photograph. Even enhancing your photograph with
software won’t give you an image that is as good as one that was correctly
exposed to begin with. Take the time to learn how to use your camera’s meter.
3. Good photographs evoke feelings. A good photograph stirs up emotions and
should make the viewer feel something strongly. So before you release your
shutter, ask yourself what emotion you want your image to evoke.
4. Good photographs tell stories. This might be a little hard to believe at first,
but a good photograph always tells a story. If it’s a photograph of a person, a
good photograph is about “who” the person is. A landscape tells a story about
the land. Just like you should know the feeling you want to evoke, know the
story you want to tell.
5. Good photographs say something about life. Memorable photographs
tell the viewer something more than just how something looks. They show
more than the subject you are photographing. A truly good photograph says
something about life itself. It makes the viewer stop and think. Use your
photographs to communicate things you know about life to be true.
Any one of the five elements above will move your photographs a step away
from “That’s nice.” The more of the elements you use in one image, the closer you
are to getting a “Wow! That’s beautiful!” Use all five and you will be able to create
a masterpiece.
If the photos you need are
beyond your ability, hire a
professional photographer with
an impressive portfolio.
A photo package with 10 popular
U of S photos is available at
communications.usask.ca
Many searchable high resolution
U of S photos are on our Flickr
gallery. Visit flickr.com/usask
a!
Depth of Field: Refers to how much
of the photo is in focus. A deep
depth of field will have everything
in focus, whereas a shallow depth
of field will focus on a very small
portion of the photo, keeping the
foreground and background blurry.
Exposure: The amount of light that
is collected by the camera’s sensor.
A photo that is very light with
blown-out white areas has lots of
exposure, whereas a dark photo has
little exposure.
RAW: An unprocessed image
allowing a broad range of flexibility
in a photo’s colour balance,
exposure, sharpness, etc. Images
captured in JPG format have
been processed by the camera
automatically, and generally aren’t
as easy to manipulate later.
40
5. PHOTOGRAPHY
Photos used for brochure or report covers,
presentation title pages, website homepages and advertising should
showcase the best, most ambitious professional photography available.
5.1 PRIMARY PHOTOGRAPHY
Primary photography should:
Be representative of our diversity in both gender and race.
Be reflective of our positioning statement by showcasing our
resourceful, collaborative and dynamic personality:
ƒƒ Resourceful – Use an unconventional subject matter, clever
nuances and interesting angles.
ƒƒ Collaborative – Show groups of people working together. Project
warmth and authenticity.
ƒƒ Dynamic – Show a bold, energetic, optimistic, vibrant style. Use
photos with saturated colour and a sense of depth.
5.2 CHECKLIST FOR PRIMARY PHOTOGRAPHY
High quality, high resolution, colour-corrected
and in focus.
Unexpected or unique subject or action to
grasp the audience’s attention.
Interesting composition, subject or angle.
The photograph tells a story and/or emits
emotion.
Dynamic (demonstrates action and progress),
not static (posed, non-action shots).
Demonstrate our differentiating attributes by showing that we
provide:
ƒƒ the opportunity for people to make an impact,
ƒƒ the support necessary to push the boundaries of knowledge, and
ƒƒ life-changing connections for outcomes with impact.
The collage effect used
here has been utilized in
many recent marketing
and communications
pieces and has become
part of our signature look.
The block configuration
complements the U of S
graphic device and a subtle
use of green blocks can be
used as accents.
University of Saskatchewan
Visual Expression Guide v. 2.1
41
5. PHOTOGRAPHY
Follow these tips and your photography can fall
more in line with the U of S style:
5.3 TAKING A GREAT U OF S PHOTO
Find a dramatic focal point to draw the viewer in, experiment with an interesting angle by laying down or standing on
a stool, and utilize a wide-angle or telephoto lens to attract attention through an unexpected viewpoint.
Aim to take photos of areas when they are heavily
populated to promote our active campus.
Attempt more candid and “in
the moment” shots with gesture
and emotion—keep models
focussed on a task relating to
the purpose of the photo.
42
Avoid portrait-style
photographs and
eye contact with the
camera for feature
images.
Do not take photos of empty areas, as
they give a misleading interpretation of
a boring campus.
Look for, or create, dynamic lighting and control the
shadows to add interest to your subject.
5. PHOTOGRAPHY
Images in the interior pages of
brochures or reports, in the body of presentations, secondary
locations of a website, etc. are considered secondary
photography. These can include more traditional portraits of
the subject being discussed.
5.4 SECONDARY PHOTOGRAPHY
Secondary photography should still match the
professional quality expected in primary photography.
When taking photos for a specific purpose,
consider their placement and inform the photographer
of your needs. For example, do you need a horizontal or
vertical orientation? Will there be text placed on or near
the photo? These considerations can effect the composition
of a photo, and being prepared can help produce more
successful photo options and even reduce a freelance
photographer’s billing time. You don’t have to set up every
detail of a shot for a professional photographer, but often
if you can explain to them what you’re looking for, they can
do the rest.
5.5 BE PREPARED
If you are planning a photo shoot and
the photos will be used in University of Saskatchewan
online or print material, you must have a photo release
form signed by each person. This does not apply to
public events or large spaces with crowds.
5.6 RELEASE FORMS
Our beautiful campus is a popular
backdrop for filmmakers. Anyone wishing to film on
campus must complete and submit a request form and a
certificate of general liability insurance for a minimum of
$2 million; issued by the insurer and showing the U of S
as an additional insured part.
5.7 FILMING ON CAMPUS
Download the photo release and film request forms at
communications.usask.ca/photography
Place text on photos in an unobstructed location to
maintain good photo quality, as in this homepage feature
photo example.
Do not place text overtop faces or other key elements
in the photo.
Please contact Marketing and Communications at 306-966-6607 or communications@
usask.ca for recommendations on photographers we have used in the past.
University of Saskatchewan
Visual Expression Guide v. 2.1
43
White space is a neat freak, a neat
freak who sits in a comfy chair right
between cluttered and boring.
White space knows what’s up.
The following is an excerpt from:
Wikipedia, “White space (visual arts)”
en.wikipedia.org/wiki/White_space_(visual_arts)
In page layout, illustration and sculpture, white space is often referred to as
negative space. It is that portion of a page left unmarked: the space between
graphics, margins, gutters, space between columns, space between lines of type or
figures and objects drawn or depicted.
The term arises from graphic design practice, where printing processes
generally use white paper. White space should not be considered merely ‘blank’
space—it is an important element of design which enables the objects in it to
exist at all, the balance between positive (or non-white) and the use of negative
spaces is key to aesthetic composition.
When space is at a premium, such as some types of magazine, newspaper,
and yellow pages advertising, white space is limited in order to get as much vital
information on to the page as possible. A page crammed full of text or graphics
with very little white space runs the risk of appearing busy, cluttered, and is
typically difficult to read. Some designs compensate for this problem through the
careful use of leading and typeface.
Judicious use of white space can give a page a classic, elegant, or rich
appearance. For example, upscale brands often use ad layouts with little text
and a lot of white space. Inexpert use of white space can make a page appear
incomplete. For publication designers, white space is very important.
Publications can be printed on many different papers with a variety of colours,
textures, etc. In these cases, white space is used for good presentation and
showcasing the different stocks used.
Add extra space to margins,
between paragraphs and
columns, and around photos.
Maintain consistency throughout
your design.
Distribute and align elements
on your page evenly—most
programs have built-in tools to
do this automatically.
Pay close attention to the
typography in headlines,
subheads, bulleted lists, footers
and other elements that will
stand out on the page. Adjust
kerning and tracking as needed.
Keep the design simple. Focus
on clarity by doing the minimum
necessary to convey the
information. Avoid anything that
doesn’t serve a function—don’t
decorate a page; design it.
a!
Active white space: Space
intentionally left blank for a better
structure and layout. It also gives
emphasis to specific content and
important elements. It creates a
path to lead the reader from one
area to next.
Passive white space: The empty
space around the outside of the
page or blank areas inside the
content based on the designer’s
layout decisions; ideally this creates
breathing room and balance.
44
6. WHITE SPACE
White space attracts the eye,
and creates a clean and relaxing visual effect. It is an
effective design tool found in visual identities of the most
professional, sophisticated and luxurious brands. Two main
benefits are:
6.1 BENEFITS OF WHITE SPACE
Simplicity: Leaving room around your content helps it
stand out. It also makes the piece easier to scan and digest.
Content that is too congested is difficult to understand.
Imagine reading a page in a book without spaces between
the letters and the lines.
Leaveroomaroundyourcontenttohelpitstandout.Italso
makesthepieceeasiertoscananddigest.Contentthatistoo
congestedisdifficulttounderstand.Imaginereadingapagein
abookwithoutspacesbetweenthelettersandthelines.
The best way to maintain good white space
usage is to be organized. Here are a few tips to help you
achieve a clean layout:
6.3 STAY ORGANIZED
Create a grid based on the size of your project, minus
an appropriate margin, then divided into columns. The
amount of columns will depend on your copy. Maintain a
fractional division of your working space and it’ll be easier
to balance your layout, as opposed to randomly placing
your pieces.
margin
column
Sample headline
Prestige: Advertisements for expensive brands often use
extensive white space. It depicts their products as being
high quality. Ads containing cheap products are often
packed full of text, garish colours and little white space. Be
creative with white space—don’t simply make the logo or
font larger to take up the space.
usask.ca
The following is an excerpt from:
A List Apart, “Whitespace” by Mark Boulton
alistapart.com/articles/whitespace
Align elements vertically and horizontally, and distribute
evenly. Many programs have features to help you do this at
the click of a button or a snap of a guide.
The content is the same on both designs, as are the other elements, such
as photography. Yet the two designs stand at opposite ends of the brand
spectrum. Less whitespace = cheap; more whitespace = luxury.
Remember that not all white space
is white in colour. White space refers to any spaces not
occupied with text, images or other visual elements. And
remember to find a balance. Excessive white space can make
your design look boring. Proper use of white space will make
it look impressive. In effective design, less is more.
6.2 WHITE SPACE ≠ WHITE
Separate sections and subsections evenly and sensibly.
Keep more space between sections as you do between
subsections, add a little room between bullet points in
a list, etc. Your audience should be able to glance at the
layout and understand the organization without having to
read every word.
This is section one. This is section one. This is section one.
This
This
is section
is section
one.
one.
This
This
is section
is section
one. This is section one. This is
one. This is section one.
one. This is section one.
TITLE FOR SECTION TWO
This is section two. This is section two. This is section two. This is
two. This is section two.
This is section two. This is section two. This is section two. This is section two. This is section
This is section two. This is section two. This is section two. This is
two. This is section two.
two. This is section two. This is section two. This is section two. Th
This is section two. This is section two. This is section two.
This istwo.
section
This istwo.
section
section
Thistwo.
is section
This is section two.
two. This is section two. This is section two. This is section two. This is section two. This is
• This is a bulleted list. This is a bulleted list. This is a bulleted li
section two. This is section two. This is section two.
• This is a bulleted list. This is a list.
• This is a bulleted list. This is a bulleted list. This is a bulleted
• This list.
is a bulleted list. This is a bulleted list.
TITLE FOR SECTION TWO
• This is a bulleted list. This is a list.
• This is a bulleted list. This is a bulleted list.
This is section two. This is section two. This is section two. This is
two. This is section two. This is section two. This is section two. Th
This is section two. This is section two. This is section two. This is section two. This is section
two. This is section two. This is section two. This is section two. This is section two. This is
University of Saskatchewan
Visual Expression Guide v. 2.1
45
6. WHITE SPACE
The U of S business card, letterhead
and general folder use a predominantly white design to maintain
simplicity, extend usability across such a broad and diverse campus, all
while maintaining a prestigious look and feel.
6.4 REAL-LIFE EXAMPLE: STATIONERY PACKAGE
With a simple design using plenty of
white space, these folders feature the
U of S logo in a very light grey screen
with a clear foil. Take advantage of
interesting paper stocks and printing
features such as varnishes, foils,
embossing, etc. to make your designs
stand out.
A noticeable detail of the folder design is
a bright green interior. If the background
would’ve been white, the design would
risk being too boring and white papers in
the pockets could blend in and not stand
out. Had the background contained a
photo, it could clash when papers were
placed in the pockets. Instead, the bright
green helps highlight the contents of the
folder and create a pleasingly noticeable
look.
The grey colour palette was used in the
folder design to match the clean white
space and set off the vibrancy of the
graphic elements and green interior.
A simple string of the graphic element’s
green boxes keeps the design elegant
and clean. Having them bleed off the
top-left edge of the page adds a touch
of intrigue, and creates a consistent
visual link between the letterhead and
business card.
Please contact Printing Services at
306-966-6639 or visit usask.ca/printing_
services for stationery information and
requests.
The usask.ca website
design uses ample white space to create an easy to read
and navigate site.
6.5 REAL-LIFE EXAMPLE: USASK.CA WEBSITE
White space is used effectively to draw the users
attention to a particular screen element.
Space around the margins, padding around the images
and increased line height creates readability.
Small chunks of text make for easy to scan copy, as
opposed to excess verbiage. Studies show that this
method increases comprehension by almost 20 per cent.
White space around major elements on the site,
including the logo, reinforce the importance of our
brand by drawing attention to it.
46
6. WHITE SPACE
The
Greystone Theatre brochure includes many photos
highlighting the productions but balances it with a
grid system and sensible white space.
6.6 REAL-LIFE EXAMPLE: GREYSTONE THEATRE BROCHURE
With added white space, the colourful photos
jump out of the page and grab the reader’s
attention.
The cover (top image) utilizes a large feature
image with smart typography and placement of
logos to maintain a clean look.
The inside spread (bottom image) is organized
neatly with copy on the outside panels and photos
down the middle panel.
The photos are laid out with a simple grid pattern
with each of them distributed evenly horizontally
and vertically, with a subtle use of the graphic
elements to drive home the U of S visual identity.
The text is organized throughout in a sensible
manner for easy scanning and comprehension.
University of Saskatchewan
Visual Expression Guide v. 2.1
47
The following is an excerpt from:
Universal Principles of Design by William Lidwell, Kritina Holden and Jill Butler
2003. Rockport Publishers.
According to the principle of consistency, systems are more usable and learnable
when similar parts are expressed in similar ways. Consistency enables people
to efficiently transfer knowledge to new contexts, learn new things quickly,
and focus attention on the relevant aspects of a task. There are four kinds of
consistency: aesthetic, functional, internal, and external.
Aesthetic consistency refers to consistency of style and appearance (e.g.,
a company logo that uses a consistent font, colour, and graphic). Aesthetic
consistency enhances recognition, communicates membership, and sets
emotional expectations. For example, Mercedes-Benz vehicles are instantly
recognizable because the company consistently features its logo prominently
on the hood or grill of its vehicles. The logo has become associated with quality
and prestige, and informs people how they should feel about the vehicle—i.e.,
respected and admired.
Functional consistency refers to consistency of meaning and action (e.g., a
traffic light that shows a yellow light before going to red). Functional consistency
improves usability and learnability by enabling people to leverage existing
knowledge about how the design functions. For example, videocassette recorder
control symbols, such as for rewind, play, forward, are now used on devices
ranging from slide projectors to MP3 music players. The consistent use of these
symbols on new devices enables people to leverage existing knowledge about how
the controls function, which makes the new devices easier to use and learn.
Internal consistency refers to consistency with other elements in the system
(e.g., signs within a park are consistent with one another). Internal consistency
cultivates trust with people; it is an indicator that a system has been designed,
and not cobbled together. Within any logical grouping elements should be
aesthetically and functionally consistent with one another.
External consistency refers to consistency with other elements in the
environment (e.g., emergency alarms are consistent across different systems in a
control room). External consistency extends the benefits of internal consistency
across multiple, independent systems. It is more difficult to achieve because
different systems rarely observe common design standards.
Consider aesthetic and functional consistency in all aspects of design. Use
aesthetic consistency to establish unique identities that can be easily recognized.
Use functional consistency to simplify usability and ease of learning. Ensure that
systems are always internally consistent, and externally consistent to the greatest
degree possible. When common design standards exist, observe them.
48
further resources
Stationery
Word and PowerPoint templates
U of S website standards
Charts and graphs examples
InDesign templates
University of Saskatchewan
Visual Expression Guide v. 2.1
49
STATIONERY
Stationery
Dear [Recipient]:
Fusce neque mi, consectetuer gravida, convallis ac, varius a, pede. Fusce pellentesque pretium quam. Ut
luctus, justo id volutpat iaculis, est diam pulvinar sem, quis bibendum turpis dui eget mauris. Sed in mauris.
Ut massa. Pellentesque condimentum felis nec sapien. Integer posuere elit at turpis. Nulla facilisi. Sed sapien
ipsum, commodo ut, facilisis vitae, ultrices non, metus. Aenean non nulla. Curabitur molestie volutpat magna.
Vestibulum tempor faucibus nisi. Pellentesque vitae enim.
Department of Pediatrics
For our prospective students, faculty and
Aliquam rhoncus volutpat mauris. Sed auctor. Donec tincidunt velit et tellus. Donec sed augue eget lacus
placerat adipiscing. Ut convallis suscipit nulla. Morbi posuere ullamcorper ligula. Duis sit amet odio nec lorem
staff, the first contact they have with the
ornare gravida. Suspendisse
ante nulla, gravida quis, eleifend sit amet, placerat eget, purus. Sed egestas magna
[Recipient]
U of S may involve receiving a letter or businessut erat. Vivamus euismod,
[Title]
odio id mattis porttitor, tellus nisl consectetuer turpis, ut auctor enim justo euismod
massa tempor tempor.
[Company]
card. Consistent use of our stationery package nulla. Fusce eget diam vulputate
[Address 1]
[Address 2]
[Address 3]
will not only help our people make a positive In ante. Phasellus convallis,
nisl in vestibulum facilisis, lacus pede bibendum urna, dapibus pellentesque eros
Date: [Insert
Date] porta nec, laoreet quis, mollis in, libero. Aenean dapibus est a metus. In
magna
sed
nibh.
Etiam
tortor
arcu,
first impression, but will also ensure that our
sit amet elit. Pellentesque luctus lacus scelerisque arcu. Cras mattis diam. Sed molestie, lectus id bibendum
prospects recognize the U of S the next time luctus, magna orci luctus quam, et auctor urna diam sit amet ligula. Sed purus dui, suscipit et, malesuada non,
in, augue. Proin
et sapien. Maecenas aliquam, nibh id aliquet tincidunt, ante neque pulvinar
Dear [Recipient]:
they see us. Showcasing our distinctive visual consectetuer
mauris, sit amet fermentum nibh augue mollis risus. Mauris porttitor varius mauris. Vivamus in urna et sem
Fusce neque mi, consectetuer gravida, convallis ac, varius a, pede. Fusce pellentesque pretium quam. Ut
identity from day one will help the U of S buildaccumsan
a
imperdiet. Aenean
fringilla,
erosest tincidunt
gravida
elementum,
justo
pharetra felis, in rhoncus
luctus, justo
id volutpat iaculis,
diam pulvinar sem,
quis bibendum
turpis dui eget mauris.
Sederos
in mauris.
Ut massa. Pellentesque condimentum felis nec sapien. Integer posuere elit at turpis. Nulla facilisi. Sed sapien
arcu lectus non enim. Phasellus
odio
tortor,
mattis
ut,
mattis
elementum,
luctus
at, magna.
orci.
nulla.
Curabitur
molestie
volutpat
ipsum,
commodo
ut,
facilisis
vitae,
ultrices
non,
metus.
Aenean
non
memorable brand over time.
Vestibulum tempor faucibus nisi. Pellentesque vitae enim.
College of Medicine
Sincerely,
Customization
[Your Name]
Stationery can be personalized with the name of
[Your Title]
the individual user and their contact information.
Customization of the U of S logo (beyond a secondary
logo), green square graphic element, font and spacing is
not permitted.
Royal University Hospital 103 Hospital Drive, Saskatoon SK S7N 0W8 Canada
Telephone: (306) 966-8117 Fax Administrative: (306) 975-3767 Fax Clinical: (306) 966-8640
Email: [email protected] Web: www.usask.ca/department
Aliquam rhoncus volutpat mauris. Sed auctor. Donec tincidunt velit et tellus. Donec sed augue eget lacus
placerat adipiscing. Ut convallis suscipit nulla. Morbi posuere ullamcorper ligula. Duis sit amet odio nec lorem
ornare gravida. Suspendisse ante nulla, gravida quis, eleifend sit amet, placerat eget, purus. Sed egestas magna
ut erat. Vivamus euismod, odio id mattis porttitor, tellus nisl consectetuer turpis, ut auctor enim justo euismod
nulla. Fusce eget diam vulputate massa tempor tempor.
In ante. Phasellus convallis, nisl in vestibulum facilisis, lacus pede bibendum urna, dapibus pellentesque eros
magna sed nibh. Etiam tortor arcu, porta nec, laoreet quis, mollis in, libero. Aenean dapibus est a metus. In
sit amet elit. Pellentesque luctus lacus scelerisque arcu. Cras mattis diam. Sed molestie, lectus id bibendum
luctus, magna orci luctus quam, et auctor urna diam sit amet ligula. Sed purus dui, suscipit et, malesuada non,
consectetuer in, augue. Proin et sapien. Maecenas aliquam, nibh id aliquet tincidunt, ante neque pulvinar
mauris, sit amet fermentum nibh augue mollis risus. Mauris porttitor varius mauris. Vivamus in urna et sem
accumsan imperdiet. Aenean fringilla, eros tincidunt gravida elementum, justo eros pharetra felis, in rhoncus
arcu lectus non enim. Phasellus odio tortor, mattis ut, mattis elementum, luctus at, orci.
Sincerely,
[Your Name]
[Your Title]
Paper stock
To align with our university’s commitment to sustainability,
the paper used for the stationery is made with 100 per cent
recycled material. Letterhead is watermarked for security
purposes, thus digital versions of the official letterhead is
not recommended for certified documentation. Paper stock
substitutions are not permitted for these items.
Jonathan Smitherson
B.Ed. B.Sc.(R.R.M.)
Jonathan Smitherson’s title
Jonathan Smitherson
B.Ed. B.Sc.(R.R.M.)
Jonathan Smitherson’s title
College of Medicine
College of Medicine
Department of Pediatrics, Royal University Hospital
Ordering stationery
All components of the University of Saskatchewan
stationery system are exclusively produced by U of S
Printing Services. This will ensure that official standards are
maintained and will help to minimize administrative costs.
Hospital Drive Royal
SaskatoonUniversity
SK S7N 0W8 Canada
Department of 103
Pediatrics,
Hospital
Telephone: (306) 966-8117 Email: [email protected]
103 Hospital Drive
Saskatoon
SK S7N
0W8(306)Canada
Fax Administrative:
(306) 975-3767
Fax Clinical:
966-8640
Web: www.usask.ca/department
Telephone: (306)
966-8117 Email: [email protected]
Fax Administrative: (306) 975-3767 Fax Clinical: (306) 966-8640
Web: www.usask.ca/department
The letterhead and business card design displays the contact
information in an orderly fashion in the top header, maximizing the
imprintable area for official university correspondence.
Email signatures
The U of S visual identity is equally important in our online
communications. U of S students, faculty and staff are
welcome to contact us for assistance with creating an email
signature that is well-aligned with the U of S visual identity.
Please contact Printing Services for your stationery needs
at 306-966-6639 or [email protected]. An online
ordering form is available at usask.ca/printing_services
For further information about stationery please visit
communications.usask.ca/guides/stationery
50
WORD AND POWERPOINT TEMPLATES
Word and PowerPoint Templates
Communicators and designers across campus
have created a variety of templates that will
help you maintain visual consistency across
all mediums. Built-in elements make it easy to
customize the pieces for your purpose while still
adhering to the visual standards of the University
of Saskatchewan.
Using the templates gives you a great starting
point for almost any project. However, if you
need something more specific than a template,
or have questions about how best to make
use of the templates, contact Marketing and
Communications for assistance.
Word templates
These templates can be used for a variety of pieces, from
internal memos to posters to newsletters. When working
in Word, choose fonts that are sans serif (example: Lucida
Sans, Arial, Calibri) and maintain consistency in the font
throughout the document. Alternatively, copy and paste
elements from these templates to create your own.
PowerPoint templates
These templates give you the basic format for a PowerPoint
presentation. Depending on the content, one version may
work better than another for your purpose. Alternatively,
copy and paste elements from these templates to create
your own.
Remember that photographs and visuals lend interest to a
presentation, but slides shouldn’t be so cluttered that the
audience can’t take it all in at once. In the same way, limit
content to a maximum of about six lines per slide and use
bullet points. You don’t need to include your presentation
word for word on the slides themselves.
Download .doc and .ppt packages at communications.
usask.ca/guides/template
More template options are available to members of the
Campus Communicator’s Network (CCN). Log in through
PAWS to access the CCN Resource Centre.
University of Saskatchewan
Visual Expression Guide v. 2.1
51
College and unit enga
+
Regional Advisory Councils
+
Senate Round Table
President
Community
Service
Learning
(advisory role)
Provost and Vice-Provost
Teaching and Learning
Off-campus
and distance
learning
Lines that connect pieces of a
diagram should be simple and
legible. These arrows were created
in Illustrator using a 3.5pt stroke
with arrowhead #10, with the
corners rounded at 0.1”.
+
Special Advisor,
Experiential Learning
Senate Round
Table
Learning
Experiential
Vice-President
University Advancement
Alumni Relations Communicat
External
Relation
C
Board
Outreach and Enga
+
Special Advisor,
Experiential Learning
Senate Round Table
(advisory role)
Charts and graphs are often used to help
explain complex information in a visual way and
should take advantage of the visual identity to
maintain a consistent and professional look.
When creating charts or graphs, use elements
of our visual identity wherever possible: take
the dominant colours from our primary colour
palette, using greyscale and secondary colours
as needed for clarity; use small graphic elements
such as blocks for markers; keep fonts consistent
with our standards; and ensure lines or arrows
used are simple, legible and consistent with our
visual identity.
Senate
+
Regional Advisory Co
+
Senate Round Table
Vice-President
University Adva
Charts and graphs examples
Provost and Vice-Provost
Teaching and Learning
Senate
Presid
Boar
Outreach and
CHARTS AND GRAPHS EXAMPLES
Green large section
Dark grey section
Secondary colour section
Light grey
3 4.5
22.5
%
70
40
30
20
10
%
U of S
This pie chart highlights the main portion a bright U of S
green, while the rest of the chart is in greyscale. One small
piece has been highlighted with a secondary colour for
referral in the accompanying text.
Dalhousie
McGill
McMaster
U of O
Outreach and Engagement
U of T
Senate
Board
Council
U of WO
Queen’s
Government
Relations
President
Senate Round Table
(advisory role)
Waterloo
U of M
Provost and Vice-Provost
Teaching and Learning
+
Special Advisor,
Experiential Learning
U of A
U of C
Vice-President
University Advancement
+
Regional Advisory Councils
+
Senate Round Table
2010
2009
2008
2007
U of BC
Median
This bar graph highlights the U of S portion in green with
the median line in a bright red secondary colour to help
call attention to the most important pieces.
Experiential Off-campus
Learning
and distance
learning
Community
Service
Learning
External
Relations
Alumni Relations Communications
Vice-President
Research
+
Advisor on Enhancement
of External Partnerships
+
Special Advisor
on International Initiatives
Industry
Liason
Office
International
Relations
Community
based
research
Development
College and unit engagement strategies
Organizational diagrams can become very complex. Use simple
and legible lines with colour coding to simplify the intricate
arrangement. This diagram was created in Illustrator using a
12pt font and 3.5pt stroke.
52
INDESIGN TEMPLATES
InDesign templates
There are many InDesign templates and files that
can help you or your supplier in your professional
U of S designs. With consistency being key to a
strong visual identity, right down to the smallest
detail, it is encouraged to take advantage
of existing artwork as opposed to trying to
recreate and risk variance in our work. Use these
templates as a starting point for your project and
borrow elements for your own creations.
Some of the templates available to you:
Headline one
Advertisements
headline two
Invitations
Edios asperi is et quatibus qui
acepe alit as diores ratis sae ped
unt faccum nes aditisit, odis inum
sit aut es est poribus. Duntor
optas utempor eiciunto quiant
que pora con nonesed.
Fact sheets
Brochures
maximagnihil ipsum es serit
voloratem quatur sum quiam
exceaquo es ipici peratem
endelitae volenime voluptatia
num resequo.
Debitios aliqui beratem olorro
blaborro et aborerum ut as sint ut
porist lamusci psandit doluptium
ducia voleni core nonsequ ut as
psandit aecaepe.
Banners
Billboards
www.usask.ca
Cutline for staff members, cutline for staff members, cutline for staff
members, cutline for staff members cutline.
and more …
Fact sheet title here
Headline one
Topic header goes here
Please contact Marketing and Communications
at 306-966-6607 or communications@usask.
ca to discuss your project and see if a suitable
template can help you.
headline two
Mi, sum, sam et que qui illateceria quibusandem aut et, seditet, quidernam,
simus maximporerum exceation eatur secepti oreium ad experovit res
maximporro volorrumquia volupta simi, quia di blaccatem simi, nonsenes
aut omnis ma alia quibus descipsa iliquas dolupti atemque volectem.
Namenis pel idemped experat iorenem es dolor aut et autecto tassiti
atenimin ratum, sa doluptassum ipiciae peroribus explab inusam ipsa
porupta tempos doluptae. Nam, nonse essunt ulluptatur modis ius.
www.usask.ca
Accus sequis quunt quam voluptae porpost es arciet volupti aut quas et
fuga. Modigna tiumet perempos peles dis moluptas eum nonse am volorae
ssitasperum aut voluptatis il ipiciendam explisqui officia dunt, si rem a
cupicie nditas sit ma que provit pa inctore, officia tiatem sed et is quideliate
consequae volo occus poreped que consediciae conectio venimusdam,
nectis audandae que eum veles.
Topic header goes here
More template options are available to
members of the Campus Communicators’
Network (CCN). Log in through PAWS to access
the CCN Resource Centre.
Cid est, offictur, que consequam quam, totassi dios audit quiatur? Eriorem
quo intiunt ut voloris quatur? Ant excea con eos aliquia nobit, sitatem ex et,
auda sitius doluptam quunt vel idempor resed que corae dolo tem.
Topic header goes here
Ciendam explisqui officia dunt, si rem a cupicie nditas sit ma que:
1. Numbered points can go like this
es maximporro volorrumquia volupta simi, quia di blaccatem simi, nonsenes
aut omnis ma alia quibus descipsa iliquas dolupti atemque volectem.
Namenis pel idemped experat iorenem es dolor aut et autecto tassiti
atenimin ratum, sa doluptassum ipiciae peroribus explab inusam ipsa
porupta tempos doluptae. Nam, nonse essunt ulluptatur modis ius.
Accus sequis quunt quam voluptae porpost es arciet volupti aut quas et
fuga. Modigna tiumet perempos peles dis moluptas eum nonse am volorae
ssitasperum aut voluptatis il ipicieas dolupti atemque volectem. Namenis
pel idemped experat iorenem es dolor aut et autecto tassiti atenimin ratum,
sa doluptassum ipiciae per.
uas dolupti atemque volectem. Namenis pel idemped expamenis pel
idemped experat iorenem es.
2. Numbered points can go like this
Accus sequis quunt quam voluptae porpost es arciet volupti aut quas et
fuga. Modigna tiumet perempos peles dis moluptas eum nonse am volorae
icid est, offictur, que consequam quam,
totassi dios audit quiatur.
Figure 1
Sidebar information
Topic oNe: Accus sequis quunt quam voluptae
porpost es arciet volupti aut quas et fuga. Modigna
tiumet perempos peles dis moluptas eum nonse am
volorae ssitasperum aut.
Topic Two: Accus sequis quunt quam voluptae
porpost es arciet volupti aut quas et fuga. Modigna
tiumet perempos peles dis moluptas eum nonse
am volorae ssitasperum aut voluptatis il ipiciendam
explisqui officia dunt, si rem a cupicie nditas sit
ma que provit pa inctore, officia tiatem sed et is
quideliate consequae volo.
Facts sheet title here
|
Month 2011
|
University of Saskatchewan
Headline one
headline two
Edios asperi is et quatibus qui acepe alit as diores ratis sae ped unt
faccum nes aditisit, odis inum sit aut es est poribus. Duntor optas
utempor eiciunto quiant que pora con nonesed.
maximagnihil ipsum es serit voloratem quatur sum quiam
exceaquo es ipici peratem endelitae volenime voluptatia num
resequo.
Heading 1 style
Debitios aliqui beratem olorro blaborro et aborerum ut as sint ut
porist lamusci psandit doluptium ducia voleni core nonsequ ut
as psandit aecaepe.Nem el ium re, sed ullo optatem voloreserae
dolutae voleni aut omnit provitibus sequias rem que sequo
minctemquat quibus ellaborrundi assimaion restotam ipsantis est
mil illam ent eius.
Heading 2 style
www.usask.ca
www.usask.ca/typeyoururl
University of Saskatchewan
Visual Expression Guide v. 2.1
53
U OF S WEBSITE STANDARDS
U of S website standards
University of Saskatchewan websites are
important institutional assets. As the first point
of contact for many stakeholders, our online
presence represents a major opportunity to
further the strategic directions of the university
while engaging stakeholders and improving
institutional reputation, all while staying on
brand.
For information on the U of S website framework
visit web.usask.ca or contact Information and
Communications Technology at [email protected] or
306-966-2222.
Learn everything you need for building great websites using the
Web Content Management System.
54
U OF S WEBSITE STANDARDS
University of Saskatchewan
Visual Expression Guide v. 2.1
55
Many of the icons in this guide have been provided by The Noun Project at thenounproject.com, a website empowering the community to build a global visual language that everyone
can understand. Artists used throughout this guide are Anna Weiss and Sergi Delgado, with other icons under Creative Commons licensing with no rights reserved.
56
Institutional Positioning
Statement
for whom
dedicated visionaries who believe innovation is born of collaboration
what we offer
support
connections
impact
we provide freedom
and support to push the
boundaries of knowledge
we reach across disciplines, into our
communities and around the globe to build
life-changing connections and to think
differently about the issues of our time
we work together to experiment,
to learn and to make groundbreaking discoveries that will change
Saskatchewan, Canada and the world
who we are
we are a rising
team that is
building the
future
our personality
our ambition
we will get there using
resourceful
collaborative
dynamic
to be among the most
distinguished universities
in Canada and the world
our determined spirit
our dedicated and flexible support
our diverse perspectives
our leading-edge understanding of human
and other living systems
Approved June, 2010 by the
President’s Executive Committee
University of Saskatchewan
Visual Expression Guide v. 2.1
57
The Visual Expression Guide has been developed for
those responsible for the creation of communication
materials at the University of Saskatchewan. The
responsibility of Marketing and Communications
is to assist individuals and departments to ensure
their communications are on strategy, use the correct
communication medium, and meet high quality and
professional standards.
For enquiries, please contact:
Marketing and Communications
Advancement and Community Engagement
University of Saskatchewan
G16 Thorvaldson Building
110 Science Place
Saskatoon, SK S7N 5C9
306-966-6607
[email protected]
communications.usask.ca
014-15 / AUG 2015