The Design Revolution

New Industry began 1984 and 1985
Apple Macintosh; first desktop computer that was easy to use and had enough
graphics power
GUI- Graphical User Interface
GUI computer - First computer to use file and folder icons, drop-down menus, and
mouse to perform actions with the computer
Apple LaserWriter; laser printer with high speed and resolution to print graphicsquality images
Aldus PageMaker; electronic page layout software
Prior to computers, traditional workflow included:
Hand-drawn presentations
Process cameras
The Design Revolution
Development of new graphic software
Printers go digital
Computer systems more powerful
Workflow faster and more efficient
It Starts With Creativity
Good design is created with a basic understanding of:
- Design processes
- Theories and concepts of design
Designer/client relationship governs the entire design process
The Design Process
Define the problem
What does the client want? Print or digital media? Budget? Timeframe? Target market
Research the project
 
Research to understand the client and the project
Research sources:
- Internet
- Company salespeople/showroom
- Visit competitors and compare products and services
Create thumbnails and roughs
Thumbnails: –Small, fast sketches used to explore solutions
Roughs: Tighter, more visually refined, Manually or on the computer, with required or potential
formats, layouts, typography, and color for each idea
Prepare comprehensives
-An accurate reproduction of potential solutions to the client’s problem
-Often created on the computer, with type, photography, and illustrations in position to show the
client what each idea looks like -Also known as “comps”
Review and refine the design
-Comps submitted to client
-Client and Designer work together to choose which idea will work best
-Sometimes ideas are combined
-Process continues until client is satisfied
Design elements
–Line - Line properties are Length, Width, Style, Color, Shape, Value, Color, Texture, Space
Design principles
–Balance, Proximity, Alignment, Unity, Emphasis, Rhythm
Introducing Vector-Draw
Adobe Illustrator- Produce fine art drawings
–Vector objects are paths plotted by mathematical points
–Fully scalable Retains high-quality output Beautiful detail and style
Adobe Illustrator- Produce fine art drawings
-Complex technical drawings
-High degree of realism
-Simulate airbrush and watercolor
-Advanced typography
Create Shapes Using Stroke and Fill
-Process color-Combines four ink colors
printed one on top of other to re-create full color
Referred to as CMYK
Cyan Magenta Yellow K for Black
Stroke - Applied to any line. Thickness, color, line style or, texture.
A color model is how color is described within a system of color reproduction
Grayscale -Shades created by varying combinations of black and white
Computer graphics printers output 256 shades of gray
Grayscale handled as screen tint of black
–Limited budgets, one-color jobs
Microsoft Word Drawing Toolbar
Print Graphics Questions
1. ________________ ______________ are independent of the text; inline graphics are attached to
the text and move with it.
2. _______________ is a picture or drawing created with the intention that artwork will be used by
others. ________________ is packaged with desktop publishing software or can be purchased
3. What graphic file types can you use in print documents?
______________________________ and ______________________________
4. What are two options for text wrapping?
5. In desktop publishing, what is one use for a watermark?
Introduction to Computer Graphics Book Questions
6. Prior to computers, what methods were used to create design publications?
Please list 3 of the 4 methods.
7. Please explain the 4 steps in The Design Process and briefly describe each one.
8. What is the difference between vector and bit mapped software? Please name an example of each
one and briefly describe what they are used for.
9. Give 3 examples of how you could research a project.
10. Process color combines four ink colors printed one on top of other to re-create full color. What does
CYMK stand for?
11. What are thumnails and why are they an important process in design?
12. You are working in Photoshop and you placed an image on the page. You have 5 layers of
pictures. You realize that the picture you just pasted is too large. What steps and tools will you do in
order for the image to fit?
13. How does a flatbed scanner work?