Page Design.

Slides:

Advertisements

Similar presentations

Elements & Principles of Design

Advertisements

Principles of design caroline burdett. repetition balance proximity simplicity contrast.

Visual Design Principles The recipe to creating good graphic content!

Designing Pages and Screens Comm Arts II Mr. Wreford.

Design Principles and Elements Unit 2204 Landscape Design.

Principles and Elements of Design. The Principles of Design Balance ▫Symmetrical ▫Asymmetrical Rhythm Proportion Emphasis Unity.

OF THE TWO NEWSLETTERS BELOW WHICH WOULD YOU PICK UP FIRST? THEY ARE BOTH NICE AND NEAT. THE SOURCE OF CONTRAST IS OBVIOUS. A BOLDER TYPEFACE IN THE.

Kinds of Graphics and Composition Vector Graphics Vs Bitmapped Graphics.

Page Design. Dec. 11, 1997 October 14, 2014 Dec. 1, 1998.

PRINCIPLES OF DESIGN © Patrick Morgan An Introduction to the.

Six Principles of Good Design

Principles of Design.

D ESIGN P RINCIPLES 1 “The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design.

PAGE LAYOUT TERMINOLOGY AND TOOLS IMPORTANT TERMS FOR YOUR PAGE LAYOUT NEEDS.

Elements of Design.

IS1824: Introduction to Internet Multimedia Lecture 7: Style 1 (Layout and Colour) Rob Gleasure

Chapter 10 Print Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Creating visually attractive and appealing publications.

Click on the link to answer questions 1-8. View the examples of each element to help you understand each principle. You will have to scroll down to find.

Enhance Your Website Using Design Elements Objective: The students will understand that basic design principles are used to enhance the visual appeal of.

MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)

Click on the link to answer questions 1-8. View the examples of each element to help you understand each principle. You will have to scroll down to find.

Visual Design Principles

Introduction to Graphic Design Unit

Desktop Publishing D ESIGN P RINCIPLES 1 “The point of design is to encourage and facilitate communication between the viewer and the media being viewed.

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.

0707 IAT 102 Graphic Design Design Basics Design Tools.

Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,

Desktop Publishing CRAP.

Window Displays VM Part 4. Promotional Window Display Promotes the sale of the store’s products Most common.

Basic Principles of Design. Design Basics Content & Form Content: subject matter, story, or information to be communicated to the viewer. Form: purely.

Dr. Susan Codone Mercer University Principles of Design TCO 285 Dr. Codone.

PRINCIPLES OF DESIGN Movement Rhythm Balance Unity Contrast Emphasis

With a focus on screen design and CRAP. The Joshua Tree Epiphany.

E lements & P rinciples of D esign. Favorite Web Site 1.What attracts you to the main page? 1.What do you like or dislike about the page? 2.Who is the.

Design and Layout (part two)

The Black Square problem. The most important to understand is…. The Principles of Art & Design.

Design Principles Design Elements. Elements vs Principles Principles = affect the arrangement of objects within a composition. Elements = the objects.

D ESIGN P RINCIPLES 1 “The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design.

Click on the link to answer questions 1-8. View the examples of each element to help you understand each principle. You will have to scroll down to find.

Design Principles Definitions. Balance The equal distribution of the visual weight of elements on a page in order to achieve a pleasing and clear layout.

Layout in Advertising 09 Chapter Modular: Afjal Hossain Assistant Professor Department of Marketing Patuakhali Science & Technology University 1 Tom Duncan.

CRAP The Wonderful World of Page Design

CARP Four Principles of Design

10 DESIGN PRINCIPLES CONTRAST EMPHASIS PROXIMITY/ALIGNMENT BALANCE

Principles of Graphic Design

Unit 2: Identifying design elements when preparing graphics

Composition The placement or arrangement of visual elements or ingredients in a work of art, as distinct from the subject of a work. The term composition.

Chapter 10 Print Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Microsoft Publisher 2010 Illustrated Introductory

Elements and Principles of ART

Principles of DESIGN.

Advertising Design Principles

Relationship Elements & Principles

Tom Duncan “Principles of Advertising and IMC” 2nd ed.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

Principles of DESIGN.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

gcom343 | design principles balance contrast emphasis repetition

10 DESIGN PRINCIPLES CONTRAST EMPHASIS PROXIMITY/ALIGNMENT BALANCE

Principles of Design.

Principles of DESIGN.

CRAP The Wonderful World of Page Design

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

Introducing: CRAP TECH MENTORING

Desktop Publishing.

Tom Duncan “Principles of Advertising and IMC” 2nd ed.

“The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design initiates this connection.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

Presentation transcript:

Page Design

A visit to the Wayback Machine ESPN (1999 vs now) web.archive.org/web/19990125095135/http://www.espn.go.com/ www.espn.com SI (2003vs now) web.archive.org/web/20030406204953/http://sportsillustrated.cnn.com/ www.si.com Hi*Beams (2001 vs now) web.archive.org/web/20010720103043/http://hibeams.com/ www.hibeams.com Colorado State University (1997 vs now) web.archive.org/web/19970218190846/http://www.colostate.edu/ www.colostate.edu

Main Design Categories Free form Grid

Free Form Free-flowing placement of text and other graphic elements within a design’s frame

Grid More traditional Objective, unemotional organization to a graphic design

The “formula” 2-column, 3-column, 4-column Banner spans columns Sometimes elements span more than one column Footer spans columns Collapses to single column for responsive layout Also see common layout with one column, large splash element

C.R.A.P. Principles of Design Contrast Repetition Alignment Proximity

Contrast If two elements are different, make them very different Vary size, typeface, emphasis, color, texture, etc. If everything looks the same, nothing is emphasized

Repetition Items performing same function should look very similar Repetition gives identity Suggest templating system Also has load time implications—reuse of graphics

Alignment Gives order to design Looks polished and finished Every element should align with something else on the page

Proximity Items near each other are seen as a unit

Balance Vary graphic weight by adjusting color, contrast, size, texture, lightness, etc. A design is considered balanced if it roughly equalizes the weight one either side of a vertical bisecting line Symmetrical Asymmetrical

Simplicity Minimal use of graphics Doesn’t mean no graphics If an element is removed, does meaning suffer?

Fixed Responsive 900-1200 pixels, typically 960 has many factors Control with max-width

Methods Sketch Graphic comp Work in HTML/CSS