Home
Syllabus
Class Sessions
CourseWork
Blackboard
Discussion Topics
Student Progress
LEX 6 - Thumbnails, Rough or Comp, Storyboard Your Site

Directions:

Activity #1 Create 12-24 Thumbnails

Using the form provided, Create between 12 and 24 thumbnail sketches of possible Splash page, Home page or site template 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

NOTE: Turn this in in class and describe it in Blackboard

Activity #2 Produce a Design Rough or a Comp

1. 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

NOTE: Turn this in in class and describe it in Blackboard

2. 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.

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.

I suggest you either (Turn-in Options):

  1. 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. Turn it in in class and describe it in Blackboard

    - or -
  2. Use Illustrator, Word, Excel or other software to create it. Describe it and turn it in in Blackboard as a file attachment.

Example of a page (post-it) note: