Comments on: assignment 2 http://courses.ischool.berkeley.edu/i290-20/s08 Tue, 19 Mar 2013 17:55:16 +0000 http://wordpress.org/?v=2.3.2 By: WENHUA.SHI@GMAIL.COM http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-69 WENHUA.SHI@GMAIL.COM Mon, 25 Feb 2008 06:48:19 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-69 [img]http://www.shiwenhua.net/P93.jpg[/img] Ctrl Space: it's a great example of good fonts and graphic design. the fonts has the early 8- bit digital characters. there is a direct reference to computer language by using Ctrl instead of Control, [] in red also plays the double meanings, which is a shape of viewfinder. [img]http;//www.shiwenhua.net/P94.jpg[/img] it's a very bad fonts. it speaks the old fashion Orientalism. it's not to hard to see those typos around us. it means you don't need to know what it said. because you don't care to see or nothing is worth to read. the fonts user don't want to provide the right presetation of the others, etc. BTW, you can find same racism in one of upper photos on middle east history from bookstore. P93.jpg

Ctrl Space: it’s a great example of good fonts and graphic design. the fonts has the early 8- bit digital characters. there is a direct reference to computer language by using Ctrl instead of Control, [] in red also plays the double meanings, which is a shape of viewfinder.

P94.jpg
it’s a very bad fonts. it speaks the old fashion Orientalism. it’s not to hard to see those typos around us.
it means you don’t need to know what it said. because you don’t care to see or nothing is worth to read. the fonts user don’t want to provide the right presetation of the others, etc.

BTW, you can find same racism in one of upper photos on middle east history from bookstore.

]]>
By: jess http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-53 jess Mon, 11 Feb 2008 16:45:25 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-53 (Sorry once again no images - I don't have a flickr account) Successful: My example of successful type is a freeway sign. I love that I can read it quickly, at a distance, and during all times of day. Unsuccessful: My example of unsuccessful type is also writing on a bottle, specifically a vitamin bottle. I bought new vitamins last week and it was a frustrating experience trying to decipher the text of the five bottles I was comparing. (Sorry once again no images - I don’t have a flickr account)

Successful:
My example of successful type is a freeway sign. I love that I can read it quickly, at a distance, and during all times of day.

Unsuccessful:
My example of unsuccessful type is also writing on a bottle, specifically a vitamin bottle. I bought new vitamins last week and it was a frustrating experience trying to decipher the text of the five bottles I was comparing.

]]>
By: Sia A. http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-52 Sia A. Mon, 11 Feb 2008 15:43:40 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-52 I have chosen two different cereal boxes as my example of good and bad type. I will starts with the bad one first: [img]http://farm3.static.flickr.com/2080/2257443231_88a7c49c4c_m.jpg[/img] The back of the Honey Nut cheerio box attempts way too hard to convince the consumer that the cereal is good for them. The yellow on orange color type is barely noticable and not attention grabbing at all. The crowding of the text and imagery also disrupts the viewer from remembering any useful information. Now to the good one: [img]http://farm3.static.flickr.com/2070/2257443587_9252552060_m.jpg[/img] The honey bunch's of oats cereal goes the opposite root by NOT turning the back of their box into a FOX NEWS news feed. and instead it uses simple sentences with correct color matching (dark purple on white, white on orange) and a proper and unified font proportion. I have chosen two different cereal boxes as my example of good and bad type. I will starts with the bad one first:
2257443231_88a7c49c4c_m.jpg

The back of the Honey Nut cheerio box attempts way too hard to convince the consumer that the cereal is good for them. The yellow on orange color type is barely noticable and not attention grabbing at all. The crowding of the text and imagery also disrupts the viewer from remembering any useful information.

