83
edits
Design: Difference between revisions
m
edited picture captions.
m (added image to usability) |
m (edited picture captions.) |
||
| Line 1: | Line 1: | ||
[[File:Website_design-300x300.jpg|frame|alt=Web Design| | [[File:Website_design-300x300.jpg|frame|alt=Web Design|Examples of webpage design.]] | ||
Design is an important aspect to remember when writing for the screen. In digital writing, design pertains to the look of the website and arrangement of the text, graphics, and other objects that make up the site. Proper web design is the balance of visual sensation and graphic information<ref>Lynch and Horton "Page Design"</ref>. | Design is an important aspect to remember when writing for the screen. In digital writing, design pertains to the look of the website and arrangement of the text, graphics, and other objects that make up the site. Proper web design is the balance of visual sensation and graphic information<ref>Lynch and Horton "Page Design"</ref>. | ||
| Line 7: | Line 7: | ||
==Consistency== | ==Consistency== | ||
[[File:72-a21f0f9bce.jpg|thumb|alt=Webpage Design|Mini Cooper | [[File:72-a21f0f9bce.jpg|thumb|alt=Webpage Design|This Mini Cooper webpage has a very consistent design.]] | ||
Web content must be consistent in both content and appearance. For example, if the website has a logo, make sure that it appears on all pages. The text on each page must also be consistent. This is best achieved through the use of a web style guide<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>. | Web content must be consistent in both content and appearance. For example, if the website has a logo, make sure that it appears on all pages. The text on each page must also be consistent. This is best achieved through the use of a web style guide<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>. | ||
| Line 25: | Line 25: | ||
==Usability== | ==Usability== | ||
[[File:Highlight-link-text.jpg|thumb|alt=Hyperlinks|Example of links in text]] | [[File:Highlight-link-text.jpg|thumb|alt=Hyperlinks|Example of links in text.]] | ||
When viewers arrive at each website, and pages within that site, the users will have to relearn how to use the site if the design and elements are different on every page. This is why having a constant design and easy navigation are necessary<ref name= "Horton">Horton "Page Layout"</ref>. | When viewers arrive at each website, and pages within that site, the users will have to relearn how to use the site if the design and elements are different on every page. This is why having a constant design and easy navigation are necessary<ref name= "Horton">Horton "Page Layout"</ref>. | ||
| Line 45: | Line 45: | ||
==Navigability== | ==Navigability== | ||
[[File:87981.jpg|thumb|alt=Navigation bar|Example of navigation bars]] | [[File:87981.jpg|thumb|alt=Navigation bar|Example of common navigation bars.]] | ||
[[Navigation and Usability|Navigability]] is provided by tool bars, blog rolls, links, and navigation bars on the web site. Navigation is important so that users will not be lost on the web page, figuratively and literally. | [[Navigation and Usability|Navigability]] is provided by tool bars, blog rolls, links, and navigation bars on the web site. Navigation is important so that users will not be lost on the web page, figuratively and literally. | ||