Graphic Design

2. What is Websites?
• Collection of pages or files linked together
• Available on the World Wide Web
• Authored & owned by:
Company Organization Individual

3. • Body of information that is available to visitor.
• Subject and substance of text and graphic.
• Careful organization of website content into
hierarchical or sequential order.
• Visual design of IA: navigation system
• Motion aesthetics: process & consideration of how
form creates impact over time in design.

4. Public services non-profit groups
Organizations
Government
Commercial
Educational
Editorial
Reference
Institutional promotion
Transactional
Self-promotion
Hybrid/experimental
Gaming
Entertainment
Video Sharing
Photo sharing
Blogs
Communities
Social networking
Professional networking
Intranet

5. Successful design includes:
• Online experience that is entertaining,
educational, exciting, intriguing or rich
• Visitor become an active participant (user)
by making choices to:
1. Visit a site
2. Move through site
3. Enter information/comments
4. Generally interact with content

6. Visitor can search and download:
1. Information @ program
2. Purchase products
3. Play games @ enter contests
4. Watch movie @ TV program
5. Comment on message box @ IM
6. Blog
7. View animations and videos
8. Read information and fiction
9. Obtain news
10. Academic Courses

7. Web design is a collaborative process that takes
a team of experts usually including:
Lead creative team
IT professional
Producers
Writers
Animators
Programmers
Tester
Client
Psychologist/social anthropologist

8. • Require thorough prototyping, where the site is created and
tested for usability.
• Ten steps of website development process:
1. Project plan
2. Creative brief
3. Site structure
4. Content outline
5. Conceptual design
6. Visual design development
7. Technical specs
8. Prototype
9. Technology
10. Implementation

9. • Design concept is the driving idea-the backbone-of website.
• Related to design concept development .
• Brand image should be consistent across all media.
• Must be consistent “look and feel”.
• Each page may have differences but still visual unity throughout.
• Home page is primary entrance to website
• Contains the central navigation system.
• Types of web navigation:
1. Portal = leads to many other site
2. Primary global/meta
3. Secondary/sub navigation
4. Single web page navigation

10. • Designer must consider:
1. Concept generation
2. Function
3. Form
4. Aesthetics
5. Meaning
6. Ultimately communication
• Brand image should be consistent across all media
• Theme can be used as consistent design element if can identify
the theme that best tells about group/brand.
• Screen–based: composed on multiple media items, has duration
• Audio: provide strong component in screen-based media.