Now to the good one:
2257443587_9252552060_m.jpg
The honey bunch’s of oats cereal goes the opposite root by NOT turning the back of their box into a FOX NEWS news feed. and instead it uses simple sentences with correct color matching (dark purple on white, white on orange) and a proper and unified font proportion.

]]>
By: ash http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-51 ash Mon, 11 Feb 2008 09:24:44 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-51 Successful: [img]http://tekgen.com/temp/pic1.jpg[/img] I feel this image does a great job of conveying the message (the name of the resort) with a subtle but effective style. Aesthetically it's pleasing and gives a clear idea of the theme, and the layout isn't cluttered. Unsuccessful [img]http://tekgen.com/temp/pic2.JPG[/img] This image (taken from a Barnes&Noble bag) is extremely unsuccessful in my opinion. I feel that it 'tries too hard' trying to convey the book them and really detracts from the name/branding of the store. The choice of colors and poorly gradiated shadings also make this look 'muddy' and unclear. I'm not impressed with the aesthetic at all. Successful:

pic1.jpg

I feel this image does a great job of conveying the message (the name of the resort) with a subtle but effective style. Aesthetically it’s pleasing and gives a clear idea of the theme, and the layout isn’t cluttered.

Unsuccessful

pic2.JPG

This image (taken from a Barnes&Noble bag) is extremely unsuccessful in my opinion. I feel that it ‘tries too hard’ trying to convey the book them and really detracts from the name/branding of the store. The choice of colors and poorly gradiated shadings also make this look ‘muddy’ and unclear. I’m not impressed with the aesthetic at all.

]]>
By: srikanth@berkeley.edu http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-50 srikanth@berkeley.edu Mon, 11 Feb 2008 05:37:58 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-50 Successful Type <img src="http://picasaweb.google.com/demaws/AEST01/photo#5165590467459066306"></img> Shown in the image is the cover of the book, 'The Visual Display of Quantitative Information' by Edward Tufte. I think the cover (or for the matter the book itself) is beautifully designed and typefaced. Though the cover of the book uses a serif font that one sees everywhere, there is some interplay between the graphic, the title and the color of the cover that make it look less of a textbook and more like a collector's item. Unsuccessful type <img src="http://picasaweb.google.com/demaws/AEST01/photo#5165590471754033618"></img> Or generally, the 3D wavy, curvy, tapering etc etc font decorations that Microsoft thought was aesthetically pleasing. Maybe, we'll talk about reflective logos the same way in ten years? If the photos don't display correctly, here they are: http://picasaweb.google.com/demaws/AEST01/ Successful Type

Shown in the image is the cover of the book, ‘The Visual Display of Quantitative Information’ by Edward Tufte. I think the cover (or for the matter the book itself) is beautifully designed and typefaced. Though the cover of the book uses a serif font that one sees everywhere, there is some interplay between the graphic, the title and the color of the cover that make it look less of a textbook and more like a collector’s item.

Unsuccessful type

Or generally, the 3D wavy, curvy, tapering etc etc font decorations that Microsoft thought was aesthetically pleasing. Maybe, we’ll talk about reflective logos the same way in ten years?

If the photos don’t display correctly, here they are:
http://picasaweb.google.com/demaws/AEST01/

]]>
By: emeliech@berkeley.edu http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-49 emeliech@berkeley.edu Mon, 11 Feb 2008 05:33:00 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-49 Text description is everywhere in our environment. In this assignment, I will comment on two sets of successful/unsuccessful types: 1.Text on a bottle: https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type1-1.jpg https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type1-2.jpg I found those texts on one bottle; interestingly, successful in the front and unsuccessful in the back. In the front, there are only several words, but with nice organization, and alignment. Also, the important message is emphasized by using bigger font-size and black, which makes it easy to be recognized. For example, this product is hair styling crème for waved hair, so only texts like curl, spiral, crème and texture are highlighted. And the rest texts that are not important are gray and relatively small, so it won’t attract too much attention. Although the color scheme of black, white and gray is actually identical to the front side, users would have hard time to read the information on the back because the texts are really small; bold style makes it even worse. Also, the most important information for users might be usage direction, but it is overlapped with a gray-texture background. 2.Description of a product: https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type2-1.jpg https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type2-2.JPG In this set, both texts are descriptions of a product in multiple languages. On the first (successful) one, the information about this product is well organized to three rows. The designer manipulated three colors perfectly, black for background, orange for highlighted texts and white for details. Sometimes it’s hard to distinguish the letters when the texts are small font size with bold style; but in this case, the font-size and bold are in a good balance. So the users can find the information they want easily and quickly. On the unsuccessful one, there are 13 different languages with identical color in one piece of paper without any indicator or mark, so it really takes several minutes to find the language I know. The text is small while the bottom of the page is empty space – not a very efficient use of space, in my opinion. The contrast between the color of the paper and the text are too small to read clearly. Text description is everywhere in our environment. In this assignment, I will comment on two sets of successful/unsuccessful types:
1.Text on a bottle:
https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type1-1.jpg
https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type1-2.jpg
I found those texts on one bottle; interestingly, successful in the front and unsuccessful in the back.
In the front, there are only several words, but with nice organization, and alignment. Also, the important message is emphasized by using bigger font-size and black, which makes it easy to be recognized. For example, this product is hair styling crème for waved hair, so only texts like curl, spiral, crème and texture are highlighted. And the rest texts that are not important are gray and relatively small, so it won’t attract too much attention.
Although the color scheme of black, white and gray is actually identical to the front side, users would have hard time to read the information on the back because the texts are really small; bold style makes it even worse. Also, the most important information for users might be usage direction, but it is overlapped with a gray-texture background.

