Transcript Web Design
Web Design by Anne Galante The Good, the Bad, and the Ugly! Your Website may not be a peacock at first! Don’t let your website be the ugly duckling! Your website can turn into a swan …..with some tips. Web Design Topics Background Page Colors Layouts Color Schemes Fonts URL Names Movement Technical Home Page Colors -Ugly My home Page Stay away from base colors like red. They are hard to read! Home Page Colors – Bad Never, never use black as a base. http://www.ocf.berkeley.edu/~chenj/brucelee/ brucelee.html Home Page Colors - Good Using soft a soft color palette for background color. Using a soft color font Home Page Colors - Good About us Project Web My Personal Site Stick to white/light colored backgrounds. Use color for titles and toolbars. Try using a color wheel for a decorators touch msn.com Home Page Colors - Good Monochromatic Color Scheme. About us Project Web My Personal Site Home Page Colors - Good Contrasting Color Scheme. CondéNet and Condé Nast Magazines About us Project Web My Personal Site Font Usage – Ugly to Bad Do not mix different colors in sentences! Do not mix fonts in a sentence. It’s hard to read blinking words! . (10 pt) (ie. Do not make fonts to small) Do Not make Fonts to small Font Usage - Good Use a different font for heading and paragraphs. Acceptable Paragraph type sizes are: Example of 14pt Example of 16 pt Use the following fonts: Arial, Courier, Fonts will be limited based upon what tools you use to make your website. Web Page Content What are you trying to convey? What fill be the function of your Website? Informative Interaction Data Collection Homework Help General Information Calendar/Lunch Menu Start with a design first URL Names Give some thought to the name Easy to remember May be restricted/used already Domain Names run out eventually 1,5,10 years How will others know what the URL is? Sample of School Websites Find a design you like and http://www.bestschools.org/ http://www.syosset.k12.ny.us/ http://www.lynbrook.k12.ny.us/site/index.cfm http://www.adelphi.edu/ http://www.usmma.edu/ “The secret to creativity is knowing how to hide your sources.” Albert Einstein (1879 - 1955) Find a design you like and incorporate Keep your website up to date References: Web Style Guide http://webstyleguide.com/ Patrick Crispen Classroom Resources http://www.netsquirrel.com/classroom/ Web Page Design http://www.wpdfd.com/ Accessible Web Page Design http://www.makoa.org/web-design.htm