Comments on: assignment 4 http://courses.ischool.berkeley.edu/i290-20/s08 Tue, 19 Mar 2013 17:55:17 +0000 http://wordpress.org/?v=2.3.2 By: asen@ischool.berkeley.edu http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-113 asen@ischool.berkeley.edu Mon, 10 Mar 2008 22:17:08 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-113 [img]http://farm4.static.flickr.com/3209/2312060486_c8f846ac0e.jpg?v=0[/img] This poster caught my eye on my commute to school on Bart. This exemplifies good layout design because of the use of attractive colors, the serif font, the use of spacing, and the change in size of the font to draw attention to the important points on the poster. [img]http://farm4.static.flickr.com/3041/2317661710_cc0aba5854.jpg?v=0[/img] This poster was on a bulleting board on campus and seems like a really bad layout. The thing that caught my eye is the use of while letters on a black background in certain sections. This makes the letters hard to see, especially because the font is in cursive and very thin. The main point of emphasis on this poster is the graphic, and not the text. 2312060486_c8f846ac0e.jpg?v=0

This poster caught my eye on my commute to school on Bart. This exemplifies good layout design because of the use of attractive colors, the serif font, the use of spacing, and the change in size of the font to draw attention to the important points on the poster.

2317661710_cc0aba5854.jpg?v=0

This poster was on a bulleting board on campus and seems like a really bad layout. The thing that caught my eye is the use of while letters on a black background in certain sections. This makes the letters hard to see, especially because the font is in cursive and very thin. The main point of emphasis on this poster is the graphic, and not the text.

]]>
By: jess http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-90 jess Mon, 03 Mar 2008 15:19:55 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-90 [img]http://photos-654.ll.facebook.com/photos-ll-sf2p/v192/214/38/510675654/n510675654_2423441_4714.jpg[/img] [img]http://photos-654.ll.facebook.com/photos-ll-sf2p/v192/214/38/510675654/n510675654_2423444_5090.jpg[/img] The funding announcement poster is an example of successful layout and the proposed development poster is an example of unsuccessful layout. The main difference between the two examples is their use of space. The former is simple, balanced, and uncluttered. It provides the basic information and utilizes caps and bolding to highlight important components. And lastly the text is centered and its use of simple colors seem friendly and inviting. On the other hand, the latter seems very cluttered and unbalanced. The bottom half of the poster is empty, while the top half is crammed with information. Also the text is moves from occupying the entire width to occupying only half of the width - without an apparent reason. It's printed in black and white, uses bolding and caps only for its headings, and provides no visuals of the proposed construction. n510675654_2423441_4714.jpg

n510675654_2423444_5090.jpg

The funding announcement poster is an example of successful layout and the proposed development poster is an example of unsuccessful layout. The main difference between the two examples is their use of space. The former is simple, balanced, and uncluttered. It provides the basic information and utilizes caps and bolding to highlight important components. And lastly the text is centered and its use of simple colors seem friendly and inviting. On the other hand, the latter seems very cluttered and unbalanced. The bottom half of the poster is empty, while the top half is crammed with information. Also the text is moves from occupying the entire width to occupying only half of the width - without an apparent reason. It’s printed in black and white, uses bolding and caps only for its headings, and provides no visuals of the proposed construction.

]]>
By: Sia A. http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-89 Sia A. Mon, 03 Mar 2008 13:52:38 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-89 Good layout: [img]http://www.gigposters.com/posters/37804.jpg[/img] This poster which was part of Metallica's St. Anger tour is very simple, especially since it comes from a band that is known for its heavy and chaotic melodies. There is a semi-diagonal progression within the picture and the lightning bolt coming from the man's cellphone is a simple way of conveying the emotion within the poster. Bad layout: [img]http://www.gigposters.com/posters/26367.jpg[/img] I thought it would be appropriate to show a different poster with the same band as it creates a completely different set of emotional responses from the previous one. The layout for this is just plain ugly and lacks any cohesive direction. The font for it is very neutral and does not create any sense of what the event is all about. The random musical note symbols are also redundant and quite puzzling. Good layout:
37804.jpg
This poster which was part of Metallica’s St. Anger tour is very simple, especially since it comes from a band that is known for its heavy and chaotic melodies. There is a semi-diagonal progression within the picture and the lightning bolt coming from the man’s cellphone is a simple way of conveying the emotion within the poster.