2.Description of a product:
https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type2-1.jpg
https://webfiles.berkeley.edu/emeliecheng/shared/CNM290_assignment/type2-2.JPG
In this set, both texts are descriptions of a product in multiple languages.
On the first (successful) one, the information about this product is well organized to three rows. The designer manipulated three colors perfectly, black for background, orange for highlighted texts and white for details. Sometimes it’s hard to distinguish the letters when the texts are small font size with bold style; but in this case, the font-size and bold are in a good balance. So the users can find the information they want easily and quickly.
On the unsuccessful one, there are 13 different languages with identical color in one piece of paper without any indicator or mark, so it really takes several minutes to find the language I know. The text is small while the bottom of the page is empty space – not a very efficient use of space, in my opinion. The contrast between the color of the paper and the text are too small to read clearly.

]]>
By: Bayram http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-48 Bayram Mon, 11 Feb 2008 05:30:05 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-48 Both of my examples are from the front covers of publications. <b>Bad type</b> [img]http://i41.photobucket.com/albums/e282/headphonies/IMG_0295.jpg[/img] - Cover of a book on Internet Denial of Service (DoS/DDoS) attacks. I don't think that the type is very successful, as it neither truly reflects the seriousness of the issue (which the book tries to get at), nor do I think it poseses a uniform theme. The impression I get is that it was either designed by an amateur, or by a geek who does not believe in graphic artists. <b>Good example</b> [img]http://i41.photobucket.com/albums/e282/headphonies/IMG_0306copy.jpg[/img] - Cover of "SOM Journal vol. 3," a periodic publication put by SOM Architecture firm, containing critiques of recently projects. The paper used in the cover is very glossy and the font is very geometric, giving a sense of what's in store for the reader. The cover itself is very minimalist and tasty, but it's hard to expect anything less from modern architecture firms! Both of my examples are from the front covers of publications.

Bad type
IMG_0295.jpg
- Cover of a book on Internet Denial of Service (DoS/DDoS) attacks. I don’t think that the type is very successful, as it neither truly reflects the seriousness of the issue (which the book tries to get at), nor do I think it poseses a uniform theme. The impression I get is that it was either designed by an amateur, or by a geek who does not believe in graphic artists.

