<?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>ChrisPrasojo</title>
	<atom:link href="http://chrisprasojo.com/viscomm/feed/" rel="self" type="application/rss+xml" />
	<link>http://chrisprasojo.com/viscomm</link>
	<description>visual communication</description>
	<lastBuildDate>Wed, 16 Jun 2010 17:19:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Children Story Book</title>
		<link>http://chrisprasojo.com/viscomm/2009/11/project/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/11/project/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 14:25:06 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Story Book]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=114</guid>
		<description><![CDATA[This final project is a group work that is designed to train us to understand the process and importance of creating design document, using type and content organization properly, and developing skills in defining visual treatment specifications.
1. The Group
Our &#8220;Grandma&#8217;s Blanket&#8221; storybook is done by these wonderful group mates:
 • Ann Soon
 • Kan
 • [...]]]></description>
			<content:encoded><![CDATA[<p>This final project is a group work that is designed to train us to understand the process and importance of creating design document, using type and content organization properly, and developing skills in defining visual treatment specifications.</p>
<h3>1. The Group</h3>
<p>Our &#8220;Grandma&#8217;s Blanket&#8221; storybook is done by these wonderful group mates:<br />
 • <a href="http://annsoon.livejournal.com/" target="_blank">Ann Soon</a><br />
 • <a href="http://kannm2208.blogspot.com/" target="_blank">Kan</a><br />
 • <a href="http://scribblyswirls.tumblr.com/" target="_blank">Mun</a><br />
 • <a href="http://canvasandpalette.wordpress.com/" target="_blank">Melissa</a><br />
 • <a href="http://valerie-creations.blogspot.com/" target="_blank">Val</a></p>
<h3>2. Storyboarding</h3>
<p>We gathered and shared our own stories before we adopted Ann Soon&#8217;s story for our story book. His story was then refined to fit the requirements of the story book, that are:<br />
 • At least 10 pages/scenes.<br />
 • At most contains 900 words.<br />
 • Tailored for 6-9 years old kids.</p>
<p>Summary of the final story:</p>
<blockquote><p>Kan is full of mischief and does not like the blanket that his grandma made for him. Worse, he cuts the blanket to pieces and runs away, making Grandma Mel very sad and worried. After a cold and sleepless night however, Kan realises that he was in the wrong. He runs back to his house once it is dawn and hugs Grandma Mel immediately when he sees her. In fact, she had mended the torn blanket with colourful patches while Kan was away. From that day onwards, Kan treasures the blanket and uses it every night when he goes to sleep.</p></blockquote>
<h3>3. Sketching</h3>
<p>Here&#8217;s our first sketch after we discussed and decided our story:</p>
<p><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch1.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch1-420x540.jpg" alt="storysketch1" title="storysketch1" width="420" height="540" class="aligncenter size-large wp-image-216" /></a><br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch2.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch2-420x534.jpg" alt="storysketch2" title="storysketch2" width="420" height="534" class="aligncenter size-large wp-image-217" /></a><br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch3.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch3-420x523.jpg" alt="storysketch3" title="storysketch3" width="420" height="523" class="aligncenter size-large wp-image-218" /></a><br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch4.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storysketch4-420x299.jpg" alt="storysketch4" title="storysketch4" width="420" height="299" class="aligncenter size-large wp-image-219" /></a></p>
<h3>4. Draw, Color, Document.</h3>
<p>With complete thumbnail sketch of every scene, everyone has the same idea of the story in mind and proceed with character drawing (<a href="http://scribblyswirls.wordpress.com/" target="_blank">Mun</a>), background drawing (<a href="http://canvasandpalette.wordpress.com/" target="_blank">Mel </a>and <a href="http://valerie-creations.blogspot.com/" target="_blank">Val</a>), coloring (<a href="http://annsoon.livejournal.com/" target="_blank">Ann Soon</a> and Chris), and documentation (<a href="http://kannm2208.blogspot.com" target="_blank">Kan</a>).</p>
<p>I did various samples of color scheme for the blanket to bring out certain mood/feeling:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/blankets1.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/blankets1-420x135.png" alt="blankets" title="blankets" width="420" height="135" class="aligncenter size-large wp-image-238" style="border:none;"/></a></p>
<p>And also the wall surface of bedroom and living room of Kan (the main character) and Chris (Kan&#8217;s friend) in the story book:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/wall.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/wall-420x340.png" alt="wall" title="wall" width="420" height="340" class="aligncenter size-large wp-image-236" style="border:none;" /></a></p>
<h3>5. Finale</h3>
<p>After weeks of sleepless nights, the story book is finally printed and submitted :D<br />
Ann Soon and I did coloring of scenes as well as characters and objects in each scene. The overall process was long and tedious, but at the end of it, I feel I&#8217;ve learnt so much from this activity.</p>
<p><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/cover-page.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/cover-page-420x420.png" alt="cover-page" title="cover-page" width="420" height="420" class="aligncenter size-large wp-image-213" /></a></p>
<p>Here&#8217;s the thumbnails of final scenes:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storybook.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/storybook-420x613.png" alt="storybook" title="storybook" width="420" height="613" class="aligncenter size-large wp-image-209" style="border:none;"/></a></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/11/project/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Color Palette for Postcard</title>
		<link>http://chrisprasojo.com/viscomm/2009/10/a05/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/10/a05/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 14:25:01 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Color]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=113</guid>
		<description><![CDATA[The fifth assignment is to create a postcard with various color schemes to develop necessary skill in using color palette and understand process of color scheme selection and usage.
1. Brainstorming
The main aim of this assignment is to learn various color combination and the effect that each combination brings. Therefore, I designed a very general layout [...]]]></description>
			<content:encoded><![CDATA[<p>The fifth assignment is to create a postcard with various color schemes to develop necessary skill in using color palette and understand process of color scheme selection and usage.</p>
<h3>1. Brainstorming</h3>
<p>The main aim of this assignment is to learn various color combination and the effect that each combination brings. Therefore, I designed a very general layout so I can try many different combination of colors without having too much restriction. The given theme was &#8220;Music Festival&#8221;, and I designed a postcard for &#8220;Music Festival 2009&#8243;. </p>
<h3>2. Postcard Design</h3>
<p>Here&#8217;s the original design of Music Festival 2009. For aesthetic reason, I put the &#8220;2009&#8243; before &#8220;Music Festival&#8221;.<br />
<img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/postcard-original-420x587.jpg" alt="postcard original" title="postcard original" width="420" height="587" class="aligncenter size-large wp-image-202" /></p>
<h3>3. Color Scheme</h3>
<p>I decided to try different color schemes to reflect various festive seasons like Christmas, Chinese New Year, Hari Raya, Deepavali, Halloween, and so on. Here&#8217;s the seven color schemes:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-o-Combinations.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-o-Combinations-419x607.png" alt="A05-o-Combinations" title="A05-o-Combinations" width="419" height="607" class="aligncenter size-large wp-image-203" /></a></p>
<h3>4. More Colors&#8230;</h3>
<p>The seven color schemes were good enough, but Dr Julian liked it a lot more. So I played with the color wheel and went beyond festive seasons to music genres and beyond&#8230;<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-u-Combinations.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-u-Combinations-420x593.png" alt="A05-u-Combinations" title="A05-u-Combinations" width="420" height="593" class="aligncenter size-large wp-image-204" /></a></p>
<h3>5. Final Postcard</h3>
<p>The final chosen postcard color scheme is &#8220;Spring&#8221;. Some reasons behind this choice:<br />
• Cool color: blue and green.<br />
• Natural and pleasing color to most culture.</p>
<p>Front view of the postcard:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-u-PostcardFront.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-u-PostcardFront-420x594.png" alt="A05-u-PostcardFront" title="A05-u-PostcardFront" width="420" height="594" class="aligncenter size-large wp-image-205" /></a></p>
<p>Back view of the postcard:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-u-PostcardBack.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/10/A05-u-PostcardBack-420x593.png" alt="A05-u-PostcardBack" title="A05-u-PostcardBack" width="420" height="593" class="aligncenter size-large wp-image-206" /></a></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/10/a05/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Visual Design Principles on Poster</title>
		<link>http://chrisprasojo.com/viscomm/2009/09/a04/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/09/a04/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 14:55:00 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Visual Design]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=112</guid>
		<description><![CDATA[There are many aspects to consider when designing a poster. This assignment emphasizes on understanding and application of various visual design principles like visual hierarchy and balance to convey a message through a poster.
1. Brainstorming
I started by picking a single message that set the theme and layout of the poster. I chose “mentally active” as [...]]]></description>
			<content:encoded><![CDATA[<p>There are many aspects to consider when designing a poster. This assignment emphasizes on understanding and application of various visual design principles like visual hierarchy and balance to convey a message through a poster.</p>
<h3>1. Brainstorming</h3>
<p>I started by picking a single message that set the theme and layout of the poster. I chose “mentally active” as the main message of the poster and sketched some thumbnails to convey the message of &#8220;mentally active&#8221;.<br />
<img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/sketch-420x143.jpg" alt="sketch" title="sketch" width="420" height="143" class="aligncenter size-large wp-image-196" /></p>
<h3>2. Getting Images</h3>
<p>Finding a subject in a proper environment setting is crucial to bring the message across. Therefore, I went to Chinatown to take some photographs of the elderly playing chinese chess. The images were then sorted and digitally manipulated to convey the message.</p>
<h3>3. The Original Poster</h3>
<p>The subject of this poster is an uncle in Chinatown, playing chinese chess. I took a dozen photos of him playing chess from different angles. One out of the dozen was finally chosen and manipulated in Photoshop to guide viewers&#8217; eyes to the uncle and his chess game. Here&#8217;s the original poster that I designed, printed, and brought to critique session:<br />
<img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/Agingoriginal-420x593.jpg" alt="Aging[original]" title="Aging[original]" width="420" height="593" class="aligncenter size-large wp-image-198" /></p>
<h3>4. Final Poster</h3>
<p>Following the feedback to reduce the amount of text in the poster, I modified the poster to this final version:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A04-u-AfterConsultation.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A04-u-AfterConsultation-420x593.jpg" alt="A04-u-AfterConsultation" title="A04-u-AfterConsultation" width="420" height="593" class="aligncenter size-large wp-image-199" /></a></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/09/a04/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visual Narration</title>
		<link>http://chrisprasojo.com/viscomm/2009/09/a03/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/09/a03/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 14:38:58 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Representation]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=111</guid>
		<description><![CDATA[The objective of this visual narration assignment is to understand and overcome representation challenges by using various representation techniques to communicate ideas effectively without relying on the textual content.
1. Brainstorming
Visual narrative, usually known as photo story, has its own challenge when the main subjects are inanimate objects. I took this challenge and used chopsticks as [...]]]></description>
			<content:encoded><![CDATA[<p>The objective of this visual narration assignment is to understand and overcome representation challenges by using various representation techniques to communicate ideas effectively without relying on the textual content.</p>
<h3>1. Brainstorming</h3>
<p>Visual narrative, usually known as photo story, has its own challenge when the main subjects are inanimate objects. I took this challenge and used chopsticks as the main subjects. Iconic facial expressions, which are usually used in emoticons, are added to the chopstick to make the inanimate object lively expressing various emotions.</p>
<h3>2. The Original Story</h3>
<p>I took more than a hundred photos for the original photo story and filtered them out to 9 for the story. I selected 8 out of these and presented in critique session for feedback. Here&#8217;s the original 9 photos: (click image for larger view)</p>
<p><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/original-photo-story.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/original-photo-story-420x339.jpg" alt="original photo story" title="original photo story" width="420" height="339" class="alignnone size-large wp-image-178" /></a></p>
<p>Based on the feedback gathered during critique session and consultation, this original photo story:</p>
<ul>
<li>was too complex</li>
<li>had ambiguous climax</li>
</ul>
<h3>3. The Final Story</h3>
<p>Based on those feedback, I changed most scenes by having the photos retaken and modified to:<br />
• show flow of an event: split frame<br />
• show emotion: loneliness (semi B/W)<br />
• show expression: surprised (callout “!”)<br />
• show clearer climax or turning point: bigger photo size for turning point and happy ending.</p>
<p>1: Nobody wants to use Mr Chopstick<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-1.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-1-420x315.jpg" alt="A03-1" title="A03-1" width="420" height="315" class="alignnone size-large wp-image-179" /></a><br />
2: Mr Chopstick feels sad and begin the search. Waiting for bus&#8230;<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-2.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-2-420x315.jpg" alt="A03-2" title="A03-2" width="420" height="315" class="alignnone size-large wp-image-180" /></a><br />
3: In the bus&#8230;<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-3.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-3-420x315.jpg" alt="A03-3" title="A03-3" width="420" height="315" class="alignnone size-large wp-image-182" /></a><br />
4: And keep searching until&#8230;<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-4.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-4-420x315.jpg" alt="A03-4" title="A03-4" width="420" height="315" class="alignnone size-large wp-image-183" /></a><br />
5: He found Ms Chopstick!<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-5.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-5-420x315.jpg" alt="A03-5" title="A03-5" width="420" height="315" class="alignnone size-large wp-image-184" /></a><br />
6: Mr and Ms Chopstick now stay together<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-6.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-6-420x560.jpg" alt="A03-6" title="A03-6" width="420" height="560" class="alignnone size-large wp-image-185" /></a><br />
7: And someone finally picks Mr and Ms Chopstick<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-7.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-7-420x560.jpg" alt="A03-7" title="A03-7" width="420" height="560" class="alignnone size-large wp-image-186" /></a><br />
8: Mr Chopstick feels happy<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-8.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A03-8-420x315.jpg" alt="A03-8" title="A03-8" width="420" height="315" class="alignnone size-large wp-image-187" /></a></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/09/a03/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sketches on Representation</title>
		<link>http://chrisprasojo.com/viscomm/2009/09/classroom-exercises/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/09/classroom-exercises/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 15:53:12 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Quick Sketch]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=189</guid>
		<description><![CDATA[Using basic elements (line and dot) create 2 abstract or semi-abstract representative images conveying meaning of the word &#8220;precise&#8221; and &#8220;exceed&#8221;.
Images should communicate the meaning of the words through form of basic visual elements. Melissa, Val, and I drew these semi-abstract images:

Dr Julian assessed our work and gave positive remarks on our sketches. According to [...]]]></description>
			<content:encoded><![CDATA[<p>Using basic elements (line and dot) create 2 abstract or semi-abstract representative images conveying meaning of the word &#8220;precise&#8221; and &#8220;exceed&#8221;.<br />
Images should communicate the meaning of the words through form of basic visual elements. Melissa, Val, and I drew these semi-abstract images:</p>
<p><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/Lecture6_Ex.jpg" alt="Lecture6_Ex" title="Lecture6_Ex" width="313" height="262" class="aligncenter size-full wp-image-190" /></p>
<p>Dr Julian assessed our work and gave positive remarks on our sketches. According to him, the nested rectangle sketch wasn&#8217;t clear enough to represent the word; The other three are fine.</p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/09/classroom-exercises/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stepping into Abstraction</title>
		<link>http://chrisprasojo.com/viscomm/2009/09/a02/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/09/a02/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 14:24:56 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Abstraction]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=110</guid>
		<description><![CDATA[This abstraction assignment goal is to understand abstraction towards symbolism that requires ultimate simplicity with reduction of multiple visual factors to the irreducible minimum.
1. Brainstorming
The first step was to select a location or place of interest in Singapore and search for enough photographs to understand visual features of the building. Among Singapore Flyer, Mariott Hotel, [...]]]></description>
			<content:encoded><![CDATA[<p>This abstraction assignment goal is to understand abstraction towards symbolism that requires ultimate simplicity with reduction of multiple visual factors to the irreducible minimum.</p>
<h3>1. Brainstorming</h3>
<p>The first step was to select a location or place of interest in Singapore and search for enough photographs to understand visual features of the building. Among Singapore Flyer, Mariott Hotel, Reverse Bungy, Vivo City, and St. Andrew Cathedral, I selected The Old Supreme Court.</p>
<p>In this phase, I relied on pencil sketches on paper to visualize how the outline of the building would look like in black and white shapes and lines. The sketches were useful resources to decide which elements of the building were reducible and which were the outstanding visual features.</p>
<h3>2. Abstraction</h3>
<p>After deciding a good combination of visual features, the photo of the building was then imported to Adobe Illustrator for pen tracing. From there on, reducible visual features started to be taken off in five steps of abstraction to create a representative image of the object. Here&#8217;s the original abstraction iterations that I printed and brought to my weekly critique session class: (click image to view full image)</p>
<p><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A02-o-Iterations.png" target="_blank"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A02-o-Iterations-420x593.png" alt="A02-o-Iterations" title="A02-o-Iterations" width="420" height="593" class="alignnone size-large wp-image-170" /></a></p>
<h3>3. Refining the Abstraction</h3>
<p>Based on feedback gathered during critique session and consultation with the tutor, I made some changes to the abstraction. Here&#8217;s the updated abstraction iterations: (click image to view full image)</p>
<p><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A02-u-Iterations.png" target="_blank"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A02-u-Iterations-420x593.png" alt="A02-u-Iterations" title="A02-u-Iterations" width="420" height="593" class="alignnone size-large wp-image-171" /></a></p>
<h3>4. Select the Final</h3>
<p>The final result is an effective pictogram representing The Old Supreme Court that is easily recognizable, well remembered, and highly reproducible for road signs and directional panels.</p>
<p><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A02-u-Chosen.png" target="_blank"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/A02-u-Chosen-420x289.png" alt="A02-u-Chosen" title="A02-u-Chosen" width="420" height="289" class="alignnone size-large wp-image-172" /></a></p>
<h3>5. Implementation</h3>
<p>And finally, here are some examples of how the final pictogram can be used in various directional road signs.</p>
<p><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/implementation1-420x208.jpg" alt="implementation1" title="implementation1" width="420" height="208" class="alignnone size-large wp-image-174" /><br />
<img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/implementation2-420x269.jpg" alt="implementation2" title="implementation2" width="420" height="269" class="alignnone size-large wp-image-175" /><br />
<img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/09/implementation3-420x193.jpg" alt="implementation3" title="implementation3" width="420" height="193" class="alignnone size-large wp-image-176" /></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/09/a02/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sketching Iconic vs Indexical</title>
		<link>http://chrisprasojo.com/viscomm/2009/09/classroom-exercise-on-iconic-and-indexical/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/09/classroom-exercise-on-iconic-and-indexical/#comments</comments>
		<pubDate>Thu, 03 Sep 2009 15:55:44 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Quick Sketch]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=224</guid>
		<description><![CDATA[In this short class exercise we were instructed to pick two objects and sketch its iconic and indexical representations. Here&#8217;s my sketch:


]]></description>
			<content:encoded><![CDATA[<p>In this short class exercise we were instructed to pick two objects and sketch its iconic and indexical representations. Here&#8217;s my sketch:</p>
<p><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/representation.png"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/11/representation-420x600.png" alt="representation" title="representation" width="420" height="600" class="aligncenter size-large wp-image-225" /></a></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/09/classroom-exercise-on-iconic-and-indexical/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Me and Illustration</title>
		<link>http://chrisprasojo.com/viscomm/2009/08/a01/</link>
		<comments>http://chrisprasojo.com/viscomm/2009/08/a01/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 14:24:54 +0000</pubDate>
		<dc:creator>chrisprasojo</dc:creator>
				<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://chrisprasojo.com/viscomm/?p=109</guid>
		<description><![CDATA[The first assignment span across two tutorial sessions and includes several stages of design process from brainstorming, thumbnail sketches, full rough development, and digitization of the rough to prototype.
The theme of this assignment revolves around Me Myself and I, manipulating objects that I like or hate to form my name: Chris.
1. Brainstorming
The design process starts [...]]]></description>
			<content:encoded><![CDATA[<p>The first assignment span across two tutorial sessions and includes several stages of design process from brainstorming, thumbnail sketches, full rough development, and digitization of the rough to prototype.</p>
<p>The theme of this assignment revolves around <em>Me Myself and I</em>, manipulating objects that I like or hate to form my name: Chris.</p>
<h3>1. Brainstorming</h3>
<p>The design process starts by listing words that describe my character, personality, and things that I like or dislike.</p>
<blockquote><p>Bossanova<br />
Caramel<br />
Childhood<br />
Cinnamon<br />
Coffee<br />
Jazz<br />
Music<br />
Nature<br />
Vanilla</p></blockquote>
<p>Some photos from my photo library that gave me inspiration for this assignment:<br />
<a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Nature-1.jpeg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Nature-1.jpeg" alt="Idea Nature 1" title="Idea Nature 1" width="420" height="255" class="aligncenter size-full wp-image-240" /></a><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Nature-2.jpeg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Nature-2.jpeg" alt="Idea Nature 2" title="Idea Nature 2" width="420" height="474" class="aligncenter size-full wp-image-241" /></a><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Nature-3.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Nature-3.jpg" alt="Idea Nature 3" title="Idea Nature 3" width="420" height="551" class="aligncenter size-full wp-image-242" /></a><a href="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Childhood-1.jpg"><img src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Idea-Childhood-1.jpg" alt="Idea Childhood 1" title="Idea Childhood 1" width="420" height="280" class="aligncenter size-full wp-image-243" /></a></p>
<h3>2. Thumbnails</h3>
<p>Next, I picked some of the words from the list and set it as the theme for my thumbnail sketches, 8 thumbnails in total, to form my name.</p>
<p>The first four thumbnails are about the nature.</p>
<p><img class="alignnone size-full wp-image-139" title="Sketch Nature" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Sketch-Nature.png" alt="Sketch Nature" width="420" height="418" /></p>
<p>And the next four are about my childhood.</p>
<p><img class="alignnone size-full wp-image-140" title="Sketch Childhood" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Sketch-Childhood.png" alt="Sketch Childhood" width="420" height="420" /></p>
<h3>3. Roughs</h3>
<p>Out of these eight, two themes were further developed to full roughs with each theme being developed to two roughs, making the total number of roughs to four.</p>
<p>The &#8216;nature&#8217; theme:</p>
<p><img class="alignnone size-large wp-image-143" title="Rough Nature 1" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Rough-Nature-11-420x294.png" alt="Rough Nature 1" width="420" height="294" /></p>
<p><img class="alignnone size-large wp-image-144" title="Rough Nature 2" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Rough-Nature-2-420x294.png" alt="Rough Nature 2" width="420" height="294" /></p>
<p>The &#8216;childhood&#8217; theme:</p>
<p><img class="alignnone size-large wp-image-145" title="Rough Childhood 1" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Rough-Childhood-1-420x294.png" alt="Rough Childhood 1" width="420" height="294" /></p>
<p><img class="alignnone size-large wp-image-146" title="Rough Childhood 2" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Rough-Childhood-2-420x294.png" alt="Rough Childhood 2" width="420" height="294" /></p>
<h3>4. Prototypes</h3>
<p>Two out of four roughs were selected to be developed to prototype using Adobe Illustrator.</p>
<p><img class="alignnone size-large wp-image-147" title="Assignment1" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Assignment1-420x591.png" alt="Assignment1" width="420" height="591" /></p>
<h3>5. Final</h3>
<p>Feedback gathered during critique session:</p>
<ul>
<li>Font types used in both images can be changed to something that reflects theme.</li>
<li>The &#8216;h&#8217; and &#8216;i&#8217; in childhood theme can be made thicker.</li>
</ul>
<p>Following the feedback, I applied changes to the prototypes with careful selection of colours and typography to communicate the theme.</p>
<p><img class="alignnone size-large wp-image-148" title="Final Nature" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Final-Nature-420x294.png" alt="Final Nature" width="420" height="294" /></p>
<p><img class="alignnone size-large wp-image-149" title="Final Childhood" src="http://chrisprasojo.com/viscomm/wp-content/uploads/2009/08/Final-Childhood-420x294.png" alt="Final Childhood" width="420" height="294" /></p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://chrisprasojo.com/viscomm/2009/08/a01/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

