Lecture Summaries class 9
Prepared by: Anthony Larrain
These notes serve as an outline to the lecture, they are not intended to
be complete. Attend class to get more details.
4 Basic Design Principles - C.R.A.P
Taken from The Non-Designers Web Book by Williams & Tollett
- Contrast
- Avoid items on a page that are merely similar.
- If the items are not the same, make them very different.
- Contrast is often what draws a reader to the page in the first place.
- Rule: Do not use more than two different fonts per page. Make the fonts very different
to make their difference obvious.
- Fonts can contrast in family, size, weight, and, color.
- Repetion
- Repeat visual elements of the design throughout the web site.
- Different pages in the site should look stylistically the same.
- Alignment
- Do not place items on a page arbitrarily.
- Every element on a page should be placed in relation to the other elements on that page.
- Center page elements rarely. Left alignment usually works better.
- Stay away from justified text. Note: Your teacher violates this one
- Proximity
- Items related in meaning should be grouped together.
- Proximity keeps a page organized and reduces clutter.
Getting Images into Your Computer
Image editing
Image editing Software allows for the manipulation of digital images.
- Resizing
- Cropping
- Adjusting Contrast
- Adjusting Brightness
- Increasing or Decreasing Saturation
- A ton of other image processing functions
Various Editors
- Adobe PhotoShop
- Paint Shop Pro
- Ulead Photo Explorer
- PhotoFiltre - its free so we will use that one in the lab.
- A ton more
You are not required to purchase any of these for this course.