NEW
Font size
WorksheetsDesign & Layout Principles
Total questions: 70
Worksheet time: 35mins
Size or amount of design object in relation to the other objects in the document
Proportion
Balance
Symmetrical
Asymmetrical
Appearance of having equal visual weights
Proportion
Balance
Symmetrical
Asymmetrical
Creating balance by using the same objects, shapes, colors or movement on each half of a design so it appears one side of the design is a reflection of the other
Proportion
Balance
Symmetrical
Asymmetrical
Creating balance in a design using a variety of objects, shapes, colors, movement or white space which have equal visual weight but are not the exact same of each half
Proportion
Balance
Symmetrical
Asymmetrical
Organization structure which ranks objects by importance
Hierarchy
Emphasis
Harmony
Repetition
Use of design elements to draw attention to a focal point
Hierarchy
Emphasis
Harmony
Repetition
Use of repeated design elements, such as size, color, typeface, spacing or grid structure
Hierarchy
Emphasis
Harmony
Repetition
Feeling of cohesiveness between all design elements in a design
Hierarchy
Emphasis
Harmony
Repetition
Method used to deliver content to audiences
Medium
Large
Single-page layouts
Multi-page layouts
Any documents which are viewed at once on one page or screen
Medium
Large
Single-page layouts
Multi-page layouts
Any documents which contain multiple pages or screens
Medium
Large
Single-page layouts
Multi-page layouts
Short bursts of text which provide important information about content
Headings
Subheadings
Hammer
Kicker
Used to break long body text into shorter segments
Headings
Subheading
Hammer
Kicker
Small headline which helps classify information
Headings
Subheading
Hammer
Kicker
Larger headline than main headlines meant to draw attention to a main article
Headings
Subheading
Hammer
Kicker
Summary of important information in an article
Deck
Pull Quote
Body Text
Frames
Larger quote pulled from the body text and emphasized
Deck
Pull Quote
Body Text
Frames
Main segment of text which communicates information
Deck
Pull Quote
Body Text
Frames
Lines which enclose another design element
Deck
Pull Quote
Body Text
Frames
Any space which is not occupied by design elements
Whitespace
Grids
Guides
Margins
System for laying out design elements consistently using a series of vertical, horizontal and diagonal lines; used only when creating a document and will be invisible when the design is published
Whitespace
Grids
Guides
Margins
Individual lines within a grid which content should be aligned; can also be added individually as designers need
Whitespace
Grids
Guides
Margins
Area surrounding any design element
Whitespace
Grids
Guides
Margins
Vertical divisions of content
Margins
Columns
Gutters
Rows
Margins between columns
Margins
Columns
Gutters
Rows
Horizontal divisions of content
Margins
Columns
Gutters
Rows
Refers to the location of a color on the color wheel
Hue
Values
Saturation
Tint
Measurement of lightness or darkness
Hue
Values
Saturation
Tint
Measurement of purity and vibrancy of a color
Hue
Values
Saturation
Tint
Short amounts of text such as headlines or subtitles
Display Typography
Text Typography
Decorative Typography
Baseline
Text intended to be read at length
Display Typography
Text Typography
Decorative Typography
Baseline
Line letters sit on
Display Typography
Text Typography
Decorative Typography
Baseline
Height of capitalized letters
Cap-height
X-height
Ascenders
Descenders
Height of lowercase letters
Cap-height
X-height
Ascenders
Descenders
Strokes going above the x-height
Cap-height
X-height
Ascenders
Descenders
Strokes going below the baseline
Cap-height
X-height
Ascenders
Descenders
Main vertical stroke of a letter
Stem
Crossbar
Cross Stroke
Arm
Horizontal stroke connecting two vertical strokes
Stem
Crossbar
Cross Stroke
Arm
Horizontal stroke intersecting a vertical stroke
Stem
Crossbar
Cross Stroke
Arm
Horizontal letterform where at least one end does not attach to the vertical stroke
Stem
Crossbar
Cross Stroke
Arm
Descending stroke
Tail
Leg
Spine
Shoulder
Lower stroke of a "k"
Tail
Leg
Spine
Shoulder
Main curved stroke of an "s"
Tail
Leg
Spine
Shoulder
Curve in lowercase "n" and "m"
Tail
Leg
Spine
Shoulder
Spacing between individual letters
Kerning
Leading
Bracket
Spur
Spacing between the baseline of lines in a paragraph
Kerning
Leading
Bracket
Spur
Curved line connecting the serif to a stroke
Kerning
Leading
Bracket
Spur
Projection off a main stroke but not enough to become a serif
Kerning
Leading
Bracket
Spur
Decorative lines at the end of a stroke
Serif
Terminal
Beak
Spur
Serif projection extending from the end-point of an uppercase "L", "T" or "E"
Serif
Terminal
Beak
Spur
End of a stroke without a serif
Serif
Terminal
Beak
Spur
End of a stroke with a teardrop shape
Teardrop Terminal
Bowl
Apex
Eye
Curved portion to enclose a counter
Teardrop Terminal
Bowl
Apex
Eye
Peak of an uppercase "A"
Teardrop Terminal
Bowl
Apex
Eye
Closed portion of "a" and lowercase "e"
Teardrop Terminal
Bowl
Apex
Eye
Negative space in a letter
Counter
Swash
Tittle
Ear
Decorative element added to or replacing terminal serif
Counter
Swash
Tittle
Ear
Dot about a lowercase "j" or "i"
Counter
Swash
Tittle
Ear
Small projection from upper right side of a double-story lowercase "g"
Counter
Swash
Tittle
Ear
Lowercase "g" which does not include a loop
Double-story "g"
Single-story "g"
Typeface
Font
Set of characters designed to go together
Double-story "g"
Single-story "g"
Typeface
Font
Lowercase "g" which includes a loop
Double-story "g"
Single-story "g"
Typeface
Font
Specific style of characters within a typeface
Double-story "g"
Single-story "g"
Typeface
Font
The relationship among the elements of a visual that helps all the elements function together; supported by all the other principles
Unity
Alignment
Proximity
Continuity
Group related items together
Unity
Alignment
Proximity
Continuity
Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.
Unity
Alignment
Proximity
Continuity
Something (a line, an edge, a curve, a direction) continues from one element to another
Unity
Alignment
Proximity
Continuation
The prevailing influence of one element over another, and a function of hierarchy
Dominance
Hierarchy
Contrast
Graphic Design
If two items are not exactly the same, then make them different; really different
Dominance
Hierarchy
Contrast
Graphic Design
The art of arranging pictographic and typographic elements to create effective communication
Dominance
Hierarchy
Contrast
Graphic Design
