this is the world your work will live in! · visual hierarchy emphasize strong relevant visuals...

50
This is the world your work will live in!

Upload: others

Post on 18-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

This is the world your work will live in!

Page 2: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Design Basics Non-designers

Presented by Leslie Friesen, Power Agency Designer-in-Residence, University of Louisville Hite Art Institute

FOR

Page 3: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

http://etc.usf.edu/clipart/21700/21750/compass_21750.htm

Plan for todayWhere we're starting

Some guiding principlesTrying your handMakeover — A case study

Closing thoughts

Page 4: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Why are we here?

Better visual communication

Page 5: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Where are we coming from?

Not my skill set, but…

Q5

Q6

55.56% 5

44.44% 4

0.00% 0

Answered: 9 Skipped: 0

Total 9

Completenovice; don’...

Reasonablycomfortable;...

Quitecomfortable;...

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Answer Choices Responses

Complete novice; don’t feel comfortable or knowledgeable about design

Reasonably comfortable; but definitely happy to learn more

Quite comfortable; actually have background in design

0.00% 0

44.44% 4

33.33% 3

22.22% 2

What software are you using to produce thedesign work?Answered: 9 Skipped: 0

Total 9

InDesign

MicrosoftPublisher

Microsoft Word

Other (pleasespecify)

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Answer Choices Responses

InDesign

Microsoft Publisher

Microsoft Word

ResponsesOther (please specify)

Page 6: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Tweet Share

9 responses

11 days (1/24/2017 ­ now)

3 views

Need insights?SurveyMonkey has dozens of expertly­designed survey templates.

or Learn more

PRE­ Design Basics Survey

Ü Question Summaries U Individual

Responses

Share Share

Sign up FREE

Q1

Q2

55.56% 5

77.78% 7

100.00% 9

11.11% 1

11.11% 1

11.11% 1

33.33% 3

What kinds of design materials do youproduce for your department?

Answered: 9 Skipped: 0

Total Respondents: 9

1 (11.11%)

Brochures

Flyers oncourses or...

Announcements/flyers for...

Invitations

Emailnewsletters...

Printnewsletters

Other (pleasespecify)

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Answer Choices Responses

Brochures

Flyers on courses or programs

Announcements/flyers for lectures, special events

Invitations

Email newsletters through a platform like MailChimp

Print newsletters

ResponsesOther (please specify)

How are they typically printed?Answered: 9 Skipped: 0

Sign InSign Up FREEPro Sign Up

What are we producing?

Flyers, brochures, etc.

Page 7: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

How are they distributed?

Email, bulletin boards…Q3

Q4

11.11% 1

55.56% 5

33.33% 3

Total 9

Black andwhite, print...

Color, inoffice

Color, at UofLPrint Services

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Answer Choices Responses

Black and white, printed in office

Color, in office

Color, at UofL Print Services

100.00% 9

33.33% 3

66.67% 6

33.33% 3

22.22% 2

How are they typically distributed?Answered: 9 Skipped: 0

Total Respondents: 9

Via email

Via campus andUS mail

Posted onbulletin boards

Social media

Other (pleasespecify)

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Answer Choices Responses

Via email

Via campus and US mail

Posted on bulletin boards

Social media

ResponsesOther (please specify)

What’s your comfort level with design andlayout?

Page 8: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

What's the task?Convey information

Hey, we’ve got an event

next week. Here’s some copy.

Can you make a flyer and

get it out right away? …

Page 9: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

But what's the goal?get results

such as…

Page 10: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

enroll in a class

Page 11: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

come to an event

Page 12: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

promotion + increase awareness (PR)

Page 13: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Between your task and the goalConvey information

Get it seen… and readGet results

Page 14: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

1Tip

Get it seen… and read

Pause

Page 15: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Think first. Make second.

Page 16: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Think first…AudienceContext

Make design decisions based on that info.

Page 17: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

AudiencesSingle or multiple?

InternalStudents? Faculty? Staff?

ExternalAlumni? Donors? General public?

Page 18: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

ContextWhere will it be read?

On a wallDigitally? In an inbox

Physically? In a mailbox

Page 19: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

ContextClutter & Overload

Make it easy for your audience

Page 20: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

2Tip

Short & Sweet

Get it seen… and read

Page 21: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

BrevityIf you can say it in a sentence

instead of paragraph, use a sentence.

