This Week’s Reading:
- 10 Tips to Improve Your Banner Ad Design and Click-thru Rate
- General review of Textbook
Non-required personal reading:
- Thinking with Type, 2nd revised and expanded edition: A Critical Guide for Designers, Writers, Editors, & Students
- Banner design
Above is my large banner design for this week’s assignment. It meets all of the requirements for the assignment, but I’m not sure how I feel about it design wise.
This weeks Lynda videos went over a lot of review for me. They included a lot on HTML and some on working in Fireworks. I still don’t see myself using Fireworks much when this class is over, but it’s always good to know more types of software.
Really and truly the most interesting and useful thing from this last week is learning about the different file types for images. I’ve never really known the differences, and always have just kinda blindly chose an option (usually PNG). Here’s the most important information about that from the reading.
JPEG = Joint Photographic Experts Group
- amount of compression can be adjusted to achieve the desired trade-off between file size and visual quality.
- use a “lossy” file compression = throws away subtle color differences;
- once compressed image CANNOT be reverted back to its original quality
GIF = Graphic Interchange Format
- implemented in the mid-80s
- GIF files use compression algorithm called Lempel-Ziv-Welch, or LZW
- “lossless” compression – identifies patterns of similar pixels in an image.
- although not technically superior, format is widely supported and thus well established as the default choice for simple graphics;
- GIF89a allows for transparency by color or Alpha channel (but not true transparency)
- Animation is possible in GIF files
PNG= Portable Network Graphics
- implemented in 1995, gradually gained popularity; not widely supported in browsers until 2006
- was designed to replace the older and simpler GIF format and, to some extent, the much more complex TIFF format;
- do not always accurately display on older browsers (anything before IE 7)
- PNG 8 and 32 formats are available; only PNG 8 is appropriate for the web
- “lossless” compression – identifies patterns of similar pixels in an image
- Fireworks now offers “true” alpha transparency in the PNG 8 format
Certain types of images are best saved specifically as GIF, PNG or JPG files
- GIF files are best for type, vector, flat, or hard edged images; handle up to 8 bits, or 256 colors (adjust monitors);
- JPG files are best for continuous tone images like photographs where blends, gradients and hues create complicated color combinations;
- PNG files are best for simple web images, or images that require true transparency against a background (ie, drop shadows, etc.).
(adding the block quote not as filler but so that I can find it again.)
I’ll probably spend some more time this next week researching file types a little more in depth so that I can feel very comfortable with choosing the correct types.
Actually, here’s my favorite educational vlogger on file types!