ART/CGI
222 Web design 2
Professor
Terry Towery
Pre-Requisite:
ART/CGI
221 Drop it now if you haven't taken 221. You should have basic html
skills and knowledge of Adobe Photoshop.
Description:
This
is an advanced web design course focussing mostly on Macromedia's Flash. It
picks up where 221 left off and includes a little bit of Dreamweaver. We will
discuss issues that concern creating effective web sites. We will also discuss
effective techniques for animation and design.
Textbook:
Visual
Quickstart Guide, Flash for Windows & Macintosh by Katherine Ulrich.
Peachpit Press
Strongly Recommended Book: The Non-Designer's Design Book by Robin Williams.
Peachpit Press; ISBN: 1566091594
Materials needed:
Zip disk, Formatted for
macintosh (if you have a PC at home with Flash on it I recommend you also
have a separate PC formatted zip disk)
Sketchbook
Grading: You must submit
everything you have done in this course at the end of the term.
I want to see evidence on the server that you have worked every week.
You must do the reading and assignments in this class to pass. I will not
check the homework every week but I will check it periodically to be sure you
are keeping up.
35% of your grade will be based on the midterm web site due the 8th week of
class.
45% of your grade will be based on
the final web site due the last week of class.
10% will be based on the homework and assigned readings
10% will be based on class participation, especially in critiques and design
discussions.
Helpful
Resources online:
Flash
tutorial from Virtual FX
Macromedia.com
(there is a free 30 day
trial version available on the site. Time it wisely so that it doesn't expire
right at the end of the term when you need it most...)
Webmonkey.com
is a great resource for almost anything web related.
|
Week
1
|
Course Calendar
Intro to course Find an interesting flash based site and send me the URL. Be sure to put ART/CGI 222 in the subject line. |
Homework
Get the textbook |
|
Week
2 session 2
|
Review Server accounts set up. Review FTP. |
Begin thinking about and working on your midterm site NOW. |
|
Week
3 session 2
|
Using Illustrator More Illustrator. Exporting Illustrator files to Flash. |
Create a logo in Illustrator based on a letterform Create an interface in Illustrator |
|
Week
4 session 2
|
Advanced Photoshop optimizing file sizes in Photoshop. Gif vs. Jpeg vs.png... More Photoshop. |
Scan at least three of your own images Create the smallest file possible from the scans |
|
Week
5
|
Creating a Design
Document Design Relationships, Elements and Principles - Principles: Unity Variety emphasis balance rhythm Elements: line shape color value texture space Relationships: harmony contrast proportion direction motion scale space |
Read the sections on Design and information architecture in webmonkey Midterm Design Document due next Monday!!! |
|
Week
6 session 2
|
Making things
in Flash Using
the interactive help in Flash. |
Chapter 1 &
2 in textbook |
|
Week
7 session 2
|
Modifying things.
lab session for Midterm crit |
Chapter 3 in book |
|
Week
8 session 2 |
Midterm Critique Continue Crit |
BE
ON TIME TO CLASS YOU MUST PARTICIPATE IN THE CRITIQUE!!!
|
|
Week
9 session 2
|
layers in Flash Frame by frame animation
|
Chapter 8 in textbook |
|
Week
10 session 2
|
Animation
Shape tweening |
Chapter 10 in textbook |
|
Week
11 session 2
|
Putting
it all together Publishing options |
Chapter
16 in textbook
|
|
Week
12 session 2
|
Making it interactive Frame based behaviors |
Chapter
15 in textbook
|
|
Week
13 session2
|
Sound and video Video |
Chapter
14 in textbook
|
|
Week
14 session 2
|
lab session open lab |
Come
prepared to work and ask questions
|
|
Week
15 session 2 |
FINAL CRITIQUE All work must be up on the server by the beginning of class. no excuses!!! |
BE
ON TIME TO CLASS YOU MUST PARTICIPATE IN THE CRITIQUE!!!
|