Web Design Tips.

Slides:



Advertisements
Similar presentations
Web Page Design Critical Elements for a Well Designed Web Page.
Advertisements

Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.
SM5312 week 11: CSS Menus & Navigation Bars1 An Introduction to Cascading Style Sheets CSS Menus and Navigation Bars Nick Foxall.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Web Site Design. Dorky Web Pages Below are features that can make a web design look dorky. These are not just my personal opinions, but are ideas I have.
Creating a Website Part Two Navigation. Creating Usable Navigation Provide enough location information to let the user answer the following navigation.
Web Design Principles Joan Naturale NTID Reference Librarian.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
AdvWeb-1/11 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
Basic Web Design Considerations CS /6/07. Basic terms Web page Web page Web site Web site Home page Home page Sub pages Sub pages.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Web-designWeb-design. Web design What is it? Web-design features Before…
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
Chapter 2 Web Site Design Principles
Web Site Design Principles
Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.
COLOR In Web Design. Designing with Color Use contrasting colors Using a small palette of colors helps unify and enhance a design Using a dominant color.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Icons, links and buttons We have a unique icon design principle. Our icons are based on the same irregular circle shape with a clear graphic pictogram.
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Web Pages That Suck By Vincent Flanders William Featherstone.
Touring the Web Figuring out the best roads to take in web page design.
Introduction to Web Page Design. General Design Tips.
Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.
1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.
PowerPoint Publishing Make Your PowerPoint Like the Pros. By Julie Phelps eMINTS Cluster Instructional Specialist-SW.
Do’s and Don’t In Web Page Design. Good Designs Text Background does not interrupt the text Background does not interrupt the text Text is big enough.
Web Site Design 15 Easy Steps to an Excellent Web Site.
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,
Web Site Design & Management Class 7 March 12, 2003.
Principles of Web Design 6 th Edition Chapter 9 – Site Navigation.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
Consistency Increases usability of your Web site..
BY: DAN PREVI Composite Materials. Consistent style and format Easy to find and use links Inviting colors and themes Efficient use of space Convinces.
Information Literacy. Addressing a new challenge in society.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
HOW TO RECOGNIZE GOOD AND BAD DESIGNS BY DILLON SPONSELLER AND TYLER KELLY.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
What is Good Web Design? A compendium of web concepts.
Unit 13- Web Design P1-Explain the intended uses and features of two different websites. M1-Review how the features in two websites improve presentation,
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
1 MIT 5316 Web-Based Computing Lecture #2. 2 Quiz Quiz #1 Quiz #1 An image is 1200x1700 pixels and has a color depth of 1024, what is the uncompressed.
Chapter 2 Web Site Design Principles
Usability & Visual Design
Web Site Design Web site diagrams from the Yale Style Manual at:
Web-design.
Introducing the World Wide Web
Fixed Positioning.
Good and Bad Design Mandy Smetana.
Website Design and Management Section 3 - Design
Design Principles 8-Dec-18.
Dreamweaver Fireworks Flash
Design Principles 5-Apr-19.
Chapter 4 Planning Site Navigation
Elements of Effective Web Design
Chapter 2 Web Site Design Principles
Presentation transcript:

Web Design Tips

Web Design Background does not interrupt the text Text is big enough to read, but not too big Hierarchy of Information is clear

Web Design Navigation Buttons are easy to understand and use Frames are not obtrusive

Web Design Link Colors Coordinate with Page Colors Links are Underlined so that they are instantly clear

Web Design: Graphics Every Graphic has a matching text link Graphics and Backgrounds are compatible with Browsers Good use of Graphic Elements Photos Sub Headings Pull Quotes Break up Large Areas of Text

Web Design Pages Download Quickly Consistency Every Web Page in the Site belongs Repeating Elements throughout the Pages