iPhone calculator

33
Meaghan Ranieri | AD318 | 8 December 2010 | Professor Petrônio Bendito

description

Process binder for project 2: iPhone calculator.

Transcript of iPhone calculator

Page 1: iPhone calculator

Meaghan Ranieri | AD318 | 8 December 2010 | Professor Petrônio Bendito

Page 2: iPhone calculator

Hello- http://ilovetypography.com/2008/07/06/sunday-type-stern-type/

More green- http://christinagunn.wordpress.com/

Kiwi and marmite- http://jeannecummins.wordpress.com/page/4/

Worst thing to lose- http://theinspirationroom.com/daily/2008/the-economist-in-the-black/

Research

Research

Page 3: iPhone calculator

Scarf- http://creativefaucet.wordpress.com/2008/06/

Chair- http://www.tamcao.com/blog/archives/tag/typography

Glass- http://visionwidget.com/showcase/graphics/293-creative-typography.html

Page 4: iPhone calculator
Page 5: iPhone calculator

BodoniGiabattista Bodoni developed the typeface Bodoni in the 1790s. “Bodoni was meticulous in the design and print quality of his publications, produced under the patronage of the Duke of Parma” (The Typehead Chronicles: Bodoni). Some of the identifying qualities of the typeface are: “easily recognizable Romantic typeface, vertical stress, slight serif bracketing, cupped top serifs on b,h,l, not parallel to baseline in some versions, top & bottom serifs on C, vertical tail of Q, small upper bowl of g, usually no middle serif on w, large ball terminal of c” (The Typehead Chronicles: Bodoni).

The Typehead Chronicles: Bodoni. N.p., n.d. Web. 26 Oct 2010. <http://www.rightreading.com/typehead/bodoni.htm>.

FuturaPaul Renner created Futura. Renner was a very influential designer during the German artistic movement in the 1920s. Paul Renner was born on September 8th, 1878 in northern Germany. He was a graphic artist, paint-er, type designer, author, and teacher. In 1927, Futura, developed by Renner, was commercially released. He wanted the letterforms to be balanced between capital and lowercase letters opposed to Herbert Bayer’s “universal alphabet” which he said the capitals led the lowercase instead of being harmonious with each other (Baglee).

Baglee, Patrick. “Paul Renner: The Art of Typography.” Upper and Lowercase Magazine. Web. 26 Oct 2010. <http://www.itcfonts.com/Ulc/2533/BookRevRenner.htm>.

HelveticaHelvetica was developed by Max Miedinger and Eduard Hoffmann in 1957. The word Helvetica comes from Confoederatio Helvetica the Latin word meaning Switzerland (Typophile). Later, in 1983, Linotype devel-oped Neue Helvetica to try to add diversity within the typeface (Typophile). Helvetica is one of the most widely used typefaces. It’s used for companies such as American Apparel, BMW, Target, and Microsoft. In 2007 the MoMA held an exhibition to celebrate 50 years of Helvetica.

Typophile. N.p., 2000-2010. Web. 26 Oct 2010. <http://typophile.com/node/13514>.

Page 6: iPhone calculator

Preliminary Calculator Design Concepts

Page 7: iPhone calculator
Page 8: iPhone calculator
Page 9: iPhone calculator
Page 10: iPhone calculator
Page 11: iPhone calculator
Page 12: iPhone calculator
Page 13: iPhone calculator
Page 14: iPhone calculator
Page 15: iPhone calculator
Page 16: iPhone calculator

Implementation: Design Finalist Revisions

Page 17: iPhone calculator
Page 18: iPhone calculator
Page 19: iPhone calculator
Page 20: iPhone calculator
Page 21: iPhone calculator
Page 22: iPhone calculator
Page 23: iPhone calculator

Final Design and Studies

Page 24: iPhone calculator

Rollover Ideation

Page 25: iPhone calculator

Hit State Study

Page 26: iPhone calculator

Color Studies

Page 27: iPhone calculator

Final Calculator Design

Mea

ghan

Ran

ieri

| AD

318

| Pro

fess

or P

etrô

nio

Ben

dito

HELVETICADesigned by Meaghan Ranieri

iPhone App320 x 480 pxFlash CS5ActionScript 3.09 KB

000

100100100

Page 28: iPhone calculator

Mea

ghan

Ran

ieri

| AD

318

| Pro

fess

or P

etrô

nio

Ben

dito

HELVETICADesigned by Meaghan Ranieri

iPhone App320 x 480 pxFlash CS5ActionScript 3.09 KB

20221943

170188101

104135104

86153152

84187106

70191174

688684

Page 29: iPhone calculator

000

100100100

20221943

170188101

104135104

86153152

84187106

70191174

688684

Mea

ghan

Ran

ieri

| AD

318

| Pro

fess

or P

etrô

nio

Ben

dito

up over

Page 30: iPhone calculator

Mea

ghan

Ran

ieri

| AD

318

| Pro

fess

or P

etrô

nio

Ben

dito

Page 31: iPhone calculator

Meaghan Ranieri | AD318 | Professor Petrônio Bendito

Page 32: iPhone calculator

Meaghan Ranieri | AD318 | Professor Petrônio Bendito

Page 33: iPhone calculator

Project Statement

My design is a tribute to Helvetica for many reasons. My design, like the typeface, has a strong, bold and industrial feel to it. The layout truly relates to the letter forms and symbols in that it is very simple and clean yet interesting. There is a reason that Helvetica is one of the most widely used typefaces and now it’s represented in the form of a calculator.

One of the biggest measures I took in making sure that human factors and usability were taken into account was using my iTouch as a model. Not only did I spend time using the calculator, both horizontally and vertically, but I also spent time using the keyboard to see how small the buttons could be made, but still had their usability intact.