GDP113 Typography Ex.#4 Hierarchy Study.

Slides:



Advertisements
Similar presentations
Design Principles By Wesley Rolston. Five Design Principles Proximity alignment Repetition Balance Contrast.
Advertisements

Principles of Typography
Page Design. Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
Layout and design of tabloids and broadsheets..  Some designers are daunted when facing the seemingly enormous expanse of white space available in a.
Multimedia Design Adam Huntington ETE 261 1/30/09.
How to Create a Professional Magazine Layout Handout-16.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Editing Page Design & Layout. Page Layout One of the most important things editors do.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
Desktop Publishing Your Guide to Concepts and Terminology.
Digital Interactive Media
Creating Great Presentations Basic Steps to Remember!
Page Design Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Tips for Creating Great Advertisements!
ADOBE INDESIGN CS3 Chapter 2 WORKING WITH TEXT.
Web Design.
Non-designer’s design principles Dr. Shuyan Wang.
Enhance Your Website Using Design Elements Objective: The students will understand that basic design principles are used to enhance the visual appeal of.
Design Elements and Principles
Design Principles 3.02 Design Principles revised 9/24/09.
The basic Principles of Design The following is a brief overview of the principles of design. Although they are discussed separately, they are really interconnected.
Design Principles… Alignment. The Principle of Alignment states, "Nothing should be placed on the page arbitrarily. Every item should have a visual connection.
Typography Graphic Design Fundamentals
Design in Business Principle of Repetition Principle of Contrast.
Illustrating the Principles of Design
Design Principles EDUC 6307: Design of Print Based Media Summer 2009 Ranelle Woolrich.
Dr. Susan Codone Mercer University Principles of Design TCO 285 Dr. Codone.
Effective Posters. A GREAT POSTER IS... readable, Readability is a measure of how easily the ideas flow from one item to the next.
Posters, Magazines, Websites
It can also be used to create emphasis. White space is when blank space is left on a layout deliberately. It gives the reader breathing space if the.
Adding Tables to Slides Lesson 5. Software Orientation Tables are designed to organize data in columns and rows, as shown at right. The Table Tools Design.
1 Desktop Publishing 2 White Space as a design tool n surrounding pages n between columns n within and around headlines n between lines and paragraphs.
36” x 60” Poster Template with Tips CSUF Faculty Development Center Using This Template Everything in this template is editable! You can change colors,
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
DTP Desktop Publishing.
A graphic design principle
Principles of Information Technology
Digital Interactive Media
Understanding and Applying Typography in CSS
36” x 84” Poster Template with Tips Reader-Friendly Layout Tips
Design Principles Principles of Information Technology
Working with large formats
42” x 72” Poster Template with Tips Reader-Friendly Layout Tips
Basic Principles of Layout
Working with Tabs and Tables
Treatments that effect typography
42” x 48” Poster Template with Tips Reader-Friendly Layout Tips
Chapter 9 Layout and Design
Utilizing Effective Layout Methods Alignment
About Typestyles Design Rules and Tips.
Understanding Spacing
Understanding and Applying Typography in CSS
COLUMNS The foundation of design Sally Manke
Design Principles Principles of Information Technology
Basic Principles of Layout
Creating a Baseline Grid
42” x 60” Poster Template with Tips Reader-Friendly Layout Tips
Design Principles Applying principles to create attractive and professional printed and electronic publications Copyright © Texas Education Agency, 2013.
Design Principles… Alignment. The Principle of Alignment states, "Nothing should be placed on the page arbitrarily. Every item should have a visual connection.
Design in Business Principle of Repetition Principle of Contrast.
The Art of Type 9/17/2018.
Word Lesson 6 Working with Graphics
Newspaper Design and Layout
Digital Interactive Media
Design Principles 8-Dec-18.
Design Principles 5-Apr-19.
Principles of Design TCO 285 Dr. Codone.
Presentation transcript:

GDP113 Typography Ex.#4 Hierarchy Study

Things to avoid: Avoid a centered layout as in the top left. Asymmetrical layouts are much more interesting. Mixing different alignments as in top right. How to improve: Unity of the elements would improve the overall layouts. Moving the elements closer together and adjusting the amount of space between the groupings to be different would create unity and add interest.

