Deck 13: Web Design, Mobile and Motion Graphics

Full screen (f)
exit full mode
Question
What are some basic branding considerations for the digital space?
Use Space or
up arrow
down arrow
to flip the card.
Question
What does web development involve?
Question
List three things to consider when selecting or creating images for the screen.
Question
What is information architecture?
Question
Name two mobile design basics.
Question
Always remember that the grid should accommodate the content and not force the content into an unaccommodating grid.
Question
What are the three phases when creating motion or animation?
Question
What do people expect from interactive experiences?
Question
What are three of the guiding principles for storytelling in animation or motion?
Question
When designing with type for the screen, legibility is important. What should you consider when choosing fonts? Select all that apply.

A) Ample x-height
B) Open counters
C) Extreme stroke contrast
D) Simple shapes, which are easier to read (on screen, sans serif typefaces, especially for numbers, tend to be more legible).
E) Set type slightly smaller for the screen than you would for print
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/10
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
Deck 13: Web Design, Mobile and Motion Graphics
1
What are some basic branding considerations for the digital space?
Answers will vary but may include any of the following:
Maintain visual and verbal brand language and spirit.
Provide an interactive experience that pulls people in, draws people back, starts a dialogue, and builds community and a long-term brand\visitor relationship.
Offer a media-rich experience, something that print, broadcast, or mobile media cannot.
Engage the visitor throughout the site.
Consider offering a branded utility or something useful.
Consider designing a digital platform rooted in utility, value creation, and co-creation that moves beyond the traditional notion of a website.
2
What does web development involve?
Answers will vary but may include the project plan, design brief, site structure, content outline, conceptual design, visual design, experience design, prototype, technology, and implementation.
3
List three things to consider when selecting or creating images for the screen.
Answers will vary but may include any three of the following:
Optimizing images
Loading time
Basic guidelines for formatting
Presentation: margins and padding
Consistency of presentation: cropping, silhouettes, style and media, color and tone, special effects
Appropriateness of imagery for the design concept and brand or entity or publication
Size of images in relation to text
Style and media of images in relation to typeface selections
Consistent visual vocabulary for icons
The audience and how imagery will communicate to that mass audience
How different kinds of imagery (pictorial vs. expressionistic vs. symbolic) communicate
4
What is information architecture?
Unlock Deck
Unlock for access to all 10 flashcards in this deck.
Unlock Deck
k this deck
5
Name two mobile design basics.
Unlock Deck
Unlock for access to all 10 flashcards in this deck.
Unlock Deck
k this deck
6
Always remember that the grid should accommodate the content and not force the content into an unaccommodating grid.
Unlock Deck
Unlock for access to all 10 flashcards in this deck.
Unlock Deck
k this deck
7
What are the three phases when creating motion or animation?
Unlock Deck
Unlock for access to all 10 flashcards in this deck.
Unlock Deck
k this deck
8
What do people expect from interactive experiences?
Unlock Deck
Unlock for access to all 10 flashcards in this deck.
Unlock Deck
k this deck
9
What are three of the guiding principles for storytelling in animation or motion?
Unlock Deck
Unlock for access to all 10 flashcards in this deck.
Unlock Deck
k this deck
10
When designing with type for the screen, legibility is important. What should you consider when choosing fonts? Select all that apply.

A) Ample x-height
B) Open counters
C) Extreme stroke contrast
D) Simple shapes, which are easier to read (on screen, sans serif typefaces, especially for numbers, tend to be more legible).
E) Set type slightly smaller for the screen than you would for print
Unlock Deck
Unlock for access to all 10 flashcards in this deck.
Unlock Deck
k this deck
locked card icon
Unlock Deck
Unlock for access to all 10 flashcards in this deck.