9
Lesson 1 Web Design Theory Text, Graphics Links Content Navigation Video, Audio

Lesson 1 Text, Graphics Links Content Navigation Video, Audio

Embed Size (px)

Citation preview

PowerPoint Presentation

Lesson 1Web Design TheoryText, GraphicsLinksContentNavigationVideo, Audio1Limit the number of text colors to 3 or less

Limit the number of fonts to 3 or lessMaking sure fonts are appropriate for your audience

Be consistent with text sizes

Limit the number of Capital lettersTextUsing TOO many Fonts is bad, really BAD2TextAvoid:

Centering paragraphs of text

Excessive blinking, fading or moving text

Using unusual fonts or large blocks of text

Underlined text (exception = links)

Example

LinksLinks should be:Obvious (especially with images)VisibleConcise (where text is used)

Check navigation for dead links

Limit the number of links

Avoid using complex URLs as text links

Avoid using too many links in one areaPages should have a consistent aesthetic

Be clear and decisive:Decide on the appearance Make clear decisionsIndecisiveness may confuse the viewer

Be consistent with:ColorDesign Typography

Example

Graphics, Audio and Video

Logo present on every pageClicking the logo should lead to the home pageLogo should look professional

Use animations when necessary When its too much, people cant focus on the important contentGraphics should not distract the viewers Avoid:Flashing graphicsClip artLarge file sizesExcessive color schemes

Example

Graphics, Audio and Video

Navigation should be:PredictableEasily understoodDirect users should not have to click more than 4 times to find the information they needTailored to the users needs

Where there is a drop down menu bar:Use logical categories and subcategories

Example

Navigation

Content should be:

As efficient as possibleOrganised to meet the viewers needsAppropriate to the audienceEngagingRelevant AccurateBroken down into logical categoriesPrioritised with most popular/relevant seen first

Example

Content

End of Lesson 1We are happy to help you!