Layout and Design By Mary Stribley.

Slides:



Advertisements
Similar presentations
YEARBOOK Layout and Design.
Advertisements

Design Principles By Wesley Rolston. Five Design Principles Proximity alignment Repetition Balance Contrast.
Elements of Design: The 4 Basic Principles.
Graphic Design Principles
T Y P E L A Y O U T. Old Design Know the rules before you break the rules. W I S D O M ________________________________________.
Visual Design Principles The recipe to creating good graphic content!
Designing Pages and Screens Comm Arts II Mr. Wreford.
Multimedia Design Adam Huntington ETE 261 1/30/09.
Graphic Design: An Overview for Effective Communication.
Modernized Art Collage Due 3/4 or 3/5 Requirements: On Photoshop - collage the Modern Art Project Content:
Desktop Publishing Your Guide to Concepts and Terminology.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Six Principles of Good Design
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO GRAPHIC DESIGN MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR.
Tips on making a Corporate Identity By Jennifer L. Bowie & You!
Chapter 8: Layouts Designing to Communicate. Functions of Design 1. Purpose must be foremost 2. Attract your target audience 3. Enable you to organize.
PRINCIPLES OF DESIGN.
Design Elements and Principles
Design Principles 3.02 Design Principles revised 9/24/09.
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
Unit 1: Graphics are all around us Design Graphic.
How to Use the Tools in Adobe InDesign CS3 for Yearbook Designing Layouts From Paper to Computer Layout.
Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
Graphic Design in 5 Easy Steps Graphic Design Create an effective spread in 5 easy steps!
Illustrating the Principles of Design
Design Principles EDUC 6307: Design of Print Based Media Summer 2009 Ranelle Woolrich.
Principles of Magazine Design JOUR 500 Contemporary Magazine.
Basic Principles of Design. Design Basics Content & Form Content: subject matter, story, or information to be communicated to the viewer. Form: purely.
Posters, Magazines, Websites
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site.
“Designing with Type”. The Rules You will be creating a total of 6 pieces of ARTWORK. You will be limited to a palette of ONLY letters. You must use AT.
CD Packaging Design. The Creative Brief 1.Design a CD package: front, back cover and spines. Use the template which was ed to you by the instructor.
Layout in Advertising 09 Chapter Modular: Afjal Hossain Assistant Professor Department of Marketing Patuakhali Science & Technology University 1 Tom Duncan.
Rules of Composition.
THE ELEMENTS AND PRINCIPLES OF DESIGN.
How To Design A Flyer Tips & Tricks.
Working with large formats
Tom Duncan “Principles of Advertising and IMC” 2nd ed.
10 DESIGN PRINCIPLES CONTRAST EMPHASIS PROXIMITY/ALIGNMENT BALANCE
Creative Layout Ideas.
Understanding Desktop Publishing
How To Design A Flyer Tips & Tricks.
The Principles of Graphic Design
CD Packaging Design.
Alternative Story Forms
The Principles of Graphic Design
Newspaper Design and Layout
Template for IBI poster 56 inches in width and 36 inches in height The title occupies no more than two lines First Author1, Second Author2, Third Author1,2.
Design in Business Principle of Repetition Principle of Contrast.
Conceptual Graphics.
Photography Design Principles Compositional Structures.
Newspaper Design and Layout
Design Principles 3.02 Understand business publications
How To Design A Flyer Tips & Tricks.
Visual Text Photographs.
Google Slides Fundamentals
Tom Duncan “Principles of Advertising and IMC” 2nd ed.
Additional Information
The good, the bad, & the ugly…
The Principles of Graphic Design
Template for IBI poster 36 inches in width and 48 inches in height The title occupies no more than three lines First Author1, Second Author2, Third Author1,2.
Contrast Don’t be a Wimp!.
DESIGN PRINCIPLES and arguing in virtual spaces
Template for IBI poster 48 inches in width and 36 inches in height The title occupies no more than two lines First Author1, Second Author2, Third Author1,2.
Interface Design Interface Design
Tom Duncan “Principles of Advertising and IMC” 2nd ed.
Adapted from The Non-Designers Design Book
Design Principles 3.02 Understand business publications
Use a Large Bold Type for the Main Title (80 pt):
Presentation transcript:

