General
Types of Design
Tools/Shortcuts
Design Principles
File Types
100

Symbols that communicate or represent a message.

What is icon or iconography?

100

The specialization of layout and composition of publications, such as books, magazines or newspapers.

What is editorial design?

100

This Adobe program is used for vector work.

What is Adobe Illustrator?

100

The practice of arranging elements in order of importance, to direct a user’s attention to content and tools that can meet their needs. 

What is hierarchy?
100

The file name for .ai, .psd, .indd.

What is native file?

200

The red hairline rules that define the amount of extra area to image outside the defined page size.

What is bleed?

200

The animation of graphics. Not to be confused with animated films, motion design focuses on shorter pieces of animation that is used to entertain or impart information.

What is motion design?
200

The key you hit on the keyboard when you are using a pen tool and need to change the direction of the next curve.

What is Alt/Opt? (Depending on your computer)

200

The path your eye takes through a design.

What is movement?

200

The file best used for logos, icons, and images that need to appear sharp and high quality.

What is SVG?


Bonus 1 Pt if you know what the abbreviation means.

300

A color based on the process of removing and adding cyan, magenta, yellow, or black. Use for full color graphics. Ideally for cheaper budgets.

What is process color?
300

A visual representation of data or information in order to better help viewers consume the info quicker and clearly.

What is infographic design?

300

This Adobe program lets you edit and manipulate photos or imagery. Great for raster art/images.

What is Adobe Photoshop?

300

Refers to the stress placed on a single area or a unifying theme, sometime through a specific focal point. 

What is emphasis?

300

The standard vector file for print work (including billboards, posters, large-scaled prints, etc.)

What is EPS?


Bonus 1 Pt if you know what the abbreviation means.

400

The standard PPI for print work.

What is 300ppi?

400

A visual representation of written content and can be used both as a decorative element or to further explain content.

What is illustration design?
400

This Adobe program is used to create layouts and multi-page documents.

What is Adobe InDesign?

400

Brings together the elements of the composition through measured repetition of visual accents that reference a speed or tempo. 

What is rhythm?

400

This file saves with a transparent background.

What is PNG?

500

A color made with pre-mixed inks to get a specific color. You should not use this method for more than 3 colors.

What is spot color?

500

Focuses on how a user interacts with an application by designing for digital products and applications.

What is UI (or User Interface) design?

500

These shortcuts mean Cut, Copy, and Paste. (List all the keys and include in parenthesis the shortcut meaning.)

EX: CMD+A (Select All)

What is CMD+X (Cut), CMD+C (Copy), and CMD+V (Paste)?

500

Creates visual separation between design elements, helps emphasize important details and guides a user’s eye more effectively.

What is white space?

500

These two file types save pixel-based images.

What are PNG and JPG?

M
e
n
u