PrinciplesofWebDesignPPT8309

PrinciplesofWebDesignPPT8309 - Principles of Web Design...

Info iconThis preview shows pages 1–13. Sign up to view the full content.

View Full Document Right Arrow Icon
M. Reber © 01/12/12 Principles of Web Design Design Elements That Work
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2 Overview Characteristics of Web Pages Print vs. Web Pages Elements of Web Page Design Principles of Web Page Content Dos and Don’ts Website Reader Friendliness Checklist Exercise
Background image of page 2
3 Overview Characteristics of Web Pages Print vs. Web Pages Elements of Web Page Design Principles of Web Page Content Dos and Don’ts Website Reader Friendliness Checklist Exercise
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4 Characteristics of Web Pages Create building blocks of a website, like a page in a book Require a browser such as Internet Explorer, Firefox etc to be viewed Contain HTML (hyper text markup language) code to define format and functions Include text, downloadable files, audio, video and animation in different formats Allow non linear navigation to other pages through hyperlinks
Background image of page 4
5 Overview Characteristics of Web Pages Print vs. Web Pages Elements of Web Page Design Principles of Web Page Content Dos and Don’ts Website Reader Friendliness Checklist Exercise
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
6 Print vs. Web Pages: Similarities Writing principles Customized content for different user groups Clear, concise, accurate, and relevant content Simple and easy-to-understand language Design elements Good typography White space, emphasis, and contrast Simple, clutter free page design and layout
Background image of page 6
7 Print vs. Web Pages: Differences 6 Features Print Pages Web Pages Content Uniform for all users User specific content Links and labels Not available Standard features Navigation tools Not available Standard features Distribution Limited / local distribution Global distribution Sound and Animation Not available Available in different formats Performance Does not vary Internet speed affects performance Interactivity Low volume and delayed response times Instant response through email and message boxes
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
8 Overview Characteristics of Web Pages Print vs. Web Pages Elements of Web Page Design Principles of Web Page Content Dos and Don’ts Website Reader Friendliness Checklist Exercise
Background image of page 8
9 Elements of Web Page Design Emphasis Contrast Typography Color and Graphics Navigation Visual Balance
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
10 Elements of Web Page Design: Emphasis Communicates your message effectively Highlights placement of most important topics Determines information organization on the page Common ways to emphasize: Use of white space to make elements stand apart Bold, big, italics, different colors, borders, etc. Effects (drop shadow, glow, texture), shapes, etc
Background image of page 10
11 Elements of Web Page Design: Contrast Generates visual interest by making page appealing Enables easy navigation and directs user to desired part of the page Common ways to contrast: Use of white space, reverse text, larger size, italics Borders, different colors, and effects Distinct labels and links
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
12
Background image of page 12
Image of page 13
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 48

PrinciplesofWebDesignPPT8309 - Principles of Web Design...

This preview shows document pages 1 - 13. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online