The two bottom layouts work better than the top ones. The different groupings of elements need to be closer to help create a feeling of unity. The bottom left is a good experiment. Adding line spacing and using a justified alignment fills the space in an interesting wayOne thing to remember when you are using the justified alignment…the software gives you four justified options. You should use the justified with the last line aligned to the left. This is usually the first option. The justified used in all these layouts is justified with last line centered….avoid using this one unless you have a very specific reason to use it. Bottom left layout: The two lines on the left are not connected and feel like they are floating. The three lines at the bottom left look pretty alone in that corner. Rethink the arrangement of those elements so they connect to the other elements. Bottom right: Arrangement of title, author and other two lines is starting to create a grouping…that’s good. A little rearranging would add immensly to the layout.

The top left layout has too much space between the top grouping (which works) and the bottom group……closeness works here! Bottom left works well as a unit. The placing of the author at the top is a good idea and works. The amount of space between the groupings is good. I’d suggest not using centered layout for last group. The top and bottom right are nice experiments that are beginning to work. Grouping of the title and tucking in the smaller words (the and of) creates a nice overall shape and is easy to read. The bottom right works best. Nice job!

Avoid cutting the layout page in half as in top and bottom left Avoid cutting the layout page in half as in top and bottom left. Breaking the space in unequal parts creates contrast and yes…interest. The elements in these two layouts are very separate….and alone…boo…hooo. The top right layout works best of the four……except as I look closer I believe that the large paragraph is centered alignment. This one of the DON’T DO THAT rules. Centering is best used for poems or cards or for a headline with two or three lines. Remember that this exercise is to FORCE you to think differently and more creatively and experiment! Bottom right layout is starting to get more daring by plcing the title below the paragraph. This is good and work better if the larger amount of white space were at the top instead of at the bottom…..(another centered paragraph …ugh).

Some good experimenting with the top right layout Some good experimenting with the top right layout. Pulling out the publisher and placing at the top works well here.…although the layout is centered ……as are the others. Would like to see more experimenting with asymmetrical balance. Line spacing in bottom right opens up paragraph and works well.

The two bottom layouts are most interesting The two bottom layouts are most interesting. This is where you were allowed to use more size and weight change. A word of caution…..when making some letters bolder thanothers a checker board effect can result and distract from the messsag of the word(s). Using different colors in this way is also difficult to use successfully…until you have more experience. At full size, the bottom left layout paragraph does work well with the different point sizes and weights. Making the column width narrower would add to the layout. …nice job!

The to right layout uses the space well and is the most interesting The to right layout uses the space well and is the most interesting. The grouping of the title is good…..couple of suggestions to improve the grouping…would be to enlarge typography so it relates more to the other large words and drop the top line down closer to the word STYLE. Size of author is good and fists well with column width. Bottom right is a good start. Tucking the column of text in tighter to the head (next to THE) and bringing up the bottom group closer to STYLe and tucking it in would really improve the layout. Adding line spacing to the column and small blcock of text would also improve layout. The other two layouts have a good start and will work once the elements are grouped in a more cohesive manner.

Bottom left and right layout works best Bottom left and right layout works best. Alignments are good and clustering of groups creates a good sense of unity. Adding line spacing to the paragraph in each of the layouts would also improve the “feel” of the design. The top left and right layouts have too many alignments being used which creates a sense of awkwardness. Lowering the elements on the page would also help anchor the elements to the page.

Hmmmmm ….more centered layouts…..Please experiment more!! The bottom left is beginning to work if the last group of text were aligned to the left or right.

The top left has the most potential The top left has the most potential. Bringing the top two lines down closer to the paragraph and then moving all that down so it is off center and then readjusting the placement of the other lines would really improve this layout. In these layouts really think about connecting all the elements by bringing them closer together and having more white space either at the top or bottom or off to the sides.

The bottom left layout has a good arrangement of the top three lines. Again…bring the elements closer together and think more about the white space. The top and bottom left have some great white space on the lower left….but the layouts are almost identical. Experiment more with column width and line spacing.

Bottom left ….using a larger point size is a good idea, however, remember that more linespacing will be needed to make th information readable. Moving the authors name from the center of the title would also improve all the layouts. Again…I’d like to see more experimenting!