Bad layout:
26367.jpg
I thought it would be appropriate to show a different poster with the same band as it creates a completely different set of emotional responses from the previous one. The layout for this is just plain ugly and lacks any cohesive direction. The font for it is very neutral and does not create any sense of what the event is all about. The random musical note symbols are also redundant and quite puzzling.

]]>
By: joyce@berkeley.edu http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-88 joyce@berkeley.edu Mon, 03 Mar 2008 12:28:24 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-88 My two examples are from the LAEP Studios in Wurster Hall. Good Layout [img]http://img155.imageshack.us/img155/2712/img0275fd7.jpg[/img] The message is simple and effective, probably moreso that there is a large image of what is to be done, versus the words "Dishes." Also, the sign is very appropriately located above the sink in the studio. Bad Layout [img]http://img167.imageshack.us/img167/6292/img0279wt0.jpg[/img] I just think this sign is boring, too much white space, and it's hard to distinguish what is the most important text to read, when "In 315 Studios" is at the center of the page. My two examples are from the LAEP Studios in Wurster Hall.

Good Layout
img0275fd7.jpg
The message is simple and effective, probably moreso that there is a large image of what is to be done, versus the words “Dishes.” Also, the sign is very appropriately located above the sink in the studio.

Bad Layout
img0279wt0.jpg
I just think this sign is boring, too much white space, and it’s hard to distinguish what is the most important text to read, when “In 315 Studios” is at the center of the page.

]]>
By: Devin http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-87 Devin Mon, 03 Mar 2008 12:05:16 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-87 The first flyer is for a telegraph avenue street fair a few years ago. I appreciate this flyer because it pushes the envelope on some design issues, but manages to pull it off. Firstly, it has an aesthetic and manages to keep it consistent without overwhelming the ability to read the sign. The art used is all line based and suggests a sort of whimsy of ages passed. There seems to be a sort of dreamlike/underwater theme that is played at with the way the text is executed, moving on wavelike paths. It does not, however, render it undreadable. The two most important pieces of information are appropriately emphasized, (the time and the place) and they catch the eye first. While some might have thought to make the name of the event the focus of the flyer, I agree with the choice of the designers. Whether or not you remember what the event is called, as long as you remember where and when it is, you are more likely to attend. The design avoids the use of any large blocks of text, while still conveying the necessary information, and does not over utilize fonts. [img]http://www.flickr.com/photos/23528384@N08/2307578492/[/img] The second flyer makes certain rather poor design choices. My biggest problems with it are as follows: The use of 15 different fonts on a single page, and that nothing in the layout ties the piece together. The layout is essentially a set of modular horizontal stripes, which resembles more a set of news stories on a page (which we have learned to read as different items). This is in part because of the riot of fonts does not provide consistency, but also because of layout choices such as the box around the bands playing and the trapped white space between the blocks of information text. To its credit, however, the name of the party and the accompanying picture placed prominently in the top left, get the idea across quickly. [img]http://www.flickr.com/photos/23528384@N08/2306776811/[/img] The first flyer is for a telegraph avenue street fair a few years ago. I appreciate this flyer because it pushes the envelope on some design issues, but manages to pull it off. Firstly, it has an aesthetic and manages to keep it consistent without overwhelming the ability to read the sign. The art used is all line based and suggests a sort of whimsy of ages passed. There seems to be a sort of dreamlike/underwater theme that is played at with the way the text is executed, moving on wavelike paths. It does not, however, render it undreadable. The two most important pieces of information are appropriately emphasized, (the time and the place) and they catch the eye first. While some might have thought to make the name of the event the focus of the flyer, I agree with the choice of the designers. Whether or not you remember what the event is called, as long as you remember where and when it is, you are more likely to attend. The design avoids the use of any large blocks of text, while still conveying the necessary information, and does not over utilize fonts.
2307578492

