Effective Web Site Design Written by Jimmy Ellis.
-
Upload
joshua-griffith -
Category
Documents
-
view
215 -
download
2
Transcript of Effective Web Site Design Written by Jimmy Ellis.
![Page 1: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/1.jpg)
Effective Web Site Design
Written by Jimmy Ellis
![Page 2: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/2.jpg)
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.
![Page 3: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/3.jpg)
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.
![Page 4: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/4.jpg)
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.
![Page 5: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/5.jpg)
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
![Page 6: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/6.jpg)
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
![Page 7: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/7.jpg)
a basic Web site
• A list of links to individual pages
• Body text• Default scrollbar
colors• Left align
![Page 8: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/8.jpg)
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.
![Page 9: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/9.jpg)
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.
![Page 10: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/10.jpg)
Create margins
• Margins are used to make text more visually appealing and easier to read.
• Text without margins stresses the eyes.
![Page 11: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/11.jpg)
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.
![Page 12: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/12.jpg)
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.
![Page 13: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/13.jpg)
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.
![Page 14: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/14.jpg)
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.
![Page 15: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/15.jpg)
Finished Projects
![Page 16: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/16.jpg)
Works Cited
“Effective Typography in Web Design.” 1999. Fortress Web Design and Hosting. 30 Nov. 2003 <http://www.fortressdesign.com/typography.html>
http://www.tcd.ie/Webdesign/layout.phphttp://www.tcd.ie/Webdesign/colour.phphttp://www.tcd.ie/Webdesign/frames.phphttp://www.tcd.ie/Webdesign/lang.php
http://www.arnb.com/webdesign/chap7/chap7.htmhttp://www.arnb.com/webdesign/chap7/cwheel/cwheel.htmhttp://www.arnb.com/webdesign/chap7/cwheel/cube.htm
![Page 17: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/17.jpg)
Works Citedhttp://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/colourchoosing.htmlhttp://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/coloursignificance.htmlhttp://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/coloursignificance.htmlhttp://www.yorvic.york.ac.uk/~mgwt/KKwebcourse/colourscience/colourmodels.html
http://www.colorschemer.com/http://www.colorschemer.com/tutorial.htmlhttp://www.colorschemer.com/help1.html
![Page 18: Effective Web Site Design Written by Jimmy Ellis.](https://reader035.fdocuments.in/reader035/viewer/2022062717/56649e3f5503460f94b2ff1d/html5/thumbnails/18.jpg)