design 201 dave markes, art director | unmc public relations

45
Design 201 Dave Markes, Art Director | UNMC Public Relations

Upload: daniel-stewart

Post on 28-Dec-2015

222 views

Category:

Documents


2 download

TRANSCRIPT

Design 201Dave Markes, Art Director | UNMC Public Relations

Why have brand identity guidelines?

University of Nebraska Medical Center

UNMC Before Brand Identity

University of Nebraska Medical Center

UNMC After Brand Identity

University of Nebraska Medical Center

Why have brand identity guidelines?

1. Strengthen and build consistency with

the UNMC brand

2. Create materials immediately recognizable

as from UNMC

3. Make it easier for all colleges, centers and institutes to

produce communications materials

4. Present UNMC as a professional, world-class

Academic Health Center

University of Nebraska Medical Center

http://info.unmc.edu/brandingresources.htm

contact me with questions, [email protected], 559-4277

Where to I find the guidelines?

University of Nebraska Medical Center

Which logo do I use?

University of Nebraska Medical Center

RecommendedAlso acceptable if color

not available

University of Nebraska Medical Center

Combinations to avoid

University of Nebraska Medical Center

Typography Tips

University of Nebraska Medical Center

UNMC fonts and alternates

Primary URW Grotesk

Stone Serif

Alternates Arial

Georgia

University of Nebraska Medical Center

UNMC fonts and alternates

Font Family URW Grotesk

Stone Serif

Arial

Font Style Light

Regular

Bold

University of Nebraska Medical Center

Type classification

Sans Serif

• Modern/Informal

design style

• More legible in titles

or text blocks

University of Nebraska Medical Center

Type classification

Serif

• Traditional/Formal

design style

• More legible in long

format body copy

University of Nebraska Medical Center

Type refinement

KerningSpace between the pairs of characters

University of Nebraska Medical Center

Type refinement

University of Nebraska Medical Center

Type refinement

LeadingSpace between the lines of text

TBio of main jazz performer: Joe Genovesi is a true Omaha jazz legend. From the “Cats of Rhythm” in his early days to Harry Connick Jr.’s 1998 concert, Genovesi has performed with many great entertainers including Stevie Wonder, Jack Jones, Karen Carpenter, Tom Jones, Debbie Reynolds, The Temptations, Jack Benny, Red Skelton, Jimmy Durante and Bob Hope.ext

TBio of main jazz performer: Joe Genovesi is a true Omaha jazz legend. From the “Cats of Rhythm” in his early days to Harry Connick Jr.’s 1998 concert, Genovesi has performed with many great entertainers including Stevie Wonder, Jack Jones, Karen Carpenter, Tom Jones, Debbie Reynolds, The Temptations, Jack Benny, Red Skelton, Jimmy Durante and Bob Hope.ext

University of Nebraska Medical Center

Type refinement

TrackingSpace between all the characters on a line

Bio of main jazz performer: Joe Genovesi is a true Omaha jazz legend.

Bio of main jazz performer: Joe Genovesi is a true

University of Nebraska Medical Center

Type refinement

Space afterSpace after paragraphs

Bio of main jazz performer: Joe Genovesi is a true Omaha jazz legend. From the “Cats of Rhythm” in his early days to Harry Connick Jr.’s 1998 concert, Genovesi has performed with many great entertainers including Stevie Wonder, Jack Jones, Karen Carpenter, Tom Jones, Debbie Reynolds, The Temptations, Jack Benny, Red Skelton, Jimmy Durante and Bob Hope.

Text

Born into a family of artists, Joe has experienced all areas of art and its various forms of expression. Encouraged from an early age to follow any interests of creativityJoe has had a wide and varied exploration of the art world. Joe has expressed his creativity in various forms of expression.

University of Nebraska Medical Center

University of Nebraska Medical Center

Type refinement

University of Nebraska Medical Center

University of Nebraska Medical Center

Visual Hierarchy

University of Nebraska Medical Center

Visual Hierarchy

A hierarchy is an arrangement of items (objects,

names, values, categories, etc.) in which the items

are represented as being "above," "below," or "at the

same level as" one another.

University of Nebraska Medical Center

Visual Hierarchy

University of Nebraska Medical Center

University of Nebraska Medical Center

University of Nebraska Medical Center

Hierarchy with Type and Image

University of Nebraska Medical Center

University of Nebraska Medical Center

University of Nebraska Medical Center

Hierarchy with Type and Image

1. Create an order through emphasizing elements in

your design, 1 should lead, others should follow

2. Avoid groupings of elements with the same

visual weight

3. Work toward a smooth integration, where type and

image are united rather than separate

University of Nebraska Medical Center

Dynamic vs. Static Photography

University of Nebraska Medical Center

Dynamic vs. Static Photography

Dynamic: pertaining to or characterized by energy or

effective action; vigorously active or forceful; energetic.

University of Nebraska Medical Center

Dynamic vs. Static Photography

Dynamic: pertaining to or characterized by energy or

effective action; vigorously active or forceful; energetic.

When selecting and working with photography there

are a few things to keep in mind to achieve a more

dynamic design

University of Nebraska Medical Center

Dynamic vs. Static Photography

Which is more dynamic?

University of Nebraska Medical Center

Dynamic vs. Static Photography

Rule of thirds

University of Nebraska Medical Center

Dynamic vs. Static Photography

How you crop can make a difference

University of Nebraska Medical Center

Dynamic vs. Static Photography

Depth of field

• Can be used to

draw attention to an

area of the subject

• Can make for a

more interesting

photograph by

leading the viewer’s

eye

University of Nebraska Medical Center

Dynamic or static?

University of Nebraska Medical Center

Dynamic or static?

University of Nebraska Medical Center

Dynamic or static?

University of Nebraska Medical Center

Dynamic vs. Static Photography

1. Asymmetrical compositions are usually

more dynamic

2. Crop to find an interesting composition

3. Depth of field can be useful in leading the

viewer’s eye

University of Nebraska Medical Center

University of Nebraska Medical Center

Photography sources

http://info.unmc.edu/app1/brandphotos/

Newer photography is available, contact me if you can’t find what you

need, [email protected], 559-4277

University of Nebraska Medical Center

Questions?

University of Nebraska Medical Center

Thank You!