The second flyer makes certain rather poor design choices. My biggest problems with it are as follows: The use of 15 different fonts on a single page, and that nothing in the layout ties the piece together. The layout is essentially a set of modular horizontal stripes, which resembles more a set of news stories on a page (which we have learned to read as different items). This is in part because of the riot of fonts does not provide consistency, but also because of layout choices such as the box around the bands playing and the trapped white space between the blocks of information text. To its credit, however, the name of the party and the accompanying picture placed prominently in the top left, get the idea across quickly.
2306776811

]]>
By: anselm http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-86 anselm Mon, 03 Mar 2008 08:13:27 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-86 My exapmle for a bad layout is this poster of a paper dealine. It is very confusing, not at all legible and doesn't invite to get more information. One of the reasons is the mix of types, the missing hierarchy and the use of italic/upper case/bold etc. Another one is the choice of colors, pink and baby-blue is probably not the best for scientific issues. Maybe the biggest shortcoming is the lack of eye-catching elements in this poster. [img]www.cip.ifi.lmu.de/~baueran/bad.jpg[/img] www.cip.ifi.lmu.de/~baueran/bad.jpg I like the layout of this poster, which is my example for a successful design. I they've done a good job in terms of coloring, choice of fonts an the trendy gradient. [img]www.cip.ifi.lmu.de/~baueran/good.jpg[/img] www.cip.ifi.lmu.de/~baueran/good.jpg My exapmle for a bad layout is this poster of a paper dealine.
It is very confusing, not at all legible and doesn’t invite to get more information.
One of the reasons is the mix of types, the missing hierarchy and the use of italic/upper case/bold etc. Another one is the choice of colors, pink and baby-blue is probably not the best for scientific issues. Maybe the biggest shortcoming is the lack of eye-catching elements in this poster.

bad.jpg
http://www.cip.ifi.lmu.de/~baueran/bad.jpg

I like the layout of this poster, which is my example for a successful design. I they’ve done a good job in terms of coloring, choice of fonts an the trendy gradient.

good.jpg
http://www.cip.ifi.lmu.de/~baueran/good.jpg

]]>
By: Nick Rabinowitz http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-85 Nick Rabinowitz Mon, 03 Mar 2008 07:48:46 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-85 My example of "unsuccessful" layout comes from the bulletin board at my local library: [img]http://www.nickrabinowitz.com/images/full/comedy_juggling.jpg[/img] The ridiculousness of the subject matter aside, this layout has a number of problems. The worst, I think, is the uneven centering. Centering everything is a pretty straightforward, if boring, way of laying out a page; but the title isn't properly centered at all, with "Owen Baker Flynn" pushed over to the left. This prominent, seemingly unintentional off-center element throws the whole thing off-kilter, making an already ugly design even worse. My "successful" example comes from my wall calendar, which features old train posters: [img]http://www.nickrabinowitz.com/images/full/orologi.jpg[/img] I really like this layout. The clock tower is nicely balanced by the black train, whose angle conveys power and speed. The initial "O" in the text aligns with the clock tower, echoing the shape of the clock, and the left edge of the block of text below it continues the vertical line downward. Although the text block is relatively complex, with several different font sizes and lines protruding to either side, it feels balanced in the composition, partly because of that strong vertical line through the O, and partly because the way the text extends down to the right acts as a counterpoint to the train extending upward above it. The composition as a whole is heavily weighted toward the bottom of the layout, making it feel grounded and drawing the eye toward the text, which is further made to stand out by darkening the background to black and setting the text in white. My example of “unsuccessful” layout comes from the bulletin board at my local library:

comedy_juggling.jpg

The ridiculousness of the subject matter aside, this layout has a number of problems. The worst, I think, is the uneven centering. Centering everything is a pretty straightforward, if boring, way of laying out a page; but the title isn’t properly centered at all, with “Owen Baker Flynn” pushed over to the left. This prominent, seemingly unintentional off-center element throws the whole thing off-kilter, making an already ugly design even worse.

My “successful” example comes from my wall calendar, which features old train posters:

orologi.jpg

