Effective Web Site Design Written by Jimmy Ellis.

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

HTML popo.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Cascading Style Sheets
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
M I S Dr. Ernst-Gerd vom Kolke 1 Web Design - Introduction n Design for printed and electronic information isn’t very different n Special aspects for web.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. How to Create Web Pages Using HTML Introduction.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.  
TIPS FOR PROJECTION The Show Comes First TEXT - TIPS FOR PROJECTION Headers should be 36pt-44pt on a 4:3 ratio Standard body copy size should be 28pt-32pt.
Web Development Life Cycle from Beginning to End…and BEYOND!
Web Development & Design Foundations with HTML5 7th Edition
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Web Technologies Website Development Trade & Industrial Education
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.
PowerPoint Basics “Just what are we trying to do with this software anyway?”
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
DPT II Jeopardy Photo Editing Custom Colors Advanced Layout & Design Presentation Design Web Page Design Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Web Page Design Principles
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Tips on making a Corporate Identity By Jennifer L. Bowie & You!
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Bad/Good Power Point slides
Introduction to Web Page Design. General Design Tips.
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Web Site Design 15 Easy Steps to an Excellent Web Site.
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,
Don’t have to be a designer to know when something just ain’t right…
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 4: Importing Text and Formatting a Newsletter © 2010 Pearson Education, Inc. | Publishing.
Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
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.
Creating Great Graphics Creating Great Graphics Design Elements worthy of Consideration Design Elements worthy of Consideration.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
We looked at these two presentations and talked about the structure of setting up the table.
Lesson 13 – Color and Typography. 2 Objectives Understand basic color theory. Understand the color wheel. Understand how color is presented on a computer.
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.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
© 2004 The McGraw-Hill Companies, Inc. All rights reserved. The Advantage Series Microsoft Office Word 2003 CHAPTER 4 Printing and Web Publishing.
Pre-Production Meet with the client to create a project plan:
Designing Documents, Slides, and Screens
Web Development & Design Foundations with HTML5 8th Edition
Section 7.1 Section 7.2 Identify presentation design principles
Web Design Principles.
Objective % Explain concepts used to create websites.
Creating & Managing for Teaching Purposes
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Web Development Life Cycle from Beginning to End…and BEYOND!
Preparing and writing academic posters
Web Design Principles.
Multimedia Web Site Design
Objective Explain concepts used to create websites.
Web Design Principles.
3.05 Develop content for use in marketing communications to create interest in product/business/idea.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Effective Web Site Design Written by Jimmy Ellis

Thesis Designing Web sites to be attractive to your target audience, easy to use, and easy to look at will benefit your company by retaining customer base and lowering marketing expenses.

Hypothesis It is my contention to inform the audience of the necessary design steps and considerations to create an effective Web site to promote a product, service, or person.

Methodology Interviewed Jesse Wells on November 4, 2003 to ascertain the four most important design elements he considers when doing a Web site for the college. Researched the Internet for theories on color, typography, layout and navigation. Went through the steps of changing a default Web site created through Angelfire.com to an effective Web site to promote a service.

Preview Parts of a Web site A basic Web site Layout basics Target your audience Navigation (differentiate your links) Use color to promote Refinement to a finished project

Parts of a Web site Title: the name of the page/document Body: the main portion of the document Navigation: series of links that make it capable to explore the contents of a Web site

a basic Web site A list of links to individual pages Body text Default scrollbar colors Left align

Contrast Choose colors for the text and links that will show up on the background you choose. Make sure they don’t interfere with colorblind people’s perception of your site.

Develop White Space White space is the space between text and other elements on a page. White space is used to emphasize what’s there or what’s not.

Create margins Margins are used to make text more visually appealing and easier to read. Text without margins stresses the eyes.

Language Make sure that the language you use is going to be understandable to your target audience. Try to avoid jargon. If unavoidable you may want to include a section with definitions.

Typography While it’s okay to identify different sections of text with a different color or a different font, effective Web sites will use one of the most common fonts that computers come loaded with.

Putting it together A clean looking, easy to read, easy to navigate, easy on the eyes Web site with high contrast, easy to understand language, and easily identifiable parts.

Choosing Colors Use the RGB (red,green,blue) color wheel or the 6x6x6 cubes to choose complimentary, split complimentary, triad and analogous color schemes. ColorSchemer.com also has a great software program that identifies each of those color schemes based on one color you choose.

Finished Projects

Works Cited “Effective Typography in Web Design.” Fortress Web Design and Hosting. 30 Nov

Works Cited urchoosing.html ursignificance.html ursignificance.html urmodels.html