This week’s assignment has two parts and they are both due on Thursday Feb 26th 9AM.
Part I: Type 1
You will design UI of a new mobile weather app. Create typographic hierarchy with the following set of rules:
- Use Verdana as typeface
- Use scale
- You may use rotation of text
- Background is white and figure is black
- No gray scale (only black or white)
- No images/photos/illustrations
- No italics or weight (bold)
- Screen size is 750 × 1334px
- You can choose to omit punctuation
- Use all the copy below:
February 23, 2015
Berkeley, CA 94720
Monday Clear
Precipitation: 0%
Humidity: 62%
Wind: 7mph
68°F
Tuesday 64
Wednesday 64
Thursday 66
Friday 66
Create two variations of design. Version 1 should focus on typographic hierarchy (i.e., help a user understand information through a logical and meaningful journey). Version 2 in contrast, should play with possible emotional aspects of interaction with weather app (e.g., funny, nostalgic, angry, etc.). You are free to interpret the possible emotional aspects. However, the same rules apply to this version. Document your results in your “Workshop Document” (available in Keynote or PowerPoint). Please use your name in the following filename format: LastnameFirstnameA5_1.pdf. Due as a blogpost with a PDF attachment on Thursday Feb 26th 9AM.
Part II: Aesthetic Analysis
Pick two UI exemplars to engage in UI aesthetic analysis. The two example UIs you choose will serve as pieces of “competitor analysis” for your UI, with an emphasis on aesthetic. Document results of your UI aesthetic analysis in your “Research Process Document” (available in Keynote or PowerPoint). Please use your name in the following filename format: LastnameFirstnameA5_2.pdf. Due as a blogpost with a PDF attachment on Thursday Feb 26th 9AM.
Dan Tsai / Part I / Type I
Dan Tsai / Part II / Aesthetic Analysis
Erica Brett’s submission for Assignment 5 Part 1
Erica Brett’s submission for Assignment 5 Part 2
Gracen Brilmyer Part I
Brilmyer Part II
Part One
Part Two
pfa
Part 1
Opps! I attached the wrong version in my first post. Here’s the one I wanted to attach! Please disregard the file I first submitted. I couldn’t figure out how to delete a comment….
Part I Typography Submission
part 1
X
(Sorry! Submitted the wrong one. Here is my part 1)
part2
Attempt to make Berkeley weather not boring
X2
Assignment 5
Part 1
Sophia Lay A5-1
Sophia Lay A5-2
Assignment 5 part 1
Assignment 5 part 2
A5_1.
I mean.. A5_2.
First part.
Resubmitting A5_1. Please use this version.
Part 2
Stacey Part 1
Type exercise.
A5_1
Ankita Bhosle Assignment 5 Part 1: Typography
Part 1: Type 1
Part 2: Aesthetic Analysis
Assignment 5 part 2 for Christina Gambacorta.
Christina Gambacorta Assignment 5, part 1.
Weather app exercise attached.
Part 1 – Phone UI
Part 2 – UI Analysis
Corrected Name for Part 1
part 1
part 2
Name correction
Name correction for part 2
part 1
Aesthetic analysis
Very on time.
Pretty things
A5 – pt. 1
A5 – pt. 2
Part 2 is attached.
A5_2
Ankita Bhosle Assignment 5 Part 2: Aesthetic Analysis
part 2 (sorry this is late – I”m behind on work because I was in the ER last night [everything turned out to be fine])
UI examples
Typography
Aesthetic Analysis
Part 2
Typography
Part II: Aesthetic Analysis
Here’s my comparative research document.
Thanks!
This submission was for Part II: Aesthetic Analysis. I handed part 1 on time a while back.