<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Nien&#039;s ITP Blog &#187; Visual Comm</title>
	<atom:link href="http://www.nienlam.com/itp-blog/category/visual-comm/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nienlam.com/itp-blog</link>
	<description>The sights and sounds of my work at ITP</description>
	<lastBuildDate>Wed, 23 Dec 2009 01:24:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Infographic &#8211; My DVD Collection</title>
		<link>http://www.nienlam.com/itp-blog/2009/11/30/infographic-my-dvd-collection/</link>
		<comments>http://www.nienlam.com/itp-blog/2009/11/30/infographic-my-dvd-collection/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 20:17:19 +0000</pubDate>
		<dc:creator>Nien</dc:creator>
				<category><![CDATA[Visual Comm]]></category>

		<guid isPermaLink="false">http://www.nienlam.com/itp-blog/?p=752</guid>
		<description><![CDATA[The infographic assignment for class was a good excuse to catalog the DVDs I&#8217;ve collected over the years. I created a bubble chart and a wordle based off of the different genres and film titles. &#160; Film Genres &#160; Film Titles]]></description>
			<content:encoded><![CDATA[<p>The infographic assignment for class was a good excuse to catalog the DVDs I&#8217;ve collected over the years.  I created a bubble chart and a wordle based off of the different genres and film titles.<br />
&nbsp;</p>
<p><strong>Film Genres</strong><br />
<a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/11/FilmGenreBubble.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/11/FilmGenreBubble.jpg" alt="FilmGenreBubble" title="FilmGenreBubble" width="648" height="479" class="alignnone size-full wp-image-756" /></a></p>
<p>&nbsp;</p>
<p><strong>Film Titles</strong><br />
<a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/11/8c71122c-dde7-11de-bebe-000255111976.png"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/11/8c71122c-dde7-11de-bebe-000255111976.png" alt="8c71122c-dde7-11de-bebe-000255111976" title="8c71122c-dde7-11de-bebe-000255111976" width="972" height="437" class="alignnone size-full wp-image-753" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nienlam.com/itp-blog/2009/11/30/infographic-my-dvd-collection/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Theory</title>
		<link>http://www.nienlam.com/itp-blog/2009/11/13/color-theory/</link>
		<comments>http://www.nienlam.com/itp-blog/2009/11/13/color-theory/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 23:04:07 +0000</pubDate>
		<dc:creator>Nien</dc:creator>
				<category><![CDATA[Visual Comm]]></category>

		<guid isPermaLink="false">http://www.nienlam.com/itp-blog/?p=674</guid>
		<description><![CDATA[Surround a color with a less saturated color and it will appear more saturated. Surround a color with a more saturated color and it will appear less saturated. Color Settings (Hue, Saturation, Brightness): Center Squares &#8211; 180, 67, 60 Left Outer Square &#8211; 0, 0, 60 Right Outer Square &#8211; 0, 100, 60 &#160; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>Surround a color with a less saturated color and it will appear more saturated.<br />
Surround a color with a more saturated color and it will appear less saturated.  </p>
<p>Color Settings (Hue, Saturation, Brightness):<br />
Center Squares &#8211; 180, 67, 60<br />
Left Outer Square &#8211; 0, 0, 60<br />
Right Outer Square &#8211; 0, 100, 60</p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/11/OpticaIllusion.jpg" alt="OpticaIllusion" title="OpticaIllusion" width="504" height="360" class="alignnone size-full wp-image-685" /></p>
<p>&nbsp;<br />
&nbsp;<br />
By altering the saturation and brightness while keeping the hue the same, it is possible to make the horizontal block look transparent.  Keep in mind that there are actually 3 horizontal blocks adjacent to each other, each with a different setting for saturation and brightness.  </p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/11/Transparency.jpg" alt="Transparency" title="Transparency" width="504" height="360" class="alignnone size-full wp-image-676" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nienlam.com/itp-blog/2009/11/13/color-theory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ITP Logo Design</title>
		<link>http://www.nienlam.com/itp-blog/2009/10/25/itp-logo-design/</link>
		<comments>http://www.nienlam.com/itp-blog/2009/10/25/itp-logo-design/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 03:35:56 +0000</pubDate>
		<dc:creator>Nien</dc:creator>
				<category><![CDATA[Visual Comm]]></category>

		<guid isPermaLink="false">http://www.nienlam.com/itp-blog/?p=553</guid>
		<description><![CDATA[The exercise this week was to try to come up with a logo for ITP. This proved to be rather challenging as our school encompasses a wide range of disciplines making it difficult to define. This is also why ITP currently has no official logo. &#160; I wanted to incorporate our love affair with LEDs [...]]]></description>
			<content:encoded><![CDATA[<p>The exercise this week was to try to come up with a logo for ITP.  This proved to be rather challenging as our school encompasses a wide range of disciplines making it difficult to define.  This is also why ITP currently has no official logo.<br />
&nbsp;<br />
I wanted to incorporate our love affair with LEDs and electricity into a logo design.  The purple one matches NYU&#8217;s color.<br />
&nbsp;<br />
<a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver11.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver11-300x160.jpg" alt="ITP-Logo-Ver1" title="ITP-Logo-Ver1" width="300" height="160" class="alignnone size-medium wp-image-558" /></a><br />
<a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver1.1.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver1.1-300x160.jpg" alt="ITP-Logo-Ver1.1" title="ITP-Logo-Ver1.1" width="300" height="160" class="alignnone size-medium wp-image-559" /></a><a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver1.2.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver1.2-300x160.jpg" alt="ITP-Logo-Ver1.2" title="ITP-Logo-Ver1.2" width="300" height="160" class="alignnone size-medium wp-image-560" /></a><a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver1.3.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver1.3-300x160.jpg" alt="ITP-Logo-Ver1.3" title="ITP-Logo-Ver1.3" width="300" height="160" class="alignnone size-medium wp-image-557" /></a><br />
&nbsp;<br />
&nbsp;<br />
Here I use a light bulb for the letter &#8216;I&#8217;.  The light bulb symbolizes having an idea or innovation, a theme that is prevalent within ITP.<br />
&nbsp;<br />
<a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver2.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver2-300x214.jpg" alt="ITP-Logo-Ver2" title="ITP-Logo-Ver2" width="300" height="214" class="alignnone size-medium wp-image-565" /></a><br />
<a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver2.1.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/ITP-Logo-Ver2.1-300x214.jpg" alt="ITP-Logo-Ver2.1" title="ITP-Logo-Ver2.1" width="300" height="214" class="alignnone size-medium wp-image-564" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nienlam.com/itp-blog/2009/10/25/itp-logo-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Great Saul Bass</title>
		<link>http://www.nienlam.com/itp-blog/2009/10/19/the-great-saul-bass/</link>
		<comments>http://www.nienlam.com/itp-blog/2009/10/19/the-great-saul-bass/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 19:45:39 +0000</pubDate>
		<dc:creator>Nien</dc:creator>
				<category><![CDATA[Visual Comm]]></category>

		<guid isPermaLink="false">http://www.nienlam.com/itp-blog/?p=499</guid>
		<description><![CDATA[Saul Bass (May 8, 1920 – April 25, 1996) born in New York City, New York created some of the most recognizable logos of all time. Though an icon in the world of graphic design, he is best known for his design on animated motion picture title sequences on some of Hollywood&#8217;s greatest films. He [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/1_saul_bass_portrait.jpg" alt="1_saul_bass_portrait" title="1_saul_bass_portrait" width="370" height="367" class="alignnone size-full wp-image-491" /><br />
</p>
<p>Saul Bass (May 8, 1920 – April 25, 1996) born in New York City, New York created some of the most recognizable logos of all time.  Though an icon in the world of graphic design, he is best known for his design on animated motion picture title sequences on some of Hollywood&#8217;s greatest films.  He also received an Academy Award for a short documentary film he created.  Below are samplings from his prolific career.     </p>
<p>&nbsp;</p>
<h2> Logo Designs </h2>
<p>Bell, AT&#038;T, United Airlines, Avery International, Quaker Oats, Kleenex, Exxon, Warner Communications, Continental Airlines, United Way, Minolta and Girl Scouts.</p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/i_saulbass_l1.jpg" alt="i_saulbass_l1" title="i_saulbass_l1" width="450" height="450" class="alignnone size-full wp-image-494" /></p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/31.jpg" alt="31" title="31" width="450" height="450" class="alignnone size-full wp-image-493" /></p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/22.jpg" alt="22" title="22" width="450" height="450" class="alignnone size-full wp-image-492" /></p>
<p>&nbsp;</p>
<h2> Movie Posters </h2>
<p><em>The Man with the Golden Arm</em> (1955), <em>Vertigo</em> (1958), <em>West Side Story</em> (1961), and <em>The Shining </em>(1980).  </p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/394px-The_Man_with_the_Golden_Arm_poster.jpg" alt="394px-The_Man_with_the_Golden_Arm_poster" title="394px-The_Man_with_the_Golden_Arm_poster" width="490" height="755" class="alignnone size-full wp-image-505" /></p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/vertigo.jpg" alt="vertigo" title="vertigo" width="490" height="755" class="alignnone size-full wp-image-497" /></p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/west_side_story.jpg" alt="west_side_story" title="west_side_story" width="490" height="755" class="alignnone size-full wp-image-498" /></p>
<p><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/shining.jpg" alt="shining" title="shining" width="490" height="755" class="alignnone size-full wp-image-496" /></p>
<p>&nbsp;</p>
<h2> Opening Film Title Sequences </h2>
<p><em>Vertigo</em> (1958)<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/pz46qS38OgM&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/pz46qS38OgM&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>&nbsp;<br />
<em>North by Northwest</em> (1959)<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Qbg089yT31g&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Qbg089yT31g&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>&nbsp;<br />
<em>Psycho</em> (1960)<br />
<a href="http://www.youtube.com/watch?v=Tek8QmKRODw"> View Opening Sequence </a></p>
<p>&nbsp;<br />
<em>Catch Me If You Can</em> (2002) **<br />
Not done by Saul Bass, but there is no question that it pays homage to his distinct style.<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gaLDyrun_Cc&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/gaLDyrun_Cc&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nienlam.com/itp-blog/2009/10/19/the-great-saul-bass/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typefaces and Expressive Words</title>
		<link>http://www.nienlam.com/itp-blog/2009/10/05/typefaces-and-expressive-words/</link>
		<comments>http://www.nienlam.com/itp-blog/2009/10/05/typefaces-and-expressive-words/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 18:25:20 +0000</pubDate>
		<dc:creator>Nien</dc:creator>
				<category><![CDATA[Visual Comm]]></category>

		<guid isPermaLink="false">http://www.nienlam.com/itp-blog/?p=386</guid>
		<description><![CDATA[If you realize it or not, typefaces are used to convey meaning beyond what is written. Using the same words and only changing the fonts, it is possible to express things like fun, cheap, professional or classic. For this week we were asked to put our name in 6 different typefaces. We were also asked [...]]]></description>
			<content:encoded><![CDATA[<p>If you realize it or not, typefaces are used to convey meaning beyond what is written.  Using the same words and only changing the fonts, it is possible to express things like fun, cheap, professional or classic.  For this week we were asked to put our name in 6 different typefaces.  We were also asked to create several expressive words.  Click on the link below to checkout what I came up with.</p>
<div class="link">
<ul>
<li><a class="linkanchor" href='http://www.nienlam.com/itp-blog/wp-content/uploads/2009/10/NienLam-TypeFace-Web.pdf'>NienLam-TypeFace</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.nienlam.com/itp-blog/2009/10/05/typefaces-and-expressive-words/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bad Signage</title>
		<link>http://www.nienlam.com/itp-blog/2009/09/28/bad-signage/</link>
		<comments>http://www.nienlam.com/itp-blog/2009/09/28/bad-signage/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 22:39:03 +0000</pubDate>
		<dc:creator>Nien</dc:creator>
				<category><![CDATA[Visual Comm]]></category>

		<guid isPermaLink="false">http://www.nienlam.com/itp-blog/?p=283</guid>
		<description><![CDATA[Signs are an essential visual communication tool that help us navigate through our daily lives. Being in one of the largest metropolitan areas in the world, you can&#8217;t help but to be bombarded with signs everywhere you go. However, most people seldom stop to consider why some signs are better or worse than others. The [...]]]></description>
			<content:encoded><![CDATA[<p>Signs are an essential visual communication tool that help us navigate through our daily lives.  Being in one of the largest metropolitan areas in the world, you can&#8217;t help but to be bombarded with signs everywhere you go.  However, most people seldom stop to consider why some signs are better or worse than others.  The assignment this week was to find signs around the city that do a poor job communicating their intended message.  There are many types of signs, but for this assignment I decided to focus on store signs.  Store signs are more visually complex and ofen try to have meaning beyond the written text.  I started looking for bad signage in the upper west side, though had little success since the area is rather gentrified and most stores were large brand names.  eg.  Pottery Barn, Victoria Secret, Best Buy, etc.  I then walked through the mid-town area where there are many more small businesses.  Needless to say, I found some bad signs.  Below are some examples of bad signs I found and my recommendations on how the signs could be improved.<br />
&nbsp;<br />
&nbsp;<br />
<a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2008.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2008-225x300.jpg" alt="IMG_2008" title="IMG_2008" width="169" height="225" class="alignnone size-medium wp-image-279" /></a><a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2010.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2010-300x225.jpg" alt="IMG_2010" title="IMG_2010" width="300" height="225" class="alignright size-medium wp-image-280" /></a></p>
<p>Why this sign is bad?<br />
- Sign doesn&#8217;t really make sense when you read it, &#8220;A Relax Me&#8221;<br />
- It looks like some thought was put into the logo design, but it does not have a clear message<br />
- There are 3 types of fonts.</p>
<p>How can we make it better?<br />
- Have it be in proper English<br />
- If you gonna have logo, try to tie in better.</p>
<p>&nbsp;<br />
&nbsp;</p>
<p><a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2016.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2016-300x225.jpg" alt="IMG_2016" title="IMG_2016" width="300" height="225" class="alignnone size-medium wp-image-282" /></a></p>
<p>Why this sign is bad?<br />
- Why is &#8216;L&#8217; and the &#8216;N&#8217; separate ???<br />
- Letter alignment is all over the place<br />
- Color palette is dull<br />
- Design behind the big &#8216;B&#8217; is strange</p>
<p>How can we make it better?<br />
- Don&#8217;t separate the &#8216;L&#8217; and the &#8216;N&#8217;<br />
- Make use of the grid in the lettering<br />
- Have the sign be a little more dynamic<br />
&nbsp;<br />
&nbsp;</p>
<p><a href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2012.jpg"><img src="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/IMG_2012-300x225.jpg" alt="IMG_2012" title="IMG_2012" width="300" height="225" class="alignnone size-medium wp-image-281" /></a></p>
<p>Why this sign is bad?<br />
- Awful colors and design, looks like a kid&#8217;s art school project<br />
- Using 3 or more fonts</p>
<p>How can we make it better?<br />
- No need to put the word &#8220;Wine&#8221; on the wine bottle<br />
- Pick more dynamic colors<br />
- Keep the sign festive, since this is the intended direction, just don&#8217;t be gaudy<br />
- Use a decorative font for the store name, use a simple plain font for everything else</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nienlam.com/itp-blog/2009/09/28/bad-signage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design Analysis &#8211; Ebay.com</title>
		<link>http://www.nienlam.com/itp-blog/2009/09/21/design-analysis-ebay-com/</link>
		<comments>http://www.nienlam.com/itp-blog/2009/09/21/design-analysis-ebay-com/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 04:40:49 +0000</pubDate>
		<dc:creator>Nien</dc:creator>
				<category><![CDATA[Visual Comm]]></category>

		<guid isPermaLink="false">http://www.nienlam.com/itp-blog/?p=207</guid>
		<description><![CDATA[For class, I was asked to select a website and analyze its success in terms of grid, colors, layout, typography, consistency and usability. I selected Ebay.com. Ebay is the largest and most well known online auction website. It is a silicon valley juggernaut employing over 15,000 people and generates billions in revenue a year. What&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>For class, I was asked to select a website and analyze its success in terms of grid, colors, layout, typography, consistency and usability.  I selected Ebay.com.  Ebay is the largest and most well known online auction website.  It is a silicon valley juggernaut employing over 15,000 people and generates billions in revenue a year.  What&#8217;s also interesting about Ebay is that its service is vital in supporting &#8220;other&#8221; businesses all over the world.  Many companies use its services to connect to buyers.  This makes Ebay more susceptible to criticism as it is used by many people who have a stake in the design and usability of the site.  I will discuss Ebay&#8217;s visual elements in class.</p>
<div class="link">
<ul>
<li><a style="color:sienna;" href="http://www.nienlam.com/itp-blog/wp-content/uploads/2009/09/EbaySiteAnalysis.pdf">Ebay.com Visual Analysis Doc</a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.nienlam.com/itp-blog/2009/09/21/design-analysis-ebay-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
