Center for Teaching and Learning
| Conferences and Meetings |
Digital Portfolio presentation 10/29/04
Basic design fundamentals [Outline]
- C.R.A.P.
CONTRAST http://www.virtuallastchapter.com/examples/chapter02/handtooled/index.html
The idea behind contrast is to avoid elements on the page that are merely similar. If the elements (type, color, size, line thickness, shape, space, etc.) are not the same, then make them very different. Contrast is often the most important visual attraction on a page—it’s what makes a reader look at the page in the first place.
REPETITION
http://www.cowboysindians.com/
Repeat visual elements of the design throughout the piece. You can repeat colors, shapes, textures, spatial relationships, line thicknesses, fonts, sizes, graphic concepts, etc. This develops the organization and strengthens the unity.
ALIGNMENT
Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page. This also strengthens unity.
PROXIMITY
Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather than several separate units. This helps organize information, reduces clutter, and gives the reader a clear structure.
- Web sites that work and don’t work and why
- What technology should you use to create a web site?
- Dreamweaver
- Frontpage
- Composer
- Word
Resources:
Robin Williams: Design for Non designers
Donis A. dondis: A Primer of Visual Literacy
Pentak/Lauer: Design Basics
Virtuallastchapter.com
Sample student sites:
Kalamazoo:
http://www.kzoo.edu/pfolio/outstanding.html
Clemson:
http://people.clemson.edu/~aschuer/
http://people.clemson.edu/~jsreyno/
http://people.clemson.edu/~ecrosby/ePortfolio/
http://people.clemson.edu/~jfoose/
http://people.clemson.edu/~saposte/index.html
http://people.clemson.edu/~eosguth/
http://www.clemson.edu/errors/novell_404.php
http://www.stolaf.edu/depts/cis/wp/wernerb/
Agnes Scott College
http://ecademy.agnesscott.edu/~nwright/
http://ecademy.agnesscott.edu/~jking/
http://ecademy.agnesscott.edu/~bmears/
http://ecademy.agnesscott.edu/~lbutler/
http://ecademy.agnesscott.edu/~ktiller/index.htm
http://ecademy.agnesscott.edu/~jturner/
http://ecademy.agnesscott.edu/~jfrazier/
http://ecademy.agnesscott.edu/~ccovic/index.htm
http://ecademy.agnesscott.edu/~mjerzak/index.htm
 |
Agnes Scott College Center for Teaching and Learning |