Midterm Flashcards
different forms working together and complimenting each other
integrated
based on research, planning, and goals
strategic
working towards effectively conveying ideas
communications
graphic component (image, color, type, or pattern)
visual
subset of ISC, driven by research, solves problems, commercial, meets clients needs
visual strategic communications
VSC ____ art
does not equal
combining old to create new in a way no one else has
creativity
peer judgement, all work & no play, avoiding ambiguity, the right answer, resistance to change, stopping at first decent idea, cultural blocks, “im not creative”
mental blocks to creativity
fear of messy unknown, being judged, first step, and losing control
barriers to creativity
a behavioral space where your activities and behaviors fit a routing that minimizes stress and risk
comfort zone
mental security, regular happiness, low anxiety and stress
comfort zone
optimal stress =
optimal performance
more productive, easier to deal with unexpected challenges, easier to push future boundaries, easier to brainstorm and harness creativity
sweet spot (growth zone)
- create a routine
- boundaries
- brainstorm
steps to creativity
visual culture =
language
elements =
words
principles =
grammar rules
elements of design
line, shape, pattern, space, text, color
a series of points grouped together
line
most stable and restful line
horizontal
strength line
vertical
dynamic, high energy, movement/action line
diagonal
convey tension
horizontal, vertical, and diagonal lines
convey feeling and mood
straight, curved, angular, light, dark, thin, thick lines
confident line
straight, dark, thick
unsure line
straight, light, thin
playful, calm, smooth movement
curved line
nervous, excited, erratic movement
angular line
what can lines do?
- organize
- connect info
- create pattern
- outline edges
- suggest emotion
- show motion
- highlight/stress
an automatically connected series of unconnected points
implied line
no real line, causes viewer to look in certain direction
physic line
a line bent back on itself to create a closed form
shape
most common shapes
geometric shape
represent things from natural world
natural shape
represent everyday people and objects
abstract shape
regular shape =
predictable
more angles =
more complex and dynamic
circle =
simplest
what can shapes do?
- create form
- tie to subject matter
- highlight info
- crop images
- create unity or repetition
- lead the eye
- imply letterforms
- create cool copy blocks
- show symbolism
tactile quality of surface or the representation of such a surface
texture
a consistent repetition of a single visual unit within a given area
pattern
what do lines do?
- create depth
- create visual interest
- add meaning
distance or area between or around things
space
what can space do?
- create depth
- create visual interest
- add meaning
- imply sophistication
- improve readability
more space =
less closely related
group related items together, physical closeness implies a relationship
proximity
items that are alike =
close together
items that are not alike =
not close together
separates groups or unifies elements
white space
what can proximity do?
- organize your design
- signal relationship
- create hierarchy
- help readers navigate
proximity mistakes
- arranging elements to look good or fill space rather than forming logical relationships
- inappropriate relationships
- filling the corners
- spacing all elements evenly
- not using any white space
- trapping white space
critique
- description
- intent
- evaluation
every item should have a visual connection with something else on the page
alignment
a place for everything and everything in its place (less decisions made)
the grid
chose number of boxes and lines (customizable)
custom grid
12 column grid (vertical lines only)
hopkins & baumann grid
popular for book design (more expensive)
jan tshchichold grid
how text lines up with other objects, how blocks of text line up with eachother
text alignment
easiest to read, even starting point
left align/right ragged
worst to read
right align/left ragged
no consistent beginning or end line (new designers default)
center align
firm line on right and left (difficult to work with, creates rivers of white)
justified text
no alignment (good for titles)
asymmetrical
what can alignment do?
- create order
- create unity
- create connection
purposefully reusing an element more than once in a design
repetition
what can repetition do?
- creates unity
- builds consistency
- professional
- maintains identity
- ties together
- increase organization
- cues readers
- helps get job done
the visual differences between 2 or more elements in a composition
contrast
if its not contrast, its
repetition
theory of structural compositional oppositions (polar contrast)
johannes itten
what can contrast do?
- create interest
- organize info
- increase visual activity
- provides focus
- directs attention
- emphasize elements
- clarifies hierarchy
- guides through page
- creates drama
two different colors that over contrast
halation
the distribution of visual weight on a page
balance
the perceived weight of a design element
visual element
more weight toward bottom =
stable
more weight toward top =
unstable
symmetrical
- elegant, sophisticated, beautiful
- static, predictable, boring
formal balance (beginner default)
asymmetrical
- casual, modern, energetic
- more dynamic & interesting
informal balance (triangles)
strategically placed weight that helps balance another element
counterbalance
how to achieve informal balance?
- add something
- move stuff around
approximate symmetry
- elegant with flare
- fancy but fun
almost formal
extreme formal balance
- strong focus on center
- hot dog & hamburger fold
radial
crystallographic
- balanced chaos
mosaic
off balanced
- feels uncomfortable
- can repeat content
- can suggest motion or action
discordant
what can balance do?
- adds stability
- builds structure
- relaxes the eye
- creates emphasis
- creates unity
the relative size relationship between two visual elements or between a single element & the page
proportion
same size (repetition)
- calm, quiet order
- boring, static
equal proportion
different size (contrast)
- dynamic, interesting
- chaos, anxiety
varied proportion
phi =
1.618
commonly found in nature, unpredictable but aesthetically pleasing, organic, natural compositions
golden ratio
what can proportion do?
- divides space
- provide emphasis