I really like this layout. The clock tower is nicely balanced by the black train, whose angle conveys power and speed. The initial “O” in the text aligns with the clock tower, echoing the shape of the clock, and the left edge of the block of text below it continues the vertical line downward. Although the text block is relatively complex, with several different font sizes and lines protruding to either side, it feels balanced in the composition, partly because of that strong vertical line through the O, and partly because the way the text extends down to the right acts as a counterpoint to the train extending upward above it. The composition as a whole is heavily weighted toward the bottom of the layout, making it feel grounded and drawing the eye toward the text, which is further made to stand out by darkening the background to black and setting the text in white.

]]>
By: emeliech@berkeley.edu http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-84 emeliech@berkeley.edu Mon, 03 Mar 2008 06:41:20 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-84 Good Example: [img]http://lh4.google.com/millie.cheng/R8uPgtSaTuI/AAAAAAAAAFw/OC2_cb3yImg/s400/P1050492.JPG[/img] Sorry the picture is not focused very well, but I really like the layout, because it is simple but powerful. This purpose of this poster is to celebrate San Francisco Ballet’s 75th anniversary. The color choice is plain with black for background, white for important information, and yellow for less important texts. The different font types, capital letters, kerning spacing and bold also distinguishes the importance of these texts. For the composition, the dancing font, “ballet” in the bottom left and “75” on the top right corner, plus the image in the middle create a dynamic “X” shape on the poster. Bad Example: [img]http://lh4.google.com/millie.cheng/R8uPXtSaToI/AAAAAAAAAFA/X0DetAXepzo/s400/P1050485.JPG[/img] I took this picture in front of engineering library as a bad example of poster/flyer layout. Although the designer tried to be creative by using the book metaphor, there is no big distinction between important or unimportant information. Also the book titles on the spin are simply unreadable. There are more posters/ flyers I found recently. http://picasaweb.google.com/millie.cheng/PosterAndFlyer Good Example:
P1050492.JPG

Sorry the picture is not focused very well, but I really like the layout, because it is simple but powerful.
This purpose of this poster is to celebrate San Francisco Ballet’s 75th anniversary. The color choice is plain with black for background, white for important information, and yellow for less important texts. The different font types, capital letters, kerning spacing and bold also distinguishes the importance of these texts.
For the composition, the dancing font, “ballet” in the bottom left and “75” on the top right corner, plus the image in the middle create a dynamic “X” shape on the poster.

Bad Example:
P1050485.JPG

I took this picture in front of engineering library as a bad example of poster/flyer layout. Although the designer tried to be creative by using the book metaphor, there is no big distinction between important or unimportant information. Also the book titles on the spin are simply unreadable.

There are more posters/ flyers I found recently.
http://picasaweb.google.com/millie.cheng/PosterAndFlyer

]]>
By: WENHUA.SHI@GMAIL.COM http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-83 WENHUA.SHI@GMAIL.COM Mon, 03 Mar 2008 06:09:36 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-83 http://shiwenhua.info/__oneclick_uploads/2008/03/4b.jpg it's really hard to read target ads. they are always in bright red. font and size of words are too small. even this flyer uses an interesting layout. http://shiwenhua.info/__oneclick_uploads/2008/03/4a.jpg this is a better flyer. BUY BYE is catching the eye. it's very easy to read a loud. the red color and spaces on top gave more directions to center column BUY BYE. http://shiwenhua.info/__oneclick_uploads/2008/03/4b.jpg
it’s really hard to read target ads. they are always in bright red.
font and size of words are too small. even this flyer uses an interesting layout.

http://shiwenhua.info/__oneclick_uploads/2008/03/4a.jpg

this is a better flyer. BUY BYE is catching the eye. it’s very easy to read a loud. the red color and spaces on top gave more directions to center column BUY BYE.

]]>
By: shein@ischool.berkeley.edu http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-82 shein@ischool.berkeley.edu Mon, 03 Mar 2008 05:17:43 +0000 http://courses.ischool.berkeley.edu/i290-20/s08/syllabus/assignment-4/#comment-82 Bad Layout: [img]http://people.ischool.berkeley.edu/~shein/photos/bad_layout.jpg[/img] This image was an advertisement in the BART station. Although the picture is a bit dark, you can see that the layout is simply too cluttered. The images are layered on top of each other in a somewhat haphazard way. Good Layout: [img]http://people.ischool.berkeley.edu/~shein/photos/good_layout.jpg[/img] I like the way this poster is laid out. It's simple but effective. The necessary text is on the poster, but doesn't overwhelm the design. Bad Layout:
bad_layout.jpg

This image was an advertisement in the BART station. Although the picture is a bit dark, you can see that the layout is simply too cluttered. The images are layered on top of each other in a somewhat haphazard way.

Good Layout:
good_layout.jpg

I like the way this poster is laid out. It’s simple but effective. The necessary text is on the poster, but doesn’t overwhelm the design.

]]>