Upload
diana-gibson
View
235
Download
1
Tags:
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!