Visual Design + BrandingINTERACTION DESIGN | APR. 26, 2016

WEEK 13

First …Prototypes and usability studies

Why do we need to know about visual design?

Ultimately how an experience will be delivered

Certain interpretations are only determined through visual design

Everything you planned in wireframes will inevitably change

Interactive elements are easier to define when designed visually

VISUAL DESIGN FOR IXD’S

Elements of Visual Design

LAYOUTCOLOR

TYPOGRAPHYICONOGRAPHY

Determines hierarchy of all interface elements

Can and should be scaled appropriately for different screen sizes

Helps set the visual flow of a user’s experience with the interface

Unifies and organizes different types of content into one system

LAYOUT

Quickly communicates intent more than anything else

Uniformity in colored elements can help set up expectations

Used heavily as brand tools

Don’t always hold the same meaning across cultures

COLOR

RED VS. GREEN

Helps add visual clarity as well as personality to a design

Serif typefaces are generally easier to read in long passages

Sans serif typefaces are great for short headlines or labels

Best to limit the number of typefaces used in an interface

TYPOGRAPHY

14 StreetUnion Square Station

14 Street Union Square Station

14 Street Union Square Station

Game of Thrones is an American epic fantasy television drama series created for HBO by David Benioff and D. B. Weiss. It is an adaptation of A Song of Ice and Fire, George R. R. Martin's series of fantasy novels, the first of which is titled A Game of Thrones. Filmed in a Belfast studio and on location elsewhere in Northern Ireland, Malta, Croatia, Iceland, and Morocco, it premiered on HBO in the United States on April 17, 2011. The series has been renewed for a fourth season, to air in 2014.

The series, set on the fictional continents of Westeros and Essos at the end of a decade-long summer, interweaves several plot lines. The first follows the members of several noble houses in a civil war for the Iron Throne of the Seven Kingdoms; the second covers the rising threat of the impending winter and the mythical creatures of the North; the third chronicles the attempts of the exiled last scion of the realm's deposed dynasty to reclaim the throne. Through its morally ambiguous characters, the series explores issues of social hierarchy, religion, civil war, sexuality, crime, and punishment. It is the most recent big-budget work to have contributed to the popularity of the fantasy genre in mainstream media.

Game of Thrones has obtained an exceptionally broad and active international fan base. It received widespread acclaim by critics, although its use of nudity has been criticized. The series won numerous awards and nominations — including two Primetime Emmy Award nominations for Outstanding Drama Series, a Golden Globe Award nomination for Best Television Series – Drama, a Hugo Award for Best Dramatic Presentation in Long Form, and a Peabody Award. Among the ensemble cast, Peter Dinklage won the Primetime Emmy Award for Outstanding Supporting Actor in a Drama Series and the Golden Globe Award for Best Supporting Actor – Series, Miniseries or Television Film for his role as Tyrion Lannister.

Game of Thrones is an American epic fantasy television drama series created for HBO by David Benioff and D. B. Weiss. It is an adaptation of A Song of Ice and Fire, George R. R. Martin's series of fantasy novels, the first of which is titled A Game of Thrones. Filmed in a Belfast studio and on location elsewhere in Northern Ireland, Malta, Croatia, Iceland, and Morocco, it premiered on HBO in the United States on April 17, 2011. The series has been renewed for a fourth season, to air in 2014.

The series, set on the fictional continents of Westeros and Essos at the end of a decade-long summer, interweaves several plot lines. The first follows the members of several noble houses in a civil war for the Iron Throne of the Seven Kingdoms; the second covers the rising threat of the impending winter and the mythical creatures of the North; the third chronicles the attempts of the exiled last scion of the realm's deposed dynasty to reclaim the throne. Through its morally ambiguous characters, the series explores issues of social hierarchy, religion, civil war, sexuality, crime, and punishment. It is the most recent big-budget work to have contributed to the popularity of the fantasy genre in mainstream media.

Game of Thrones has obtained an exceptionally broad and active international fan base. It received widespread acclaim by critics, although its use of nudity has been criticized. The series won numerous awards and nominations — including two Primetime Emmy Award nominations for Outstanding Drama Series, a Golden Globe Award nomination for Best Television Series – Drama, a Hugo Award for Best Dramatic Presentation in Long Form, and a Peabody Award. Among the ensemble cast, Peter Dinklage won the Primetime Emmy Award for Outstanding Supporting Actor in a Drama Series and the Golden Globe Award for Best Supporting Actor – Series, Miniseries or Television Film for his role as Tyrion Lannister.

Serif Sans Serif

Metaphorical and used as visual reminders or shortcuts

Some icons have universal meaning; most don’t

Using icons is a great way to overcome language changes

Used widely in games and mobile due to a lack of screen space

ICONOGRAPHY

http://iconmonstr.com

http://thenounproject.com

https://fortawesome.github.io/Font-Awesome/

For next week:

1. Re-submit updated wireframes, incorporating both my feedback and your learnings from your usability studies and prototyping practice.

2. Create visual designs for 3 screens in your product.