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

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

Dec 28, 2015

Download

Documents

Daniel Stewart
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Design 201Dave Markes, Art Director | UNMC Public Relations

Page 2: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Why have brand identity guidelines?

University of Nebraska Medical Center

Page 3: Design 201 Dave Markes, Art Director | UNMC Public Relations.

UNMC Before Brand Identity

University of Nebraska Medical Center

Page 4: Design 201 Dave Markes, Art Director | UNMC Public Relations.

UNMC After Brand Identity

University of Nebraska Medical Center

Page 5: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 6: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 7: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Which logo do I use?

University of Nebraska Medical Center

Page 8: Design 201 Dave Markes, Art Director | UNMC Public Relations.

RecommendedAlso acceptable if color

not available

University of Nebraska Medical Center

Page 9: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Combinations to avoid

University of Nebraska Medical Center

Page 10: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Typography Tips

University of Nebraska Medical Center

Page 11: Design 201 Dave Markes, Art Director | UNMC Public Relations.

UNMC fonts and alternates

Primary URW Grotesk

Stone Serif

Alternates Arial

Georgia

University of Nebraska Medical Center

Page 12: Design 201 Dave Markes, Art Director | UNMC Public Relations.

UNMC fonts and alternates

Font Family URW Grotesk

Stone Serif

Arial

Font Style Light

Regular

Bold

University of Nebraska Medical Center

Page 13: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Type classification

Sans Serif

• Modern/Informal

design style

• More legible in titles

or text blocks

University of Nebraska Medical Center

Page 14: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Type classification

Serif

• Traditional/Formal

design style

• More legible in long

format body copy

University of Nebraska Medical Center

Page 15: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Type refinement

KerningSpace between the pairs of characters

University of Nebraska Medical Center

Page 16: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Type refinement

University of Nebraska Medical Center

Page 17: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 18: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 19: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 20: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Type refinement

Page 21: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Page 22: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Page 23: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Visual Hierarchy

University of Nebraska Medical Center

Page 24: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 25: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Visual Hierarchy

University of Nebraska Medical Center

Page 26: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Page 27: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Page 28: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Hierarchy with Type and Image

University of Nebraska Medical Center

Page 29: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Page 30: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Page 31: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 32: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic vs. Static Photography

University of Nebraska Medical Center

Page 33: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic vs. Static Photography

Dynamic: pertaining to or characterized by energy or

effective action; vigorously active or forceful; energetic.

University of Nebraska Medical Center

Page 34: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 35: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic vs. Static Photography

Which is more dynamic?

University of Nebraska Medical Center

Page 36: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic vs. Static Photography

Rule of thirds

University of Nebraska Medical Center

Page 37: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic vs. Static Photography

How you crop can make a difference

University of Nebraska Medical Center

Page 38: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 39: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic or static?

University of Nebraska Medical Center

Page 40: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic or static?

University of Nebraska Medical Center

Page 41: Design 201 Dave Markes, Art Director | UNMC Public Relations.

Dynamic or static?

University of Nebraska Medical Center

Page 42: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 43: Design 201 Dave Markes, Art Director | UNMC Public Relations.

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

Page 44: Design 201 Dave Markes, Art Director | UNMC Public Relations.

University of Nebraska Medical Center

Questions?

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

University of Nebraska Medical Center

Thank You!