If you can say it in a phrase instead of sentence, use a phrase.

If you can say it in a word

instead of phrase, use a word.

If you don't need to say it, don't say it.

Words of wisdom from Leon Driskell

Page 22: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

3Tip

Presence

Get it seen… and read

Page 23: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

PresenceStand out from the crowd

Page 24: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

PresenceWhat might make your piece stand out

Page 25: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Make it Memorable

Get it seen… and read

4Tip

Page 26: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Visuals increase memorablity

Page 27: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Memorabilitysticks in your brain

A [good] picture is worth 1,000 words

Page 28: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Some more so

Page 29: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Choose wisely!

Page 30: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

5Tip

Visual Hierarchy

Get it seen… and read

Page 31: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Visual hierarchy1st, 2nd, 3rd

Focal point, lead the eyeLess might be more

Page 32: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Place your piano first

Photo © Steinway & Sons

Page 33: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Visual hierarchyEmphasize strong relevant visuals & important information

De-emphasize less important, eliminate non-essential

Campus Conservation Nationals, from March 26 – April 15, 2012, is a competition between residence halls from

across the campus to across the nation to reduce energy consumption and increase conservation awareness. Students

compete to reduce the energy use in their building, based on baseline power consumption. Start conserving today and

help your dorm win! www.buildingdashboard.net/ulouisville/#/ulouisville

STUDENT ENERGY CONSERVATION COMPETITION MARCH 26 – APRIL 15 | WWW.BUILDINGDASHBOARD.NET

Page 34: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

A short side tripDown Presence, Memorability, and Visual Heirarchy Lane

Doyle Dane Bernbach Volkswagon "Think Small" campaign, 1959

Page 35: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Presence depends on context

Doyle Dane Bernbach Volkswagon "Think Small" campaign, 1959; All other ads from 1959 Life Magazine: http://memographer.com/2014/02/delta-air-lines-fleet-magazine-ads-from-1920s-1950s/

Page 36: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Presence depends on context

ads from 1959 Life Magazine | http://memographer.com/2014/02/delta-air-lines-fleet-magazine-ads-from-1920s-1950s/ or | http://blog.consumerguide.com/model-year-madness-10-classic-ads-1959/

Page 37: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Makeover time!

Think first!Who's the audience?

What do they need to know?Where will they see this?

Page 38: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

MakeoverSuggestions?

Page 39: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Makeover: Your turn…

Page 40: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

MakeoverNow "Make"

What’s your best visual?What is essential?

(cut and edit)What should be emphasized?

Page 41: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Makeover: Step 1

Edited copy

ArtH 521/621Modern Mexican ArtA New Course for Spring 2017Professor Christopher FultonTuesday, 2–4:45

Discover the richness of Mexican culture through its art. This course explores a range of expressions in the period 1920-present and covers such topics as Muralism, Surrealism, Frida Kahlo, architecture and design, political iconography Chicano/a art, contemporary art, and film.

This course is conducted in a seminar format, with lively discussion and short oral reports. Students will do original research, think actively and independently and develop analytical and communication skills.

The course is open to graduate and undergraduate students. No prior courses in Art History are expected or required. The course will be illuminating to everyone and especially rewarding for those with an active interest in Hispanic culture.

Art History 521/621Modern Mexican ArtA new course for Spring 2017Tuesday, 2–4:45Professor Christopher Fulton

Curious or interested in interest in Hispanic culture? Discover the richness of Mexican culture through its art. Explore the period from 1920–present… Muralism, Surrealism, Frida Kahlo, architecture and design, political iconography Chicano/a art, contemporary art, and film.

Seminar format, with discussions, original research, and short oral reports. No Art History prerequisites.

Page 42: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Art History 521/621Modern Mexican ArtA new course for Spring 2017Tuesday, 2–4:45Professor Christopher Fulton

Curious about or interested in Hispanic culture? Discover the richness of Mexican culture through its art. Explore the period from 1920–present… Muralism, Surrealism, Frida Kahlo, architecture and design, political iconography Chicano/a art, contemporary art, and film.

Seminar format, with discussions, original research, and short oral reports. No Art History prerequisites.

Page 43: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

A new course for Spring 2017

Art History 521/621

Modern Mexican ArtTuesday, 2–4:45Professor Christopher Fulton

