Directions: Turn
in hard copies for this assignment. Be sure to include
your name.
Activity
#1 Create 12-24 Thumbnails
|
Using the
form provided, Create between 12 and 24 thumbnail sketches
of a possible Home page. A thumbnail is a
pencil sketch of small, quickly produced exploratory designs
for the pages using shapes and scribbles.
You should
brainstorm, draw anything that comes to mind and not dwell
on right or wrong ideas. As you review the sketches, you will
find 2-3 promising designs and perhaps include pieces of the
other thumbnail designs that you like for your next step.
Click
here for Word document form to use for Activity One:
Thumbnails
Activity
#2 Produce a Design Rough
or a Comp
|
Once you
select the 2-3 promising thumbnails, you would usually produce
a Design Rough. A design Rough is an intermediate
step between a thumbnail sketch and a finished Comp. You
will choose one of the thumbnails or piece several together
to produce either a drawing or a digital layout.
A "Comp" is
short for comprehensive. It is a design/artwork ready to
present to your client or for yourself that is nearly finished.
It may not be functional but is a digital version of your
Design Rough that puts together your design concept in terms
of imagery, graphic elements, and type as it would likely
appear.
Click
here for Word document form to use for Activity One:
Comp
Activity
#3 Make a Storyboard
of Your Website
|
Directions
- A storyboard is a hierarchical chart,
a decision tree showing the relationships of your pages.
The organizational structure suggests the navigation but isn't
the navigation for the site. It is a structure that
shows how content will be grouped into pages and the relationship
between those pages.
Create
a storyboard for your site. Indicate some design
content/elements and page functions for each
page and NAME each page with: 1) a page title and
2) a file name.
I suggest
you either:
- Pencil
sketch it - or -
- rough
it on paper then do it with post-it notes; when satisfied
with your first draft, make an organizational chart of
the post-it notes and attach them to a page as a parent/child
hierarchy. - or -
- Use
Illustrator, Word, or other software to create it.
Example
of a page (post-it) note:
|
