Site Design & Organization

Slides:



Advertisements
Similar presentations
Design Principles By: Jonathan Gross. CONTRAST IT’S WHAT MAKES A READER LOOK AT THE PAGE IN THE FIRST PLACE BECAUSE IT GETS THE READERS ATTENTION. WHEN.
Advertisements

contrast, repetition, alignment, proximity
Unity Gestalt Space Dominance Hierarchy Balance Color Part.
Basic Principles of Design How to make your websites and video graphics look more professional.
Multimedia Design Adam Huntington ETE 261 1/30/09.
The four basic principles of design
Day 6 Layout. Objectives  Learn about some principles of perception  Learn how grids can help you organise a site’s content  Learn about the golden.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
The Four Basic Principles C ontrast R epetition A lignment P roximity.
Visual Design The good kind of VD © Colin Stewart, 2009.
the rhetorical situation  audience  purpose  context design principles  contrast  repetition  alignment  proximity.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Six Principles of Good Design
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Introduction to Web Page Design. General Design Tips.
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
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)
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
ELEMENTS OF VISUAL DESIGN Designing Cohesive Visuals for Print and Digital.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
TOUR THE WEB FOR DESIGN PRINCIPLES COLE HORVATH. GOOD CONTRAST.
Lesson 4: Design Principles
Don’t have to be a designer to know when something just ain’t right…
Design in Business Principle of Repetition Principle of Contrast.
Desktop Publishing CRAP.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
4 Basic Principles of Design  Proximity  Alignment  Repetition  Contrast Credit: Robin Williams.
Introduction to Interactive Media 09: Good Design is CRAP.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
Index Contrast Repetition Alignment Proximity Font Styles Quiz Created by: Lauren Boresch.
TECM 3200 Dr. Lam. Project 1: Designing/developing a professional website  Web design process  Content on the web  Laying out your website.
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Four important design principles to improve your work
A graphic design principle
Higher Desktop Publishing (DTP)
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
Principles of Graphic Design
The Principles of Graphic Design
The Principles of Graphic Design
Document Design is CRAP
Visual Rhetoric and Design ~created by CSU Instructor Jenny Levin ~
The Elements of Design (SWITCH) Journalism 125.
Chapter 1 Introduction Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its.
Design in Business Principle of Repetition Principle of Contrast.
Basics of Visual Design
C.R.A.P. Design Principles
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Presentation, layout and labeling
Design Principles 8-Dec-18.
The Four Basic Principles
The good, the bad, & the ugly…
C.R.A.P. Design Principles
Rules of Design.
Design Principles 5-Apr-19.
Design Principles Review.
Elements of Effective Web Design
Four Design Principles
“The point of design is to encourage and facilitate communication between the viewer and the media being viewed. Effective design initiates this connection.
Design Principles.
Does not mean every page should have same layout
The four basic principles of design
Adapted from The Non-Designers Design Book
Principles of Design Contrast Repetition Alignment Proximity
The four basic principles of design
How to look good on paper in four easy steps
Presentation transcript:

Site Design & Organization Once we get beyond a few pages in our web site, we realize the need for better organization. And depending on our own aesthetic sense (or the sense of our users who communicate with us), we realize good design is important as well. So what do we do? First, I’m not perfect, and I’ve made mistakes, and still do. BUT it’s still something to work toward…

Usability What is the Goal of Design and Organization? That’s the criteria to judge by. Not visual appeal or inventiveness or originality. Does that mean those aren’t important? NO! But the first and foremost requirement of any design is that it be usable. This need for usability shapes every decision we make…

Map the Site Organization Tips Make logical groupings, ask others to help by sorting 3x5 cards with page titles on them

Boil it Down Organization Tips People can’t handle too many choices. Simplify! Make links to larger groups, rather than too many small ones.

Where Am I? Organization Tips Leave them a trail so they know where in hyperspace they are! Also important because lots of folks don’t come in through your main page. So leave them ways to figure out where they are in your site.

Seek & Ye Might Find Organization Tips Make sure searching is available if you get beyond a few dozen pages.

You Don’t Need Frames Organization Tips They are BAD! Bad, I say! They usually create more organizational problems than they solve.

Design Tips Contrast Make different elements different. Use colors to delineate sections, use a different font or color to denote headlines vs. body… Use design differences to enhance and reinforce organizational decisions.

Repetition Design Tips Repeat theme elements, keep a theme throughout pages. Use the same horizontal rule, not 3 different ones on each page

Design Tips Alignment Are things lined up properly? (show example of old article page design) Pages work better when things line up cleanly

Design Tips Proximity Proximity implies a relationship. Keep an eye on elements on a page that are close to one another. Should they be? Is there a relationship? Are other related items separated

Site Design & Organization