Good example
IMG_0306copy.jpg
- Cover of “SOM Journal vol. 3,” a periodic publication put by SOM Architecture firm, containing critiques of recently projects. The paper used in the cover is very glossy and the font is very geometric, giving a sense of what’s in store for the reader. The cover itself is very minimalist and tasty, but it’s hard to expect anything less from modern architecture firms!

]]>
By: Devin http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-47 Devin Mon, 11 Feb 2008 03:48:27 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-47 GOOD TYPOGRAPHY <img src="http://farm3.static.flickr.com/2202/2255914259_249623ec6a.jpg?v=0" /> This is a sign for the Middle Eastern History Section of Shakespeare Books on Berkeley. It is an example of effective typography due to the fact that you do not actually even have to read it to know what it is going to say. The font tells you immediately that it is something to do with subjects conceptually related to Arabic. Also, if the sign were actually in Arabic it would not be readable to most. Therefore this font does a wonderful job of giving context by shifting a recognizable cue and allowing extra information to be included. BAD TYPOGRAPHY <img src="http://farm3.static.flickr.com/2027/2255914017_7d862c9152.jpg?v=0" /> The type face used for the Playstation 3 is not a bad font in and of itself. It suffers from issues of context. First, it is distinctive. This is, again, not a bad thing in and of itself, but when the PS3 logo happened to be announced very near to the announcement of Spiderman 3. Perhaps, if the type face had been less distinctive no-one would have noticed. But as it played out, the fonts are similar if not identical, and it is really obvious if you see them near each other. GOOD TYPOGRAPHY

This is a sign for the Middle Eastern History Section of Shakespeare Books on Berkeley. It is an example of effective typography due to the fact that you do not actually even have to read it to know what it is going to say. The font tells you immediately that it is something to do with subjects conceptually related to Arabic. Also, if the sign were actually in Arabic it would not be readable to most. Therefore this font does a wonderful job of giving context by shifting a recognizable cue and allowing extra information to be included.

BAD TYPOGRAPHY


The type face used for the Playstation 3 is not a bad font in and of itself. It suffers from issues of context. First, it is distinctive. This is, again, not a bad thing in and of itself, but when the PS3 logo happened to be announced very near to the announcement of Spiderman 3. Perhaps, if the type face had been less distinctive no-one would have noticed. But as it played out, the fonts are similar if not identical, and it is really obvious if you see them near each other.

]]>
By: anselm http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-46 anselm Mon, 11 Feb 2008 03:01:49 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-46 My example of a unsuccessful type is this slide of a lecture at the ischool ;) I think font and color are badly chosen. In my opinion Comic sans MS doesn’t appear professional and is more suitable for childish purposes, which also applies to yellow as font color. Moreover Times isn’t the best font for non print media and seems old fashioned. The right choice in font and color has been found for this candybox. [img]http://www.cip.ifi.lmu.de/~baueran/Privacy_03_2006.jpg[/img] [img]http://www.cip.ifi.lmu.de/~baueran/IMG_1124.jpg[/img] My example of a unsuccessful type is this slide of a lecture at the ischool ;) I think font and color are badly chosen. In my opinion Comic sans MS doesn’t appear professional and is more suitable for childish purposes, which also applies to yellow as font color. Moreover Times isn’t the best font for non print media and seems old fashioned.
The right choice in font and color has been found for this candybox.
Privacy_03_2006.jpg
IMG_1124.jpg

]]>
By: nicolas http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-45 nicolas Mon, 11 Feb 2008 02:58:05 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-2/#comment-45 My example of a type that in my eyes perfectly fits its purpose can be found on an ordinary stop traffic sign. The simple and clear design and the color contrast of white type on red ground makes it easy to read, understand and it catches your attention. [img]http://www.cip.ifi.lmu.de/~baueran/IMG_1122.JPG[/img] My example of a terrible type is the text on a milk drink, which I saw in a supermarket. It has a sort of monster theme, which I believe is a terrible choice for nutrition or food in general. Its colorful and playful type does not really enhance me to believe this is a delicious but rather slimy drink. [img]http://www.cip.ifi.lmu.de/~baueran/IMG_1117.JPG[/img] My example of a type that in my eyes perfectly fits its purpose can be found on an ordinary stop traffic sign. The simple and clear design and the color contrast of white type on red ground makes it easy to read, understand and it catches your attention.
IMG_1122.JPG
My example of a terrible type is the text on a milk drink, which I saw in a supermarket. It has a sort of monster theme, which I believe is a terrible choice for nutrition or food in general. Its colorful and playful type does not really enhance me to believe this is a delicious but rather slimy drink.
IMG_1117.JPG

]]>