WEB DESIGN TIPS FOR DESIGNING A WEB PAGE. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!

Slides:



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

The world’s libraries. Connected. Web Design for CQ Pages WebJunction 19 July 2012 Reneé Page Senior Web Designer OCLC.
Web Design Bill Pegram April 25, Goal of Presentation Summarize ideas from part of The Non- Designers Web Book, Third Edition, Robin Williams &
contrast, repetition, alignment, proximity
Principles of design caroline burdett. repetition balance proximity simplicity contrast.
Difference between content, layout and styles Miss Allgar
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
Designing Pages and Screens Comm Arts II Mr. Wreford.
Four Basic Design Principles
Design Principles 3.02 Understand business publications.
Introduction to Design Principles The Wonderful World of Page Design Contrast / Repetition / Alignment / Proximity / Color Theory ENGL 106 Fall 2012.
What is Web Design?. Definition of Web Design  What is Web Design?  Wikipedia: “Web Design is a skill of creating presentations of content (usually.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Process of __________, arranging, & ______________ visual elements of art to accomplish or address a particular purpose  Elements of Visual Design 
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
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.
Principles of Design CRAP or PARC.
Visual Design The good kind of VD © Colin Stewart, 2009.
Guidelines For Effective Presentations. Agenda Getting started on a presentation Creating a presentation Guidelines for creating a presentation Final.
Basic Layout & Design By: Charlena K. Vinglass. Understanding Design There are four good design principles in design: proximity, contrast, alignment and.
Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
Principles By: Donna Deerfield Design. Design Principles Contrast Repetition Proximity Balance Unity Alignment Click on the pictures to review each principle.
Web Page Design Principles
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Chapter 3 What is Web Design? Get Trained for a Better Future Introduction to Design Mostafa Badr.
Introduction to Web Page Design. General Design Tips.
Non-designer’s design principles Dr. Shuyan Wang.
Basic Elements of Design
Web Site Design 15 Easy Steps to an Excellent Web Site.
PowerPoint: Beginner Level Pointers Mrs. L. Paschitti.
Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.
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,
3.02 Understand business publications
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
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.
Web Design. 5 Characteristics of Good Web Design.
Design Principles 3.02 Understand business publications.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Design Principles 3.02 Understand business publications Slide 1.
Web Design Basics What is a good web site from a design standpoint?
Visual Elements. Can set the tone Complement an image Makes presentations lively.
Tips for Preparing a Professional Presentation. The first thing that gives a professional touch to any presentation is the design.
Design Principles 3.02 Understand business publications.
Graphic Design Tricks Good ideas for Powerpoint presentations.
Principles of Design Lesson Khuzaima Jallad. Principles of Design Lesson Balance Proximity / Unity Alignment Repetition / Consistency Contrast White Space.
Desktop Publishing Business Cards Your LogoYour own footer.
Principles of Design By Dorsetta Williams.
Website planning.
How To Design A Flyer Tips & Tricks.
How To Design A Flyer Tips & Tricks.
The Principles of Graphic Design
The Principles of Graphic Design
Document Design is CRAP
Design Principles Applying principles to create attractive and professional printed and electronic publications Copyright © Texas Education Agency, 2013.
Layout - you need to understand that a simple navigation bar:
Web Design Techniques.
Fixed Positioning.
Design Principles 3.02 Understand business publications
How To Design A Flyer Tips & Tricks.
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
3.02 Understand business publications
Additional Information
The good, the bad, & the ugly…
Design Principles.
Tips for Preparing a Professional Presentation
Presentation transcript:

WEB DESIGN TIPS FOR DESIGNING A WEB PAGE

PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!

CONTENT Easy to read Eye-catching Easy to scan No text in images or over images Emphasize important points Bold Colored font Lists –bullets or numbers

DESIGN PRINCIPLES 1.Alignment 2.Proximity 3.Repetition 4.Contrast 5.Grammar/Spelling

ALIGNMENT Items on the page are lined up with each other 2 types of alignment Horizontal Vertical Choose 1 type of each Use tables with invisible borders Professional look Keeps elements aligned correctly BE CONSISTENT!

PROXIMITY Relationships which develop when items are close to each other Examples: Title/Subtitle Picture/Caption Heading (article title)/Article Group items together which are related

REPETITION Some elements must be the same on every page Use the same layout on every page Repetition of elements give a unified, smooth look and transition from page to page Navigation buttons Colors Style Illustrations Format Layout Typography

CONTRAST What draws the eye onto the page Designs to consider Style Colors Arrangement Graphics Create a focal point

DESIGN TIPS

COLORS Use complementary colors – no more than 3 colors Think of a house- 3 colors: Main house Trim Accent color – doors & shutters Light backgrounds with dark fonts is best Stay away from bright colors and colors which are difficult to read such as RED and YELLOW

DESIGN TIPS Navigation Where am I? Where have I been? Where can I go? Should answer all 3 questions Should be the same on every page

DESIGN TIPS White Space Page should be evenly distributed Allow some space between graphics and text so the page doesn’t look cluttered Use squint test Stand back, squint eyes and see how it looks from that view for layout and white space

DESIGN TIPS Have a paper plan! Apply KISS principle (Keep It Simple Stupid!)

GRAMMAR & SPELLING PROOF, PROOF, PROOF… REVISE, REVISE, REVISE … To, Too, Two Your, You’re Good Luck!!