• Ê
  • Â

5 09: Hierarchy

A Few Clouds

47°F

Humidity 49%

Wind Speed NW 13 MPD

Barometer 30.00 in

Dewpoint 29°F

Visibility 10.00 mi

Boise, Idaho

83701

4 09: Hierarchy   b Add comment

Leave a Reply

I always knew there had to be an order to doing things in graphic design.  If there was no order, the projects would be a mess and would not look as amazing as most do.  Every little detail is important in making the project better the best it could be. Thought has to go into every project- what size lettering? Should this be tilted?  What colors go best here? What’s the best font to use?  There is a lot of idea that goes into even simple things- like a table of context.  Changing the fonts or editing the landscapes adds character to the page and makes it unique.  I also thought about the dimensional hierarchy and how everything in the picture has to be set up so the eye follows the design in a dimensional form to make a connection with the picture.  If the viewer feels a connection, the designer has done their job well.

4 09: Hierarchy   b Add comment

Leave a Reply

62°F

Humidity 56%
Wind Speed NE 7 mph
Barometer 30.18 in (1021.3 mb)
Dewpoint 46°F
Visibility 10.00 mi
Last update 8 Nov 10:53 am CST

Jackson Mississippi

39201

🙂

4 09: Hierarchy   b Add comment

Leave a Reply

After reading through this article it showed how designers have so much authority within the process of their work. For example, how and where to place images/text; if they want to use weights, italic/bold/underlined; just to get a certain message through to their clients and viewer. Each client and viewer has different taste, opinion, and their own vision. The designer’s job is to make all of that compliment each other through their own work. When one thinks of hierarchy they think of a class system society, having the elites being on top and the peasants towards the bottom. Well in design that is also somewhat of the case. Certain words or pictures are going to be emphasized more than others, just like the class system. The client and viewer will be drawn to the larger, bolder, flexible texts rather than the smaller text. The designer holds the power or in American historian would call it holding the big stick!

4 09: Hierarchy   b Add comment

Leave a Reply

I found this reading interesting in that it emphasized the little decisions that designers make when organizing their work. The designer has control over how the viewer looks at the piece and how their eye moves around it. If a designer wants something to stand out more, they can make the viewer’s eye see it first by simply scaling it, adjusting the weight, moving it to a specific place on the page, or a combination of all of these things. There are so many things that a designer can do to manipulate how the viewer will see their work, and if they want a specific piece of information to be more pertinent, they can easily draw the viewer’s eye to it. Hierarchy plays a large role in design and the things that the designer feels should be seen first by the viewer, will appear to stand out on the page. On the other hand, if a designer finds that some information is not as important as others, they will make that information harder to find for the viewer. Though it won’t normally bet a struggle to find the less important information, it won’t be the first thing that the viewer’s eye is drawn to.

4 09: Hierarchy   b Add comment

Leave a Reply

Baltimore MD, 21401

Fair
60°F / 16°C

Humidity 84%
Wind Speed SE 5 mph
Barometer 30.34 in (1027.7 mb)
Dewpoint 55°F (13°C)
Visibility 7.00 mi
Last update 4 Nov 9:54 am EST
4 09: Hierarchy   b Add comment

Leave a Reply

í Weather Report

Weather-forecast-005Create a series of  compositions that explore the typographic hierarchy of information.

You will be randomly assigned a zip code to use for this project.

List of zip codes:

36101     99801     85001     72201     94203     80201     19901     32301     30301     96801     83701     62701     46201     50301     66601     40601     70801     21401     48901     55101     39201     65101     59601     68501     89701     87501     12201     27601     58501     43201     73101     97301     17101     29201     57501     37201     73301     84101     23218     98501     25301     53701     82001     06101     03301     08601     02108     02901     04330     05601

The National Oceanic and Atmospheric Administration (NOAA)
Go to the following NOAA web site http://www.noaa.gov and paste your zip code into the weather.gov forecast field.

SafariScreenSnapz037

Collect and assemble the following 11 information points (the first one is the description):

Sky Obscured
41°F 5°C
Humidity 81%
Wind Speed Calm
Barometer 30.28 in
Dewpoint 36°F (2°C)
Visibility 0.75 mi
Keene
New Hampshire
03435

Note: Do not include the celsius information.

Dimensions: 6″ x 6″
Use the following template for this project: heirarchy_6x6.indd

Univers
You will be using the typeface Univers for this project. Read about Univers and the designer Adrian Frutiger.

Instructions
You will make three types of type compositions for this project to express the information using an increasing broader set of typographic variables. Constraints enforce discipline and having more freedom may or may not increase the power and effectiveness of a design. For each of the three approaches below you are encouraged to experiment with making various elements more important in the typographic hierarchy.

For example, you may choose the emphasize the description in a few, the temperature in a few more, and maybe the place in the rest. Some information types may not lend themselves to being primary but experiment and decide for yourself. This project is about meaning as expressed in typography hierarchy so by all means make it meaningful.

The difference, that is not a difference, makes no difference.
— Gerald Cox

1

No Changes
Typeset the text in black 18 point Univers 55 Roman. Dynamically arrange the words using only direction and position, aligning with the grid. Include the concept of hierarchy and reading order in your decisions.

2

Scale Changes
For the second set of designs, use type scale. You may make the letters smaller or larger and bleed letters. All elements must still align to the grid. The type must still be 18 point Univers 55 Roman.

3

Scale and Style Changes
In the third set of designs, you may change the type weights. Univers has a complete set of weights including expanded, condensed, bold, black, light and italics for each. Be deliberate in your choices. Change one element at a time and take care to note the effects of your choices as you make them. Try using only two weights per design first (regular + bold, bold + light italic, etc) and going to a max of three.

Due Today

Create a post with the category “weather report” that has the information required above for your zip code.

Due Monday, November 9

6 Gravitars uploaded with the best one active on the class site.


 

5 No Changes: put all compositions in a separate single PDF. You may make more if you need to.

5 Scale Changes: put all compositions in a separate single PDF.

5 Scale and Style Changes: put all compositions in a separate single PDF.

PRINT
Print and trim 2 or each category (6 total) and have them ready to hand in.

Remember
Think about the read. What do you read first. How can you control the way someone experiences the text. Welcome to hierarchy and the manipulation of viewers attention.

b Add comment    

Leave a Reply