GDS Chapter 13 Flashcards
What are gestural interactions?
Natural human movements that trigger interactive design experiences.
What kind of designs should you make when creating interactive experiences?
Human-centered and user-first designs.
What should you consider when dealing with the technical constraints of screens?
Design delivery
Size and screen resolution
Browser
What are websites?
A collection of pages or files linked together on the web.
What is content?
The body of information that is available to visitors on a website.
What should content be?
Well-organized and easy to access.
What should always be a priority in creating content?
Good writing.
What is information architecture?
The organization of website content into hierarchical order.
What will a well-designed website have?
A steam-lined visual layout
Consistent elements from page to page
The home page as the primary entrance to the site
What does a stream-lined visual layout provide?
An immediate sense of location at all times.
What are some functions of grids?
Unify
Determine basic anatomical structure
Create visual style
Allows easy changes to content
Name two grid anatomies.
Multicolumn grid
Modular grid
What does a multicolumn grid work well for?
Desktops and tablets
What are some mobile design basics?
Use a grid
Typography
Define the graphic space
Think of spatial depth
What are the primary elements in a wireframe?
Header, footer, sidebar, content area, and navigation.
What are the secondary elements in a wireframe?
Search bars, images, and tabs
What is motion design?
The broader category of simulated movement.
What is a chronology?
The order of events.
What is a frame?
A single static image.
What are the three main phases when creating motion or animation solutions?
Pre-production -> Production -> Post-production
What happens in pre-production?
Planning, storyboard
What happens in production?
Creation, actual making of the motion piece
What happens in post-production?
Usually includes editing, soundtracks, and corrections
What does the storyboard function?
A sequential outline of the story in key frames in a specified sequence showing how the story plays out.
What are spatial relationships?
The distance between the thing seen in relation to the viewer.
What can create rhythmic relationships?
The duration of each shot.
Some fundamentals when designing animation or motion graphics.
Tell a visual story based on a single design concept
Use color for unity, drama, and focal points
Contrast to create visual interest
Avoid flatness
Create visual beats
What are the visual basics for screen-based media?
Proximity, contrast, repetition and alignment, and use of typography and sound
