kranack d4 pictograms - visualizedata.files.wordpress.com

39
PICTOGRAMS KRANACK / DESIGN 4

Upload: others

Post on 24-Jan-2022

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Kranack D4 Pictograms - visualizedata.files.wordpress.com

PICTOGRAMS

KRANACK / DESIGN 4

Page 2: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Cave Paintings, Bulgaria, approx 3000 BC

KRANACK / DESIGN 4

Page 3: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Petroglyphs - pictures, symbols or other imagery carved into rock surfaces

KRANACK / DESIGN 4

Page 4: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Writing was not developed until 3000 BC, in Mesopotamia, by the Sumerians

Page 5: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Latin Alphabet traces back to 6th century BC, and evolved into system we use today.

KRANACK / DESIGN 4

Page 6: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Otto Neurath’s ISOTYPE: “International System of Typographic Picture Education”

KRANACK / DESIGN 4

Page 7: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 8: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 9: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Otto Neurath’s ISOTYPE:

KRANACK / DESIGN 4

Page 10: Kranack D4 Pictograms - visualizedata.files.wordpress.com
Page 11: Kranack D4 Pictograms - visualizedata.files.wordpress.com
Page 12: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Translating Images to Icons

(an icon is a literal visual representation of a subject.)

KRANACK / DESIGN 4

Page 13: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 14: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 15: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 16: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 17: Kranack D4 Pictograms - visualizedata.files.wordpress.com
Page 18: Kranack D4 Pictograms - visualizedata.files.wordpress.com

WHAT IS A PICTOGRAM?

KRANACK / DESIGN 4

Page 19: Kranack D4 Pictograms - visualizedata.files.wordpress.com

PICTOGRAM:

A graphic symbol that conveys its meaning through its pictorial resemblance to a physical object

KRANACK / DESIGN 4

Page 20: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 21: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 22: Kranack D4 Pictograms - visualizedata.files.wordpress.com
Page 23: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

Page 24: Kranack D4 Pictograms - visualizedata.files.wordpress.com

WHAT MAKES A PICTOGRAM SUCCESSFUL? A case study: The Olympics

h"p://crea*verepository.com/2010/01/14/evolu*on‐of‐olympic‐pictograms‐1964‐to‐2012/ 

1984 Los Angeles Olympics Designers: Keith Bright and Associates. Six criteria were isolated as essential to a successful pictogram:

•  Clear communication; pictograms, by themselves, should be recognizable by people of other nations.

•  Consistency; the pictograms should be identifiable as a set, through uniform treatment of scale, style and subject.

•  Legibility and practicality; they should be highly visible, easy to reproduce in any scale and in positive or negative form.

•  Flexibility; the pictograms should not be dependent upon a border and should work equally well in a positive or negative form.

•  Design distinction; the pictograms should avoid stylistic fads or a commercial appearance and should imply to a worldwide audience that Los Angeles has a sophisticated, creative culture.

•  Compatibility; they should be attractive when used with their Los Angeles Olympic design elements and typestyles.

KRANACK / DESIGN 4

Page 25: Kranack D4 Pictograms - visualizedata.files.wordpress.com

1984 Los Angeles

Olympic Pictograms

Page 26: Kranack D4 Pictograms - visualizedata.files.wordpress.com

1992 Barcelona Olympic

Pictograms

Page 27: Kranack D4 Pictograms - visualizedata.files.wordpress.com

2008 Beijing

Olympic Pictograms

Page 28: Kranack D4 Pictograms - visualizedata.files.wordpress.com

2008 Beijing Olympic Pictograms

KRANACK / DESIGN 4

Page 29: Kranack D4 Pictograms - visualizedata.files.wordpress.com

h"p://www.youtube.com/watch?v=yHWlEU8zqUE&feature=player_detailpage  KRANACK / DESIGN 4

Page 30: Kranack D4 Pictograms - visualizedata.files.wordpress.com

MAPS, Part 1

KRANACK / DESIGN 4

Page 31: Kranack D4 Pictograms - visualizedata.files.wordpress.com

Mind Maps

If a Map is a visual representation of a place, a Mind Map is a visual representation of your mind/thoughts.

A quick and easy way to organize and structure ideas around a central word or single concept.

Useful for visualizing ideas, brainstorming, problem solving, and decision making.

KRANACK / DESIGN 4

Page 32: Kranack D4 Pictograms - visualizedata.files.wordpress.com

HOW TO MAKE A MIND MAP

STEP 1: Start in the middle of a blank page, writing or drawing the idea you intend to develop.

Page 33: Kranack D4 Pictograms - visualizedata.files.wordpress.com

HOW TO MAKE A MIND MAP

STEP 2: Develop the related subtopics around this central topic, connecting each of them to the center with a line.

Page 34: Kranack D4 Pictograms - visualizedata.files.wordpress.com

HOW TO MAKE A MIND MAP

STEP 3: Repeat the same process for the subtopics, generating lower-level subtopics as you see fit, connecting each of those to the corresponding subtopic.

Page 35: Kranack D4 Pictograms - visualizedata.files.wordpress.com

HOW TO MAKE A MIND MAP

STEP 3: Repeat the same process for the subtopics, generating lower-level subtopics as you see fit, connecting each of those to the corresponding subtopic.

Page 36: Kranack D4 Pictograms - visualizedata.files.wordpress.com

HOW TO MAKE A MIND MAP

TIPS:

•  Use words, colors, and images to create your map

• Keep the topics/labels as short as possible -- a single keyword or picture

• Vary the text size and line weight to create a hierarchy of importance 

Page 37: Kranack D4 Pictograms - visualizedata.files.wordpress.com

MAPPING A BRAND

Project #2 – STEPS 1,2,3

KRANACK / DESIGN 4

Retail Store Locator Guide (+ Pictograms)

Page 38: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

CONGRATULATIONS! Your brand loves the invitation and lookbook that you created for them, and now they would like you to design a folded Store Locator Guide Map.

Not only will the map direct customers to your store’s NYC locations (at least 2), the idea is this: If your shopper has multiple reasons to frequent an area, they are more likely to visit your store (and spend money!).

Step 1: Create a MIND MAP with your brand at the center. Branch out with broad associations, narrowing in on 5 or more activities/interests that your consumer may find appealing. Ultimately, name specific locations that are fairly close to your stores on the map. You should have at least 8 suggested destinations for your guide map (at least 1 activity in each of the 5 activity categories).

Step 2: Once you have your 5 activities identified, develop a cohesive set of pictograms for those activities. (ex: rock clubs, arcade games, vintage furniture, etc). Design simplified pictograms in Illustrator using only black and white. Document process on blog. Post finals to blackboard.

Step 3: Select a folding format from www.foldfactory.com/ideas.php and begin to think about the layout of your map guide taking your format into consideration. Try out some folds and bring your tests to class next week.

Project 2, Steps 1,2,3 are due Week 5, February 21.

Page 39: Kranack D4 Pictograms - visualizedata.files.wordpress.com

KRANACK / DESIGN 4

EXAMPLE OF BRAND MIND MAP