Curious about or interested in Hispanic culture? Discover the richness of Mexican culture through its art. Explore the period from 1920–present… Muralism, Surrealism, Frida Kahlo, architecture and design, political iconography Chicano/a art, contemporary art, and film.

Seminar format, with discussions,

original research, and short oral reports.

No Art History prerequisites.

For more information, email

[email protected]

Page 44: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

A new course for Spring 2017

Art History 521/621

Modern Mexican ArtTuesday, 2–4:45Professor Christopher Fulton

Discover the richness of Mexican culture through its art. Explore the period

from 1920–present… Muralism, Surrealism, Frida Kahlo, architecture and design,

political iconography Chicano/a art, contemporary art, and film.

Seminar format, with discussions, original research, and short oral reports. No Art History prerequisites.

For more information, email [email protected]

Page 45: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Value of Visual ConsistencyRecognition + "Voice"

Image: Hyperquake.com

Page 46: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Value of Visual ConsistencyUofL brand standards

Your own look? Yes, you can?Not either/or but both/and

louisville.edu/brand/download

Page 47: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

http://louisville.edu/artfacebook.com/Hite.Art.InstitutePhone: 502.852.6794

Cultivating Curiosity + Breaking Rules in Pursuit of Designa talk by our new Assistant Professor of Graphic Design Meena Khalili As designers we know it takes diligence to maintain and sharpen our skills. It’s not always easy to find time between creative briefs to tend to our inner creative beasts, and when we do, how do we make the most of it? This talk recognizes some of the methods and ideas Meena Khalili has discovered as a designer and design educator to help keep the dreaded creative rut at bay, and offers tips on how to build creative habits to cultivate a fresh perspective in the design process. So let’s break some rules and be more curious, be more observant, and be more surprised in our pursuit of design.

Thurs, Sept 15, 12:15–1:15Schneider LL27 (Graphic Design Lab)

ALL students, faculty, staff are welcome. Bring a brown bag lunch, if you’d like.

Meet M

eena

http://louisville.edu/artfacebook.com/Hite.Art.InstitutePhone: 502.852.6794

Hite Art students, you’re invited

Ice Cream… who couldn’t use an afternoon treat?

When

Tuesday, Sept. 13 12:15–2:00

Where Hite lobby

Who’s invited*• Fine Arts majors — undergrad and graduate• Fine Arts faculty and staff

* Who’s not invited: your entire facebook friend list!

Welco

me B

ack! Ph

oto:

Gra

eter

’s fa

cebo

ok p

age

Absolute

Connotations ConnotationsDenotation

Threshold

http://louisville.edu/artfacebook.com/Hite.Art.InstitutePhone: 502.852.6794

Visual SemioticsVisual semiotics is the study of signs and meaning in visual communications. Semiotics can be an indispensable tool to analyze work and to use at the front end as a creative aid in the making of art and design works. Lecture/lab style studio course for graduate students and upper-level undergrads. Readings in semiotics combine with projects in which students will use concepts from the readings to drive creative concepts. Creative works can be in any medium and will be largely student-initiated.

Permission of instructor. Email Steve Skaggs at [email protected].

Sp 2017 :: TTh, 9–11:55 :: Schneider LL25b (Red Chair Room)

Special To

pics

Sp17

Absolute

Connotations ConnotationsDenotation

Threshold

Wha

t’s t

he d

iffer

ence

?BA BFA?or

BA BFAUniversity and A&S requirements

121 hours to graduate, including 34 hours of general education requirements

121 hours to graduate, including 34 hours of general education requirements

General Broad-based studio art experience Concentrated studio art experience

Admissions Selective admissions — requires application to Department to be a major

Selective admissions — requires application to Department to be a major, plus application to BFA track after taking 300-level (Introductory) course in area of concentration (minimum 2.25 overall GPA; minimum 3.0 departmental GPA)

Studio art hours 30 hrs 34 hrs minimum – 49 maximum (48 for CA&D)

Art history hours 9 hrs 12 hrs minimum

Advising Departmental staff advisor Faculty mentor in area of concentration

Foreign language 12 hours (or proficiency) No language requirement

Senior requirements

Learning Outcome Measure completion • BFA orals and Senior Exhibition (2D, 3D) • Senior Portfolio (CA&D and IA)

What areas of concentration are available in the BFA program?

2D Studios • (Drawing, Painting, Photography, Printmaking)

