SlideServe
Télécharger Obtenir Pro
Menu
Accueil Pro
Préférences
ApparenceLight Aide et commentaires
© SlideServe · v2026

Web Page Design

lotus avatar
lotus
16 diapositives · 714 Views · Sep 23, 2010

Web Page Design. ECE 3940 Megan O’Byrne 10 September 09. 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 Different browsers, screens and displays can change how a page looks

#onash arts arts melbourne monash university faculty humanities undergraduate postgraduate courses degree bachelor ba phd doctorate victoria australia south africa malaysia
Web Page Design - slide 1
01 / 16Web Page Design
1 / 17

Télécharger la présentation

Web Page Design
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation

  1. Web Page Design ECE 3940 Megan O’Byrne 10 September 09

  2. 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 • Different browsers, screens and displays can change how a page looks From Principles of Web DesignBy Joel Sklar

  3. How We Read Text Following normal reading habits, the users eye moves from left to right

  4. How We View Screens Looking at a screen, the users eye scans in a more clockwise pattern

  5. How Will Your Users Read/View? • If a page uses a lot of text, the user will read in a more traditional, left to right manner. • If a page has more graphical elements, the user is more likely to take in the whole page.

  6. Accepted Relative Areas of Importance

  7. Questions to Ask Yourself • What is the purpose of my website? • Who is my main audience? • My secondary audience? • What information do I want to present?

  8. Designing Your Site Step 2: Plan your sites hierarchy • How are your pages linked together? • How many links exactly? • Where does the user go next?

  9. A Structure That is More Wide Than Deep

  10. A Structure That is More Deep Than Wide

  11. Designing Your Content Step 3: The “do’s” of good web design • Name files consistently and logically • Keep a consistent look and feel • Use colors that are high in contrast • Design for low bandwidth

  12. Designing Your Content More do’s • Use active white space • Design for interaction • Use hypertext linking effectively • Design for accessibility

  13. Designing Your Content Step 4: Things to avoid, aka, the “don’ts” • Don’t overuse media • Don’t make users scroll too much • Don’t flood pages with content • Don’t choose colors or images that make the page hard to read

  14. Designing Your Content • Don’t forget to title everything: images and pages • Don’t assume that your users know where to go • DON’T USE FRAMES!

  15. Getting Started • Select a design tool/program • Determine page layout • Re-read assignment sheet and rubrics • Consider how best to represent “you”

  16. Examples • The worst: www.webpagesthatsuck.com • Similar to this assignment: http://iml.jou.ufl.edu/Homepages/