Layout and Design By Mary Stribley

Composition and Design Find what you wish to focus on, emphasis. Have the viewer’s eye naturally settle on the important piece first. You can use scale, contrast, and leading lines.

Nordstrom Ad, focus on the clothes and model – Matthew Metz

Focus on the man as the design circles around him Focus on the man as the design circles around him. Shauna Lynn Panczyszyn

Directing the eye with leading lines It’s like pointing to something and saying, here it is.

Design by Day – leading lines go to the words.

Arm forces you to look at the logo. 1 Trick Pony

Scale and Hierarchy Headlines, subheads and text – 3 levels. Normally in a newspaper.

Jessica Svendsen – look at typographic hierarchy here Jessica Svendsen – look at typographic hierarchy here. Emphasis on the eye. Then beethoven, then the body.

Sense of size and scene, by Scott Hansen – also using rule of 1/3 to bring attention to the type and people.

Balance There’s symmetrical, one side is reflected on the otherside. By Jennifer Wick

Munchy Potato – asymetrical balance, the circles weigh more Munchy Potato – asymetrical balance, the circles weigh more. Also, texture weighs more than smooth.

Complimentary color Although different photos, there is balance as the lips carry through from one to the next, same with the white faces. Jekyll & Hyde and Elena Bonanomi. If the images are cohesive, have a similar theme, this works.

Photos shot in similar lighting and background add cohesiveness too Photos shot in similar lighting and background add cohesiveness too. By Feint

Cohesive with font choice – Adam Hill a light font wouldn’t work with rock and roll. Note the musicality of the flow as well.

Contrast and color adds cohesiveness too. Thebault Julien

Repeating elements of your design to add cohesiveness – Elizaveta Ukhabina

Remember White Space Serafini Creative Helps clarity – balances out busy bits.

By creative web themes No need to fill in ALL space. Less is more many times.

Align your elements – by Huck- creates order.

Divide your design into 1/3’s. 3 rows and 3 columns where they meet should be where your focal points are. William Beachy

Gajan Vamatheva for National Geographic Using rule of 1/3’s adds interest and motion.

A few more bits… Don’t forget to kern – have proper spacing between letters.

Line Lengths – don’t have them too short or too long.

Use a grid

Design for your audience – the black looks like an expensive concert, the pink looks more fun.

Avoid windows and orphans

Consistent font palette – 2-3 max.

Don’t use display fonts for body copy. Don’t stretch fonts either.

Avoid color discord, go look at a color wheel.

Use white space

If enlarging use vector graphics not raster – so with letters, use illustrator

Depth Using size and placement of elements. This works well.

Simplicity Simple = more.

You will design a box – package of sorts Themes: Candy Juice Tea Coffee Dog food / Cat food Cosmetics Plates and dishes

Or anything else you can come up with. Just run it by me.

Size – larger one Front, and back, have the name of the item, images, how many grams, whats in it, as in sachets, if it is natural flavors ect. 7.5 inches wide, 10 inches tall. Side, ingredients, calorie and vitamins content, exporters and address and phone number. 4.75 inches wide. Also an image. Otherside, same thing.

Smaller one You decide

A B C D Color choice works well. Eye catching. Color rules used. Color choice works. Color rules used. Colors okay. Noted at least 3 elements of design. Noted at least 2 elements of design. 1 element of design. Font choice strong, had 2-3 fonts used. Font choice good, had 2-3 fonts used. 2 fonts used. Name of product original and interesting. Also had words that would help sell the product. Name of product original. Also had words that would help sell the product. Name was okay. Had all that was listed in slide 39. And more. Had all that was listed in slide 39. Missed a few items. Images used helped sell the product. Some drawn. Effort noted, used illustrator and photoshop. Images used helped sell the product. Some drawn. Some effort noted, used illustrator and photoshop. Images okay, not a lot of effort found. Rubrics