Assignment 12: Final Part 2

April 17th, 2015

Considering the feedback you received in class and the four visual design elements summarized on slide 2, continue to refine the design of your three chosen screens.

For each of your three screens, document your design study as well as your final design (i.e., each screen you present on page 3-5 should be different to document/illustrate your process) in the … [Read more...]

Assignment 11: Final Part 1

April 10th, 2015

Carefully review the visual design elements discussed in class and summarized on page 2 of this document. Continue to refine the design of your three chosen screens based on these four design elements.

For each of your three screens, document your design study as well as your final design (i.e., each screen you present on page 3-5 should be different … [Read more...]

Continue to refine the composition of your three chosen screens. And then, this time, apply colors objectively and systematically to your three screens with reference to Itten’s color contrasts discussed in the color lecture. Discuss which color contrast(s) used in your design and why you chose the(se) particular color contrast(s).

You may use ANY design elements, but color, typography, and … [Read more...]

Process 5

In this assignment, you will decide on 3 screens in your final project and design them. Document your results in the “Process05.Wireframes” document (available in Keynote or PowerPoint).

Please use your name in the following filename format: LastnameFirstnameA9.pdf. Due as a blogpost with PDF attachment on Thursday, April 2nd 9AM[Read more...]

Assignment 8: Type 3

March 13th, 2015

Type 3

You will design UI of a new mobile weather app again, this time utilizing a combination of fonts (at least 2). Create typographic hierarchy with the following set of rules:

Use Comic Sans, Georgia, and Helvetica
Use scale
Use weight
You may use rotation of text
Background is white and figure is black
No gray scale (only black … [Read more...]

Assignment 7: Type 2

March 6th, 2015

Type 2

You will design UI of a new mobile weather app again, this time utilizing weight. Create typographic hierarchy with the following set of rules:

Use Verdana as typeface
Use scale
Use weight
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
Screen … [Read more...]

Assignment 6: Blocking

February 27th, 2015

This week’s assignment is due on Thursday March 5th 9AM.

Create 3-5 wireframe sketches with grids by only using the blocking method. Must use the final format size. Show examples in full size if possible, on black, no other type or information on screen. Show with and without grids. Grid to include, Column, Rows, Modules, and definition of why … [Read more...]

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
[Read more...]

Assignment 4: Research Document

February 13th, 2015

In this assignment, you will document challenges and objectives of your system / interface, as well as explore different aspects of your target users that could inform your design.

Document your results in the “Process02.Research” document (available in Keynote or PowerPoint).

Due as a blogpost with a PDF attachment on Thursday Feb 19th 9AM.… [Read more...]

Step I

Read selected chapters (pp. 20-38 and pp. 85-103) from Dondis, D.A. (1973) A Primer of Visual Literacy.

Step II

Create 5 new pairs of contrasting compositions, based on Dondis’ reading. More objectively apply the gestalt principles. Document your results in your Workshop 2 document (available in Keynote or PowerPoint).

Part III

Discuss how the … [Read more...]