CIS 1300 – Web Design SoftwareMichael J. Losacco Design Concepts Using Text & Graphics Effectively.
Web Design Concepts Using Text & Graphics Effectively.
-
Upload
gwenda-cox -
Category
Documents
-
view
219 -
download
0
Transcript of Web Design Concepts Using Text & Graphics Effectively.
Audience for your site
Identify the audience for each site
http://www.yahooligans.com
http://www.fidelity.com/
http://www.noaa.gov/
Headline (San Serif) v. Body (Serif)
HeadlineBody text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text.
Headline / Body Size Contrast
Headline
Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text.
HeadlineBody text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text.
Subheads As Bookmarks
SubheadBody text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text.
SubheadBody text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text.
Graphic Direction
Body text body text body text body text body text body text. Body text body text body text body text body text body text. Body text body text body text body text body text body text.
Branding
Signifies Goods/Services Name
Slogan
Symbol
Design
Something That Won’t Come Off in the Wash
Branding
General
Leo BurnettTechnologyTechnology
Catches The Eye.Catches The Eye.
Brand Wins The Brand Wins The Heart.Heart.
Nike v. Adidas
Logitech
Michelin v. Firestone
FedEx
Case Study Andrew Starling 1/7/2002 Comparison of “Ten Best Web Design Sites”
Nielsen/NetRatings 12/2001 Jupiter Media Metrix 12/2001
Ten “Best Web Design” Sites
AOL Time Warner Yahoo! MSN Microsoft eBay Amazon Lycos About-Primedia Google Walt Disney Internet Group
Popular Design Considerations Home Page
Most effort – represents the company Consistency with inner pages
Main font Verdana Arial Times Roman
Popular Design Considerations - 2 Background color
Mainly white with a touch of blue Color Scheme
Blue Text Link Style
Blue underlined (HTML default) Microsoft and MSN without underlining
(confusing) *12/2001
Popular Design Considerations - 3 Top Navbar for Site Sections
Horizontal on top of page Eight at most
Some with multiple decks
Left Hand Column of Links (vertical list) No consensus: About half of the 10 sites
Right Hand Column of Links (vertical list) No consensus: About half of the sites
Popular Design Considerations - 4 Home Link on the Home Page
Pointless Consistency with inner pages prevails
Home Page Title Be brief
Client-side JavaScript All use JavaScript => Still popular
CSS Most use