3D Studios • (Ceramics, Fiber/Mixed Media, Glass, Sculpture)

Interior Architecture (• CIDA accredited)

Communication Art & Design • (graphic design)

Tradition and Today: Materials and Meaning in Contemporary Japanese Architecture

Dana BuntrockAssociate Professor of Architecture, UC Berkeley

My book, Materials and Meaning in Contemporary Japanese Architecture: Tradition and Today, looks closely at the work of Kengo Kuma, Terunobu Fujimori, Fumihiko Maki, Jun Aoki, and Ryoji Suzuki. I introduce a number of wonderful works barely known in the West and I explain why these architects look both forward and to the past in their architecture. In my lecture, I share some of these stories.

The Speed Art Museum is located at 2035 South Third Streetadjacent to the University of Louisville Belknap CampusFor more information, call 502.852.4433or visit www.art.louisville.edu

Hite Art InstituteMorgan Lecture

Thursday, January 28, 2010, 6pmSpeed Art Museum Auditorium

Free & open to the public

Professor Dana Buntrockof UC Berkeley

Tradition and Today: Materialsand Meaning in ContemporaryJapanese Architecture

My book, Materials and Meaningin Contemporary Japanese Architecture: Tradition and Today, looks closely at the work of KengoKuma, Terunobu Fujimori, Fumihiko Maki, Jun Aoki, and Ryoji Suzuki. I introduce a number of wonderful works barely known in the West and I explain why these architects lookboth forward and to the past in their architecture. In my lecture, I share some of these stories.

Camelia Castle By Terunobu Fujimori

Morg

an L

ectu

reU

nive

rsity of L

ou

isville H

ite A

rt Institu

te

The Speed Art Museum is located at 2035 South Third Streetadjacent to the University of Louisville Belknap CampusFor more information, call 502.852.4433or visit www.art.louisville.edu

Hite Art InstituteMorgan Lecture

Thursday, January 28, 2010, 6pmSpeed Art Museum Auditorium

Free & open to the public

Professor Dana Buntrockof UC Berkeley

Tradition and Today: Materialsand Meaning in ContemporaryJapanese Architecture

My book, Materials and Meaningin Contemporary Japanese Architecture: Tradition and Today, looks closely at the work of KengoKuma, Terunobu Fujimori, Fumihiko Maki, Jun Aoki, and Ryoji Suzuki. I introduce a number of wonderful works barely known in the West and I explain why these architects lookboth forward and to the past in their architecture. In my lecture, I share some of these stories.

Camelia Castle By Terunobu Fujimori

Thursday, January 28, 2010, 6 pmSpeed Museum AuditoriumFree & open to the public

The Speed Museum is located at 2035 South Third Street, adjacent to the University of Louisville Belknap Campus.For more information, call 502.852.4433 or visit www.art.louisville.edu

Cam

elia Castle | Terunob

u Fujimori

Disc

ussio

n&D

em

o

Visiting Artist — Painting

Brian Truex Discussion for StudentsWednesday, Sept. 30, 2009, 5:30 pm

Student Lounge Room LL17 Schneider HallPizza provided

Painter Brian Truex will talk about his work, his apprenticeship with Patrick Betaudier at the Atelier Neo-Medici in Monflanquin, France and teaching in Japan with the Japan Exchange and Teaching (JET) Program.

Workshop for art 301: Introduction to Painting StudentsWednesday, Sept. 30, 1 – 3:55 pm Thursday, Oct. 1, 2 – 4:55 pm Room 113 Schneider Hall

Truex will be conducting two glazing workshops for students in Art 301: Introduction to Painting. If you are interested in the technique of glazing you are welcome to visit.

De

mo

&W

ork

sho

p

Visiting Artist

Dennis Shaffner

Creating Spheres with Natural MaterialsDemo and Workshop

Tues. Nov. 11 2 – 5 Fiber/Mixed Media StudioRoom 23 Schneider HallCome visit the Fiber Studio and observe the workshop

Page 48: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Key pointsThink First

Audience, Where will they see it

BrevityPresence

MemorabilityVisual hierarchy

Page 49: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Questions? Comments?

Page 50: This is the world your work will live in! · Visual hierarchy Emphasize strong relevant visuals & important information De-emphasize less important, eliminate non-essential Campus

Thank you!

[email protected]