GRDSN 215: Web Process V
Informational Web Site
Terminology: Browser Window, Screen Capture, Proportion
Resources:
- Logo Tutorial
- Techniques for creative thinking
- Gestalt principles
- Yale Web Style Guide
Exercises:
Pictogram Exercise
In Class Exercise: Thumbnail Exercise
Performance Objectives: (Things you will be able to learn...) and Criteria: (This is how well it has to be done...)
Instructions: Select a score for each outcome below based on the following scale...
0= Clearly does not demonstrate competency.
1= Demonstrates basic understanding of competency.
2= Demonstrates clear understanding of competency.
3= Demonstrates competency with clarity, uniqueness and depth.
4= Demonstrates competency at a professional work level.
1. Collect and gather examples of web sites to clarify conclusions in design thinking by choosing corporate identity solutions that clearly show the graphic design principles in action
0 1 2 3 4
2.Create a logo / web design that expresses the personality or spirit of the company through the creative concept, imagery, interactivity and typography
0 1 2 3 4
3. Communicate concept / composition using thumbnail sketches that ...
- Are fast and un-detailed
- Drawn in proportion to the dimensions of the finished piece
- Convey an entirely separate or different creative concept
- Show emphasis, balance, rhythm, unity
- Convey composition, sizing and position
- Shows that you are able to come up with more then one good concept
- Show the relationship between graphic elements
- Show general shapes of graphic elements
0
1
2
3
4
4.Develop creative design solutions that demonstrate effective use of the elements and principles of design by incorporating it into the comprehensive corporate identity design
0 1 2 3 4
5. Use the Gestalt principles by showing use of similarity, proximity, continuation, closure, figure/ground
0 1 2 3 4
6. Devise and apply grid systems by using graph paper, ruler, column guides and tables
0 1 2 3 4
7. Communicate refined concept, detailed composition and typographic formatting using tight roughs that...
Work off of one of the previous thumbnail sketches
Are in proportion or actual size (800x600) using copies of a browser window screen capture
Example(s):
- Convey type choice
- Convey type size, spacing and leading
- Indicate usage of color
- Convey photographic or illustrative imagery
- Create each rough as an entirely different creative concept
- Are hand drawn using pencil, felt tip or colored pencil (or they may be computer generated)
0 1 2 3 4
8. Develop a hierarchy / flow chart by sketching out the site structure (navigation links)
0 1 2 3 4
9.Incorporate original or copyright free illustrative / photographic imagery by...
- using image manipulation or illustrative software to create original artwork
- researching copyright free photographic imagery
- researching copyright free illustrative imagery
0 1 2 3 4
10. Be productive and use studio (class) time effectively by...
- showing up to all class meetings
- determining when the project is due
- using a calendar to set specific goals
- use time wisely to get the job done
- bringing research and other necessary materials with you to class
0 1 2 3 4
11. Student will be a able to work in a group situation by...
- Communicating effectively
- Willing to accept new ideas
- Willing to contribute ideas
- Willing to know when to speak when to listen
- Willing to keep a positive attitude
- Leave your ego at the door
- Attend meetings physically and mentally
- Be prepared
- Don't expect to show up with nothing and get something
- Create an equal work distribution
- Try not to be the person that is slacking off and expecting people to cover for you
- Bring a lightness and humor to the group
- Be flexible for scheduling
- Be helpful
- Define team leaders and roles
- Delegate and then let go
- Learn to say no and Learn to say yes
- Share expenses equally
- Be decisive
- Respect other peoples views and set aside differences
0 1 2 3 4
12. Create a logo design that meets the following criteria: Logo_Criteria.pdf
0 1 2 3 4
Suggestions for improvement: