Introduction to Digital Design Production
- Order the following units by size of 1 unit: centimeters, ems, inches, pixels, and points.
- What is the color mode for on screen art work? Why?
- What is the color mode for printed art work? Why?
- Of the following terms choose 3 and define, describe, and explain its importance: canvas dimensions, resolution, color mode and setting up guides, grids, snap, and utilizing the layers, history, navigator, and info pallete.
- Explain the steps to creating a recorded set of instructions (referred to as an "action" in Photoshop)
- Describe best practices when working with a group on a Digital Design Production project, specifically items that can be completed in Photoshop to enhance cohesiveness.
- Why is it important to use appropriate and meaningful naming conventions with layers. How do layer groups enhance this?
Optimizing Images for the Web
- Explain dithering. When and why does it happen? Is it a problem? Defend your answer.
- Choose 5 picture formats from the ones listed. For each, define the acronym, define the term, briefly discuss advantages and disadvantages to the file type and when the file type should be used.
- What are the standard resolutions for on screen and print work? Why are they different?
- What is a vector based digital design program? Give an example.
- What is a pixel based (raster) digital design program? Give an example.
- What does image optimization mean? Why is this important in designing for the web?
- Explain your preferred image format, citing optimization benefits.
Principles of Composition
- List and explain the 7 elements of art. Draw an example of each.
- Describe what a color scheme is and its impact.
- List 3 common color schemes and give an exmaple of each.
- Why is color so important?
- Compare and contrast each: logo, identity, and branding.
- Critique the following logos. Be sure to comment on the 7 elements of art, color, use of type, and conveyance of themes. Give 3 logos.
- Draw "hep" in a serif style. Label the baseline, x-height, counter, ascender, descender, shoulder, stem, and serifs.
- What is a kerning pair? Explain.
- Explain type considerations. Is it an element or simply text?
Creating Web site designs
- Draw 2 common website layouts merely by outlining the required sections of every website. Be sure to label each.
- In regard to building website layouts, what is a grid and how is it used?
- A friend tells you she is going to begin designing sites with a 960 grid, help her defend her argument.
- A friend tells you he is going to continue designing sites with a 760 grid, help him defend his argument.
- If you choose to use a non-widely supported typeface on your site what are your options to ensure cross browser/system compatibility.
- Describe the elements of a wireframe.
- What are states of interaction and how would you show them on a wireframe?
- Explain why emphasis is placed on a wireframe to mockup methodology.
Transferring a design to the Web
- Draw a folder heirarchy you would suggest for a new website project. In a few sentences explain your choices.
- Explain Digital Design Tools that enhance your ability to break apart a mock up.
- Explain image transparency issues and methods for combatance.
- List one browser compatibility issue. Cite the browser name, version (if applicable), and explain the issue.
Introduction to SVG
- Define SVG and briefly describe the technologies used.
Using CSS to achieve style
- Write a style rule to make the blue.png file tile vertically on the body background starting at the top left.
- Write a style rule to convert a vertical unordered list to a horizontal list.
- Write a style rule to add a bullet style image (blue.png, 15px × 15px) to a link in an unordered list.