Due Date: TBA Terminology: Hierarchy, Flow Chart, Grid
System Resources: Graphic Design Solutions by
Robin Landa, HTML 4: Visual Quickstart Exercises: Grid, Color, Background Images
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.
Research and collect urls of other online
portfolio designs to...
clarify design conclusions in navigation
techniques
clarify conclusions
in design thinking by choosing
examples that clearly show the graphic design principles in
action
0
1
2
3
4
Create an online portfolio that expresses
the mood, personality, spirit and / or theme of your work through
the creative concept, imagery, interactivity and typography
0
1
2
3
4
Develop a hierarchy / flow chart by sketching
out the site structure (navigation links)
0
1
2
3
4
Communicate concept / composition using
thumbnail sketches that ...
Are fast and un-detailed
Are drawn in proportion to the dimensions
of the browser window
Convey entirely different creative concepts
Show emphasis, balance, rhythm, unity
Convey composition, sizing and position
Show that you can have more than one good
idea
Show the relationship between graphic elements
Show general shapes of graphic elements
0
1
2
3
4
Develop creative design solutions that
demonstrate effective use of the elements and principles of design
by incorporating it into the roughs of the online portfolio
0
1
2
3
4
Devise and apply
grid systems by using graph paper, ruler and column guides
0
1
2
3
4
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 using
copies of a browser window screen capture
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
0
1
2
3
4
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
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
