<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6569828136174010987</id><updated>2011-11-13T21:41:14.504+08:00</updated><category term='design method 3'/><category term='flash'/><category term='user testing'/><category term='Interface design'/><category term='design method 1'/><category term='mood board'/><category term='mm085-1'/><category term='freetimies'/><category term='wayang kulit'/><category term='wallpaper'/><category term='raster icons'/><category term='information'/><category term='10 things that represent about me'/><category term='printing'/><category term='notices'/><category term='website'/><category term='vector illustrations'/><category term='cool stuffs'/><category term='logo'/><category term='inspirative links'/><category term='progresses'/><category term='design method 2'/><category term='color pallette'/><category term='typography'/><category term='silkscreen'/><category term='infographics'/><category term='analysis'/><category term='animation'/><category term='flowchart'/><category term='researches'/><category term='motiongraphic'/><category term='posters'/><category term='boardgame'/><category term='fun'/><category term='stopmotion video'/><category term='vector icons'/><category term='drawings'/><category term='workplace'/><category term='website design'/><category term='digital media'/><category term='prototype'/><category term='pixel icons'/><title type='text'>Clairdesign</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>42</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-4277736087497798851</id><published>2010-06-20T01:45:00.000+08:00</published><updated>2010-06-20T01:45:03.439+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='cool stuffs'/><category scheme='http://www.blogger.com/atom/ns#' term='inspirative links'/><category scheme='http://www.blogger.com/atom/ns#' term='information'/><title type='text'>Hey Designers! Check this out!</title><content type='html'>&lt;b&gt;Looking for&lt;/b&gt; some thoughts and inspiration around? Maybe us as designers, looking for inspirations or ideas are for college or clients project. But living as a junior designer, sometimes we forget about ourselves, and most likely are become a machine, bounded in your own box. I've experienced this before, and i repeated it occasionally.&lt;br /&gt;&lt;br /&gt;You'll feel &lt;b&gt;uncomfortable&lt;/b&gt; and &lt;b&gt;unhealthy&lt;/b&gt;. You wasted time and money on your so-so daily - monotonic life. Why don't we reflect ourselves and ask &lt;b&gt;&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;"Why did I become a designer?, will it be worth? to earn money as well as enjoy life?"&lt;/span&gt;&lt;/b&gt; One thing that i just realize is that we also need to understand ourselves for why the hell we are in this industry. I had bookmarked &lt;a href="http://www.drawar.com/"&gt;Drawar.com&lt;/a&gt;&amp;nbsp;, it has a lot of great articles about designers, and its useful to take your time to visit their website, read the articles, critiques, and question sections.&lt;br /&gt;&lt;br /&gt;Mostly are about web design. They linked a lot of great sites, presented from designer POV. After you spend some time reading their articles, you will think how important is web design in present and future. It's worth to spend sometime to read some text-only articles for 10-20 minutes rather than procrastinating on Facebook or babbling non-sense on Twitter. Right?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-4277736087497798851?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/4277736087497798851/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2010/06/hey-designers-check-this-out.html#comment-form' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4277736087497798851'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4277736087497798851'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2010/06/hey-designers-check-this-out.html' title='Hey Designers! Check this out!'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-7917397154961128798</id><published>2010-06-14T23:39:00.001+08:00</published><updated>2010-06-14T23:41:16.067+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='progresses'/><category scheme='http://www.blogger.com/atom/ns#' term='design method 3'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='researches'/><title type='text'>Baba &amp; Nyonya : Famille Rose</title><content type='html'>Famille Rose is another name for their &lt;i&gt;Nyonyaware&lt;/i&gt; or "Shanghai".&lt;br /&gt;&lt;br /&gt;They called it as "Shanghai" is because the porcelains are once sold by the Chinese from Shanghai, or exported from Shanghai. In the olden days, these beautiful porcelains are brought by the Mainland Chinese from China, and some are made locally since after they settled and become a Baba. Through time, they adpat their lifestyle into the design &amp;amp; colors of the porcelain. The way of living of the Baba towards "refinement" drives them to create a beatiful porcelain, with a lot of complexity. The more complex the design, the more expensive they are. The Baba families, usually keep these Famille Rose inside their cabinet, to show to the guest, among with the silverwares.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_nI0dWWooo2A/TBZLk9K3X6I/AAAAAAAAAaE/Otjed3e6650/s1600/1-3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="120" src="http://3.bp.blogspot.com/_nI0dWWooo2A/TBZLk9K3X6I/AAAAAAAAAaE/Otjed3e6650/s200/1-3.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;I intended to do a research about this because, the nyonyaware designs are distinctive than any other porcelain design. The major influence of chinese porcelain for the shape and decorations, inspired from the victorian floral decors, and an authentic choice of colors from the Strait Chinese point of view.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://3.bp.blogspot.com/_nI0dWWooo2A/TBZLlx-X-JI/AAAAAAAAAaM/Dr1IvVOUQ1w/s1600/AntiqueNyonyaWares.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="197" src="http://3.bp.blogspot.com/_nI0dWWooo2A/TBZLlx-X-JI/AAAAAAAAAaM/Dr1IvVOUQ1w/s200/AntiqueNyonyaWares.jpg" width="200" /&gt;&lt;/a&gt;&lt;br /&gt;The nyonyawares are distinct in terms of color usage, and the symbolisation of the illustration.&lt;br /&gt;It is usually owned by middle to higher class of Baba family. These porcelains are considered rare and noble, therefore they are bought by local and foreign antique collectors.&lt;br /&gt;&lt;br /&gt;Each of these porcelains have their own usage, such as the &lt;i&gt;paso Shanghai&lt;/i&gt; (vase) which is used for deities altars,&lt;br /&gt;&lt;i&gt;nyolo &lt;/i&gt;(incense pot), &lt;i&gt;tekoan &lt;/i&gt;(teapots) and so on...&lt;br /&gt;&lt;br /&gt;The different colors resembles for different occasions, for example :&lt;br /&gt;White and Blue : for funeral, worshipping ancestors during &lt;i&gt;Ceng Beng &amp;amp; Ghost Festival&lt;/i&gt;.&lt;br /&gt;The brightly colored "Shanghai" are meant to celebrate festive occasions such as birthdays and weddings.&lt;br /&gt;&lt;br /&gt;Here are some difference of "Shanghai" and "China" porcelains:&lt;br /&gt;&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/TBZItKzQbxI/AAAAAAAAAZs/_yel-kvIfUE/s1600/Porcelain-comparison.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="370" src="http://1.bp.blogspot.com/_nI0dWWooo2A/TBZItKzQbxI/AAAAAAAAAZs/_yel-kvIfUE/s400/Porcelain-comparison.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;With a brief conclusion, i think that the Famille Rose should be introduced more to public, although some people won't really interested to see forward it, but it is one of the distinctive possessions that the Baba ancestors inherit to their descendants.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-7917397154961128798?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/7917397154961128798/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2010/06/baba-nyonya-famille-rose.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7917397154961128798'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7917397154961128798'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2010/06/baba-nyonya-famille-rose.html' title='Baba &amp; Nyonya : Famille Rose'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/TBZLk9K3X6I/AAAAAAAAAaE/Otjed3e6650/s72-c/1-3.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-8597987881098290808</id><published>2010-05-22T23:22:00.004+08:00</published><updated>2010-06-13T09:46:41.737+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='typography'/><category scheme='http://www.blogger.com/atom/ns#' term='progresses'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='motiongraphic'/><title type='text'>Motion Graphic Design : Styleframesss!!</title><content type='html'>&lt;div&gt;Styleframes for Motion Graphic Design, on Type in Motion&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #0000ee;"&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/S_f17FJqlMI/AAAAAAAAAZc/TyjCc1ivEWU/s1600/Styleframes01.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="282" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S_f17FJqlMI/AAAAAAAAAZc/TyjCc1ivEWU/s400/Styleframes01.jpg" width="400" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;a href="http://2.bp.blogspot.com/_nI0dWWooo2A/S_f2IvfepMI/AAAAAAAAAZk/sEcsk8KTtf0/s1600/Styleframes02.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="282" src="http://2.bp.blogspot.com/_nI0dWWooo2A/S_f2IvfepMI/AAAAAAAAAZk/sEcsk8KTtf0/s400/Styleframes02.jpg" width="400" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-8597987881098290808?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/8597987881098290808/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2010/05/motion-graphic-design-styleframesss.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8597987881098290808'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8597987881098290808'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2010/05/motion-graphic-design-styleframesss.html' title='Motion Graphic Design : Styleframesss!!'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_nI0dWWooo2A/S_f17FJqlMI/AAAAAAAAAZc/TyjCc1ivEWU/s72-c/Styleframes01.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-3182670334981992487</id><published>2010-03-11T11:22:00.000+08:00</published><updated>2010-03-11T11:22:26.296+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><title type='text'>Web Design 2 - Online Website</title><content type='html'>&lt;a href="http://fullhouse-ritchie.freehostia.com/fullhouse/"&gt;Click here&lt;/a&gt; to see the online site of my redesigned Fullhouse website.&lt;br /&gt;&lt;br /&gt;This project is only for college purpose :)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-3182670334981992487?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/3182670334981992487/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2010/03/web-design-2-online-website.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3182670334981992487'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3182670334981992487'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2010/03/web-design-2-online-website.html' title='Web Design 2 - Online Website'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-4674150239573684742</id><published>2010-02-08T02:30:00.003+08:00</published><updated>2010-02-08T21:08:42.671+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='progresses'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><category scheme='http://www.blogger.com/atom/ns#' term='prototype'/><category scheme='http://www.blogger.com/atom/ns#' term='user testing'/><title type='text'>Web Design 2 -  Prototype User Testing</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_nI0dWWooo2A/S27-cBRKTlI/AAAAAAAAAX8/diHF5s3T34s/s1600-h/01.-Splash-Page.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://3.bp.blogspot.com/_nI0dWWooo2A/S27-cBRKTlI/AAAAAAAAAX8/diHF5s3T34s/s200/01.-Splash-Page.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Splash Page&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_nI0dWWooo2A/S27-hNINfRI/AAAAAAAAAYE/Q9HFeKBerlI/s1600-h/02.-MainPage.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://2.bp.blogspot.com/_nI0dWWooo2A/S27-hNINfRI/AAAAAAAAAYE/Q9HFeKBerlI/s200/02.-MainPage.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Main Page&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/S27-mOnPouI/AAAAAAAAAYM/_6g9TODdQjg/s1600-h/03.Cafe.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S27-mOnPouI/AAAAAAAAAYM/_6g9TODdQjg/s200/03.Cafe.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Cafe&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_nI0dWWooo2A/S27_KNVVJMI/AAAAAAAAAYU/59kdlc3Y_9A/s1600-h/04.Petit-Four.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://2.bp.blogspot.com/_nI0dWWooo2A/S27_KNVVJMI/AAAAAAAAAYU/59kdlc3Y_9A/s200/04.Petit-Four.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Petit Four&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/S27_O4rpBBI/AAAAAAAAAYc/m_V8VA2wbaw/s1600-h/05.About-us.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://1.bp.blogspot.com/_nI0dWWooo2A/S27_O4rpBBI/AAAAAAAAAYc/m_V8VA2wbaw/s200/05.About-us.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;About Us&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/S27_UMTr2ZI/AAAAAAAAAYk/W1pnk0-laJ8/s1600-h/05.Events.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S27_UMTr2ZI/AAAAAAAAAYk/W1pnk0-laJ8/s200/05.Events.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Events&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/S27_obROV8I/AAAAAAAAAYs/hYdONcs3-y8/s1600-h/06.Store%26Shop.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S27_obROV8I/AAAAAAAAAYs/hYdONcs3-y8/s200/06.Store%26Shop.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Store &amp;amp; Shop&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/S27_shOCfyI/AAAAAAAAAY0/z2yxFn889vM/s1600-h/07.-Contact-Us.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://1.bp.blogspot.com/_nI0dWWooo2A/S27_shOCfyI/AAAAAAAAAY0/z2yxFn889vM/s200/07.-Contact-Us.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Contact Us&lt;br /&gt;&lt;br /&gt;Here is the user testing form:&lt;br /&gt;&lt;br /&gt;&lt;iframe frameborder="0" height="550" marginheight="0" marginwidth="0" src="http://spreadsheets.google.com/embeddedform?formkey=dF9xUXJjMUdSeXoyN2xEMWNMTDZrYXc6MA" width="400"&gt;&amp;amp;lt;p&amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Loading...&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;gt;&amp;amp;lt;/p&amp;amp;gt;&lt;/iframe&gt;&lt;br /&gt;&lt;br /&gt;*All of the pictures and designs above are for educational purposes only, not for commercial purpose.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-4674150239573684742?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/4674150239573684742/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2010/02/web-design-2-prototype-user-testing.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4674150239573684742'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4674150239573684742'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2010/02/web-design-2-prototype-user-testing.html' title='Web Design 2 -  Prototype User Testing'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/S27-cBRKTlI/AAAAAAAAAX8/diHF5s3T34s/s72-c/01.-Splash-Page.jpg' height='72' width='72'/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-1589820430078443845</id><published>2010-01-17T21:53:00.003+08:00</published><updated>2010-01-19T11:43:44.229+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='progresses'/><category scheme='http://www.blogger.com/atom/ns#' term='analysis'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Web Design 2 -  Redesign Commercial Website</title><content type='html'>&lt;b&gt;&lt;span style="font-size: large;"&gt;Project Proposal&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/S1L_3pUZa6I/AAAAAAAAAW0/Gc4kk3DU3Js/s1600-h/logo.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S1L_3pUZa6I/AAAAAAAAAW0/Gc4kk3DU3Js/s320/logo.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #3d85c6;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="color: cyan;"&gt;&lt;span style="font-weight: bold;"&gt;Project Definition:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;This project is to redesign the website of &lt;a href="http://fullhousecafe.com.my/"&gt;Fullhouse Lifestyle Store and Cafe&lt;/a&gt;&lt;br /&gt;to be more attractive in terms of the design and content.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: cyan;"&gt;&lt;span style="font-weight: bold;"&gt;Executive Summary:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;As a new Malaysian based &lt;b&gt;concept restaurant&lt;/b&gt;, Fullhouse Lifestyle Store and Cafe is favourited by its customer for a great place to hang out, dining and events. The uniqueness of its style reflected on the interior design, the food and the store. Therefore, the website should be able to provide both interesting and supportive content that can attract its target audience to interact, which are mainly teenagers and young adults.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: cyan;"&gt;&lt;span style="font-weight: bold;"&gt;Current Site's Analysis Goal:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;Show their unique concept via text and photos&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Provides abundant information about the events &lt;/li&gt;&lt;li&gt;Showcasing interactivity medias that are attractive to the users (Photos, Comic, Characters)&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Provides a clear location information for the users to visit&lt;/li&gt;&lt;/ul&gt;&lt;div style="color: #3d85c6;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: cyan;"&gt;Client's Analysis: &lt;/span&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="color: #3d85c6;"&gt;&lt;i&gt;&lt;span style="font-size: small;"&gt;Background: &lt;/span&gt;&lt;/i&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;Fullhouse Lifestyle Store and Cafe was established in 2008. It serves a unique concept restaurant, delivering fusion cuisine, eye-pleasing interior design, and their own retail store. Fullhouse was originally founded by Mr.Adam Swee. He started from a retail item seller until he managed to build a conceptual restaurant and store with his own branding.&lt;br /&gt;&lt;br /&gt;By 2010, Fullhouse have 3 outlets in Malaysia cities. Fullhouse is a new place for the modern Malaysian to hang out. Through a family with 4 characters, Fullhouse have their own story to support their concept of&amp;nbsp; "Home". Fullhouse serves alot of cuisine from hors d'oeuvres, soups, main course, beverages, and dessert, ranged in many kind of style, such as French, Italy, Japanese, Malaysian, Korean, or even a fusion of it. A fusion style of semi-victorian era house with clean minimalistic elements decorated each of their outlet.&lt;br /&gt;&lt;br /&gt;Besides serving food, Fullhouse sells their own retail garment products, Fullhouse Fashion. Based on the on-going Asian fashion trend, Fullhouse Fashion successfully captured to both women and men attention. Fullhouse also offers a variety of unique souvenirs, which are imported from Korea, Japan and China. Fullhouse also provides an event management service to organize parties and meetings.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #3d85c6;"&gt;&lt;i&gt;&lt;span style="font-size: small;"&gt;Unique Selling Point:&lt;/span&gt;&lt;/i&gt;&lt;br /&gt;&lt;/div&gt;Their most unique selling point is the packaging of their &lt;b&gt;concept&lt;/b&gt; of "Home" The concept was packaged in a different way from any other concept restaurants, which successfully captured the target audience's interest.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #3d85c6;"&gt;&lt;i&gt;&lt;span style="font-size: small;"&gt;Mission and Vision:&lt;/span&gt;&lt;/i&gt;&lt;br /&gt;&lt;/div&gt;Mission:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size: x-small;"&gt;To serve a satisfying Customer Service experience &lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size: x-small;"&gt;Being a memorable hanging out place for modern Malaysian&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size: x-small;"&gt;Provides a novel experience of the interior design to the customer&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;Vision:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size: x-small;"&gt;Spread the network to its neighbouring countries without franchising&lt;br /&gt;&lt;/span&gt; &lt;/li&gt;&lt;/ul&gt;&lt;div style="color: #3d85c6;"&gt;&lt;i&gt;&lt;span style="font-size: small;"&gt;Position and Cultural Value: &lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/i&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;Positioned on the new market of concept restaurants, Fullhouse succeed to grab their target audience's interest. The flexibility of taking pictures in the restaurant helps Fullhouse to be spread by the internet easily, this made Fullhouse is both eye and ear-catching to those who never heard of it. Therefore, Fullhouse created a cultural trend for youths and young adults to hangout in Fullhouse for dining or other events.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: cyan;"&gt;&lt;span style="font-weight: bold;"&gt;Short and Long Term Site Goals:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="color: #3d85c6;"&gt;&lt;i&gt;&lt;span style="font-size: small;"&gt;Short:&lt;/span&gt;&lt;/i&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-size: x-small;"&gt;Serves abundant and interesting information for users to keep visiting the website.&lt;/span&gt;&lt;br /&gt;&lt;div style="color: #3d85c6;"&gt;&lt;i&gt;&lt;span style="font-size: small;"&gt;Long:&lt;/span&gt;&lt;/i&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-size: x-small;"&gt;Building a relationship to the customer through interactive medias and events going on.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="color: cyan;"&gt;&lt;span style="font-weight: bold;"&gt;Target Audience:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;Mainly &lt;b&gt;Young adults &lt;/b&gt;aged from 20-25 years old, Most are couples.&lt;br /&gt;Potential audience: &lt;b&gt;Teenagers&lt;/b&gt; from 14-19 years old.&lt;br /&gt;(Most will attracts &lt;b&gt;Chinese&lt;/b&gt; &lt;b&gt;female&lt;/b&gt;, &lt;b&gt;middle to high income&lt;/b&gt; rate.)&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #3d85c6;"&gt;&lt;div style="color: cyan;"&gt;&lt;span style="font-weight: bold;"&gt;Competitors:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="color: cyan;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="background-color: #cccccc; font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: #cccccc;"&gt;&lt;i&gt;&lt;a href="http://www.gasoline.com.my/"&gt;Gasoline&amp;nbsp;&lt;/a&gt;&lt;/i&gt;&lt;/b&gt;&lt;span style="font-weight: bold;"&gt; &lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;Gasoline is a conceptual restaurant that relies on the interior design and cuisine. It has a&lt;br /&gt;total of 6 outlets around Malaysia, and each of them have different concept look of the interior.&lt;br /&gt;Gasoline mainly targets teenagers to the audience. Unlike Fullhouse, Gasoline are available to be franchised, which enables to have more expanded network. Gasoline heavily relies on the their conceptual character designs. About the food and beverages they have a plenty of Chinese, Western, Hong Kong and Japanese cuisine to chose from.&lt;br /&gt;-----------------------------------------------------------------------------------------&lt;br /&gt;&lt;span style="background-color: #cccccc;"&gt;&amp;nbsp;&lt;b&gt;&lt;i&gt;&lt;a href="http://t-bowl.com/"&gt;T-Bowl&amp;nbsp;&lt;/a&gt;&lt;/i&gt;&lt;/b&gt; &lt;br /&gt;&lt;/span&gt;&lt;br /&gt;T-Bowl was established on 18th Dec 2008, and it has a "bathroom" concept restaurant. They serves &lt;b style="font-weight: normal;"&gt;varieties of food&lt;/b&gt; range from Japan, Korean, Western, Hong Kong until oriental style. Similar to the Fullhouse and Gasoline, they have their own characters to build up the concept, they call it the &lt;b&gt;T-Bros.&lt;br /&gt;&lt;/b&gt;Currently they are located at QueensBay Mall, Penang. They had a vision to &lt;b style="font-weight: normal;"&gt;franchise their business&lt;/b&gt; to Kuala Lumpur and other states in  Malaysia in the near future.&lt;br /&gt;-----------------------------------------------------------------------------------------&lt;br /&gt;&lt;a href="http://t-bowl.com/"&gt;&lt;span style="background-color: #cccccc;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/a&gt;&lt;span style="background-color: #cccccc;"&gt;&lt;a href="http://www.yosushi.com/"&gt;&lt;b&gt;&lt;i&gt;YO! Sushi&amp;nbsp;&lt;/i&gt;&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="background-color: #cccccc;"&gt;&lt;b&gt;&lt;i&gt;&lt;a href="http://t-bowl.com/"&gt;&lt;/a&gt;&lt;/i&gt;&lt;/b&gt; &lt;br /&gt;&lt;/span&gt;&lt;br /&gt;YO! Sushi was founded in 1997 by Simon Woodroffe. At that time, YO! Sushi introduced a modern concept of eating sushi, by using a sushi bar with convenyor belt that rotates the sushi around the bar. YO! Sushi targets a young adults ranged from 21-26 years old office workers, so they branded themselves to have a creative, modern and youth&amp;nbsp; looking identity.&lt;br /&gt;-----------------------------------------------------------------------------------------&lt;br /&gt;&lt;br /&gt;&lt;div style="color: cyan;"&gt;&lt;span style="font-size: large;"&gt;&lt;b&gt;Client's Site Analysis: &lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;a href="http://2.bp.blogspot.com/_nI0dWWooo2A/S0achn_LO4I/AAAAAAAAARs/UqSzxlKDgGY/s1600-h/Fullhouse1.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_nI0dWWooo2A/S0achn_LO4I/AAAAAAAAARs/UqSzxlKDgGY/s320/Fullhouse1.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://fullhousecafe.com.my/"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/S0acj1m1DBI/AAAAAAAAAR0/QjUL29LN_sA/s1600-h/Fullhouse2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_nI0dWWooo2A/S0acj1m1DBI/AAAAAAAAAR0/QjUL29LN_sA/s320/Fullhouse2.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/S0acmlGFE7I/AAAAAAAAAR8/zv2u6tT-ZMQ/s1600-h/Fullhouse3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S0acmlGFE7I/AAAAAAAAAR8/zv2u6tT-ZMQ/s320/Fullhouse3.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="goog_1262918399704"&gt;&lt;/span&gt;&lt;span id="goog_1262918399705"&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/S0acozWk6SI/AAAAAAAAASE/vrGwm_sx4Oo/s1600-h/Fullhouse4.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S0acozWk6SI/AAAAAAAAASE/vrGwm_sx4Oo/s320/Fullhouse4.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #3d85c6;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Analysis:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;Fullhouse Cafe is a Lifestyle Store and Cafe.&lt;br /&gt;It serves Western food and sells a lot of fancy and unique stuff.&lt;br /&gt;The Interior of the cafe is something like a vintage + victorian era + minimalistic syle.&lt;br /&gt;In contrast with that, the store sells a range of modern &lt;a href="http://en.wikipedia.org/wiki/Zakka"&gt;Zakka&lt;/a&gt; clothes, fancy accessories, ceramics, stationeries, etc..&lt;br /&gt;Its a lot of fusion that's why it made this unique.&lt;br /&gt;Corporate color of the website i&lt;span style="color: #9fc5e8;"&gt;s white, with some light RGB colors.&lt;/span&gt;&lt;span style="background-color: #666666;"&gt;&lt;span style="color: #9fc5e8;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Consitency in color, style and layout&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;A lot of images&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Some informative images that thought to have a link through it are not linked.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Main logo is not directing to home page&lt;br /&gt;&lt;/li&gt;&lt;li&gt;No page indication&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Lack of information &lt;/li&gt;&lt;li&gt;Not really attractive to navigate (needs more animation / interactivity)&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope="col"&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;span style="color: #444444;"&gt;&lt;b style="color: orange;"&gt;&lt;span style="font-size: large;"&gt;Competitors' Site Analysis:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="background-color: #cccccc; font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: #cccccc;"&gt;&lt;i&gt;&lt;a href="http://www.gasoline.com.my/"&gt;Gasoline&lt;/a&gt;&lt;/i&gt;&lt;/b&gt;(Flash website)&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.gasoline.com.my/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S0niUw29_0I/AAAAAAAAAT0/DC002tAL-4M/s320/Gasoline.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Nice character designs as the buttons&lt;/li&gt;&lt;li&gt;Feeling funky.&lt;/li&gt;&lt;li&gt;Neat layout and typo&lt;/li&gt;&lt;li&gt;Interesting transition of pages&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Page indication is quite hard to recognize&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;-----------------------------------------------------------------------------------------&lt;br /&gt;&lt;span style="background-color: #cccccc;"&gt;&amp;nbsp;&lt;b&gt;&lt;i&gt;&lt;a href="http://t-bowl.com/"&gt;T-Bowl&lt;/a&gt;&lt;/i&gt;&lt;/b&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://t-bowl.com/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://2.bp.blogspot.com/_nI0dWWooo2A/S0nicOp-ITI/AAAAAAAAAT8/Oe-UQ0n-7gY/s320/T-Bowl.jpg" width="320" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Consistent&lt;/li&gt;&lt;li&gt;Cute Layout&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;A lot of bright colored item/images.&lt;/li&gt;&lt;li&gt;Letter spacings of the body text are too wide&lt;/li&gt;&lt;li&gt;Page indication is not clear enough&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;-----------------------------------------------------------------------------------------&lt;span style="background-color: #cccccc;"&gt;&lt;br /&gt;&amp;nbsp;&lt;a href="http://www.yosushi.com/"&gt;&lt;b&gt;&lt;i&gt;YO! Sushi&lt;/i&gt;&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.yosushi.com/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_nI0dWWooo2A/S0niiagv2MI/AAAAAAAAAUE/PZUcT8OsBTc/s320/YO%21+Sushi.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Consistent&lt;/li&gt;&lt;li&gt;Lively with animations&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Interesting usage of the characters&lt;/li&gt;&lt;li&gt;Clean and neat website, good finishing.&lt;/li&gt;&lt;li&gt;The layout looks like a blog, easy too read &lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;The main content table color seems blends with the background.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Page indication is not clear enough&lt;/li&gt;&lt;li&gt;Information is all around everywhere.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;-----------------------------------------------------------------------------------------&lt;span style="background-color: #cccccc;"&gt;&lt;br /&gt;&lt;i&gt;&amp;nbsp;&lt;b&gt;&lt;a href="http://www.rainforestcafe.com/"&gt;&amp;nbsp;Rainforest Cafe&lt;/a&gt;&lt;/b&gt;&amp;nbsp;&lt;/i&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_nI0dWWooo2A/S0q1qOjmXUI/AAAAAAAAAWM/G82-Lza5Bu8/s1600-h/Rainforest+Cafe.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_nI0dWWooo2A/S0q1qOjmXUI/AAAAAAAAAWM/G82-Lza5Bu8/s320/Rainforest+Cafe.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Consistent&lt;/li&gt;&lt;li&gt;Lively with animations&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Using a darker color background for the content area,&lt;br /&gt;in contrast with the body text&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Attractive to its target audience&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt;The main content table color seems blends with the background.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Too simple background&lt;/li&gt;&lt;/ul&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope="col"&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;span style="font-size: large;"&gt;&lt;b&gt;Gantt Chart, Site Map&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size: large;"&gt;&lt;b&gt; and &lt;/b&gt;&lt;/span&gt;&lt;span style="font-size: large;"&gt;&lt;b&gt;Mood Board&lt;/b&gt;&lt;/span&gt;&lt;span style="font-size: large;"&gt;&lt;b&gt;: &lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="background-color: #cccccc;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.fileden.com/files/2007/1/20/667718/ganttChartSmall.jpg" imageanchor="1" style="float: left;"&gt;&lt;img border="0" height="283" src="http://www.fileden.com/files/2007/1/20/667718/ganttChartSmall.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.fileden.com/files/2007/1/20/667718/siteMap-01-01Small.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="282" src="http://www.fileden.com/files/2007/1/20/667718/siteMap-01-01Small.jpg" style="cursor: move;" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.fileden.com/files/2007/1/20/667718/Mood%20Board-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="http://www.fileden.com/files/2007/1/20/667718/Mood%20Board-01.jpg" width="282" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope="col"&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;span style="font-size: small;"&gt;*All of the items,images and designs above are for education purposes only.&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-1589820430078443845?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/1589820430078443845/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2010/01/web-design-2-redesign-commercial.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/1589820430078443845'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/1589820430078443845'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2010/01/web-design-2-redesign-commercial.html' title='Web Design 2 -  Redesign Commercial Website'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_nI0dWWooo2A/S1L_3pUZa6I/AAAAAAAAAW0/Gc4kk3DU3Js/s72-c/logo.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-4300882906212401914</id><published>2010-01-11T13:06:00.004+08:00</published><updated>2010-01-16T00:18:22.802+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspirative links'/><category scheme='http://www.blogger.com/atom/ns#' term='progresses'/><category scheme='http://www.blogger.com/atom/ns#' term='analysis'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><title type='text'>Web Design 2 - Inspirative Commercial Websites</title><content type='html'>&lt;span style="font-size: large;"&gt;&lt;b&gt;Some Inspirative websites:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;1.&lt;a href="http://bigcartel.com/"&gt;Big Cartel&lt;/a&gt; (Art and craft online shop provider service):&lt;br /&gt;&lt;br /&gt;&lt;a href="http://bigcartel.com/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_nI0dWWooo2A/S0oLwpdUNaI/AAAAAAAAAUM/g-c65eQM7eQ/s320/Big+cartel.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Simple yet beautiful&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Neat typography treatment and layout hiearchy&lt;/li&gt;&lt;li&gt;Consitent&lt;/li&gt;&lt;li&gt;Information is direct, and friendly to the user's eye. &lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Adding a favicon would be better&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope="col"&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;2.&lt;a href="http://www.gucci.com/int/index2.asp"&gt;Gucci&lt;/a&gt; (Leather bags, fashion and accesories):&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.gucci.com/int/index2.asp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/_nI0dWWooo2A/S0oLzn079xI/AAAAAAAAAUU/Q33uLL2P-tY/s320/Gucci.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Simple and artistic.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;The branding is relevant to its product&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Consitent on layout and navigation&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Interesting menu navigatin &lt;/li&gt;&lt;/ul&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope="col"&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;3.&lt;a href="http://www.wacom.com/index.html"&gt;Wacom&lt;/a&gt; (Pen tablet provider):&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.wacom.com/index.html" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_nI0dWWooo2A/S0oL30TtY9I/AAAAAAAAAUc/g_NsFb7PWbw/s320/Wacom.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Simple, which direct the user to the content.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Neat typography treatment and layout hiearchy&lt;/li&gt;&lt;li&gt;Random background color according to its logo color.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Adding the graphical logo besides the text logo on the top left side will be much better.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope="col"&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;4.&lt;a href="http://pocarisweat.info/"&gt;Pocari Sweat&lt;/a&gt; (Isotonic drink):&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://pocarisweat.info/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_nI0dWWooo2A/S0oL7561NVI/AAAAAAAAAUk/C2pBHTHdcmY/s320/Pocari+Sweat.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Interesting navigation&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Interesting content, supported with the good typo handling.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Simple, attractive and have a great branding&lt;/li&gt;&lt;li&gt;Simple rollover effects, but it is effective&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;5.&lt;a href="http://global.quiksilver.com/"&gt;Quiksilver&lt;/a&gt; (Clothin,Gear for sports):&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/S0qbKAYYyqI/AAAAAAAAAU8/yUvkr8KnAGo/s1600-h/Quiksilver.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_nI0dWWooo2A/S0qbKAYYyqI/AAAAAAAAAU8/yUvkr8KnAGo/s320/Quiksilver.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Analysis:&lt;br /&gt;&lt;br /&gt;(+)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Good use of color&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Neat finishing of images for a grungy site.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;(-)&lt;br /&gt;&lt;ul&gt;&lt;li&gt; Layout can be neater even if it is grungy website.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;table background="http://img85.imageshack.us/img85/7015/postdiv.png" border="0" cellpadding="0" cellspacing="0" height="5" style="width: 400px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;th scope="col"&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: large;"&gt;&lt;b&gt;Tutorials:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;table cellpadding="0" cellspacing="0" style="border: medium solid rgb(85, 85, 85); width: 420px;"&gt;&lt;tbody&gt;&lt;tr&gt;      &lt;th align="center" bgcolor="#222222" colspan="2" height="40" scope="col" style="border-right: thin solid rgb(0, 153, 204); color: #00ccff;"&gt;HTML / CSS / Javasript&lt;br /&gt;&lt;/th&gt;      &lt;th align="center" bgcolor="#222222" colspan="2" scope="col" style="border-left: thin solid rgb(0, 153, 204); color: #00ccff;"&gt;Design tutorials&lt;br /&gt;&lt;/th&gt;   &lt;/tr&gt;&lt;tr&gt;     &lt;td align="center" bgcolor="#333333" height="60" style="border: thin solid rgb(153, 153, 153);" valign="middle" width="60"&gt;&lt;img height="50" src="http://img685.imageshack.us/img685/3891/scrollingtut.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" style="border: thin solid rgb(102, 102, 102);" width="149"&gt;&lt;a href="http://www.eonenet.com/webcreator/web_creator_scrolling_text.htm"&gt;How to make an&lt;br /&gt;animated scrolling text&lt;/a&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#333333" style="border: thin solid rgb(153, 153, 153);" valign="middle" width="60"&gt;&lt;img alt="" height="50" src="http://img14.imageshack.us/img14/3539/psychedelict.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" style="border: thin solid rgb(102, 102, 102);" width="156"&gt;&lt;a href="http://abduzeedo.com/psychedelic-life-tutorial-guilherme-marconi"&gt;Psychedelic Tutorial&lt;/a&gt;&lt;br /&gt;&lt;/td&gt;   &lt;/tr&gt;&lt;tr&gt;     &lt;td align="center" bgcolor="#333333" height="60" style="border: thin solid rgb(153, 153, 153);" valign="middle"&gt;&lt;img alt="" height="50" src="http://img94.imageshack.us/img94/2378/javaeg.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" style="border: thin solid rgb(102, 102, 102);"&gt;&lt;a href="http://javascript.internet.com/navigation/"&gt;Java Script &lt;br /&gt;navigational scripts&lt;/a&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#333333" style="border: thin solid rgb(153, 153, 153);" valign="middle"&gt;&lt;img alt="" height="50" src="http://img34.imageshack.us/img34/8464/previewso.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" style="border: thin solid rgb(102, 102, 102);"&gt;&lt;a href="http://www.tutorialhero.com/click-58206-how_to_create_a_richly_ornate_typographic_illustration.php"&gt;Ornate typographic illustration&lt;/a&gt;&lt;br /&gt;&lt;/td&gt;   &lt;/tr&gt;&lt;tr&gt;     &lt;td align="center" bgcolor="#333333" height="60" style="border: thin solid rgb(153, 153, 153);" valign="middle"&gt;&lt;img alt="" height="50" src="http://img14.imageshack.us/img14/2789/popopen.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" style="border: thin solid rgb(102, 102, 102);"&gt;&lt;a href="http://css.maxdesign.com.au/listamatic2/vertical11.htm#"&gt;Pop-open list Links&lt;/a&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#333333" style="border: thin solid rgb(153, 153, 153);" valign="middle"&gt;&lt;img alt="" height="50" src="http://img132.imageshack.us/img132/3325/folkbuilding.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" style="border: thin solid rgb(102, 102, 102);"&gt;&lt;a href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-vector-folk-buildings-using-a-digital-tablet-and-tracing-techniques/"&gt;Vector folk building &lt;/a&gt;&lt;br /&gt;&lt;/td&gt;   &lt;/tr&gt;&lt;tr&gt;     &lt;td align="center" bgcolor="#333333" height="60" style="border: thin solid rgb(153, 153, 153);" valign="middle"&gt;&lt;img alt="" height="50" src="http://img96.imageshack.us/img96/3711/web2tut.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" height="45" style="border: thin solid rgb(102, 102, 102);"&gt;&lt;a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/"&gt;Coding a clean &lt;br /&gt;web 2.0 Style &lt;/a&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#333333" style="border: thin solid rgb(153, 153, 153);" valign="middle"&gt;&lt;img alt="" height="50" src="http://img200.imageshack.us/img200/6679/handdrawn.jpg" width="50" /&gt;&lt;br /&gt;&lt;/td&gt;     &lt;td align="center" bgcolor="#444444" style="border: thin solid rgb(102, 102, 102);"&gt;&lt;a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/create-a-vivid-themed-illustration-using-simple-hand-drawn-elements-part-i/"&gt;Vivid themed hand-drawn illustration&lt;/a&gt;&lt;br /&gt;&lt;/td&gt;   &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-4300882906212401914?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/4300882906212401914/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2010/01/web-design-2-inspirative-websites.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4300882906212401914'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4300882906212401914'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2010/01/web-design-2-inspirative-websites.html' title='Web Design 2 - Inspirative Commercial Websites'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/S0oLwpdUNaI/AAAAAAAAAUM/g-c65eQM7eQ/s72-c/Big+cartel.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-219694209051389713</id><published>2009-12-27T15:26:00.004+08:00</published><updated>2009-12-27T19:47:22.646+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='design method 2'/><category scheme='http://www.blogger.com/atom/ns#' term='infographics'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='information'/><category scheme='http://www.blogger.com/atom/ns#' term='prototype'/><title type='text'>DSM2 Prototype</title><content type='html'>Ugh... it's kinda too late to post this...&lt;br /&gt;I was just too free until don't know what to do on this sem break.. So i upload this..&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.fileden.com/files/2007/1/20/667718/DSM2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SzcLRDUH1QI/AAAAAAAAARk/fJEQvoGg4dw/s400/DSM2.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Takes time to load, large image.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-219694209051389713?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/219694209051389713/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/12/dsm2-prototype.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/219694209051389713'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/219694209051389713'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/12/dsm2-prototype.html' title='DSM2 Prototype'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nI0dWWooo2A/SzcLRDUH1QI/AAAAAAAAARk/fJEQvoGg4dw/s72-c/DSM2.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-14844636330616431</id><published>2009-11-30T21:48:00.009+08:00</published><updated>2009-12-25T03:35:57.988+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><category scheme='http://www.blogger.com/atom/ns#' term='user testing'/><title type='text'>User Testing - Web Design 1</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOvQOyJbI/AAAAAAAAARY/NadhiAoUJKw/s1600/splash_page.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 202px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOvQOyJbI/AAAAAAAAARY/NadhiAoUJKw/s320/splash_page.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5409894888608245170" /&gt;&lt;/a&gt;&lt;br /&gt;Splash Page (The initial page before you are going to enter)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SxPOvB9qpCI/AAAAAAAAARQ/Yjyw3e9tzi4/s1600/home_page.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 202px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SxPOvB9qpCI/AAAAAAAAARQ/Yjyw3e9tzi4/s320/home_page.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5409894884778353698" /&gt;&lt;/a&gt;&lt;br /&gt;Home Page&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SxPOFm2o7BI/AAAAAAAAAQ4/D2dQ882SuqE/s1600/contact_page.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 202px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SxPOFm2o7BI/AAAAAAAAAQ4/D2dQ882SuqE/s320/contact_page.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5409894173126487058" /&gt;&lt;/a&gt;&lt;br /&gt;Contact Page&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOGVDyZBI/AAAAAAAAARI/xcTAWbFNHU0/s1600/materials_page.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 202px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOGVDyZBI/AAAAAAAAARI/xcTAWbFNHU0/s320/materials_page.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5409894185529664530" /&gt;&lt;/a&gt;&lt;br /&gt;DIY - Materials Page&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SxPOFamFepI/AAAAAAAAAQw/SsuOi4w0rBk/s1600/diy.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 202px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SxPOFamFepI/AAAAAAAAAQw/SsuOi4w0rBk/s320/diy.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5409894169835829906" /&gt;&lt;/a&gt;&lt;br /&gt;DIY - Choosing Steps&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOEybgpwI/AAAAAAAAAQo/dsHPAgfY324/s1600/step1.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 202px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOEybgpwI/AAAAAAAAAQo/dsHPAgfY324/s320/step1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5409894159054055170" /&gt;&lt;/a&gt;&lt;br /&gt;DIY - Step 1&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOGHJjPwI/AAAAAAAAARA/3wDEKjLB0XM/s1600/garden_page.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 202px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOGHJjPwI/AAAAAAAAARA/3wDEKjLB0XM/s320/garden_page.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5409894181795741442" /&gt;&lt;/a&gt;&lt;br /&gt;Garden (It's where you upload your designs and downloads wallpapers&lt;br /&gt;&lt;br /&gt;About page &amp; more page coming soon! :)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;iframe src="http://spreadsheets.google.com/embeddedform?key=tqCV5RtE6hoJmxhEb93w6yw" width="400" height="500" frameborder="0" marginheight="0" marginwidth="0"&gt;Loading...&lt;/iframe&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-14844636330616431?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/14844636330616431/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/11/user-testing-web-design-1.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/14844636330616431'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/14844636330616431'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/11/user-testing-web-design-1.html' title='User Testing - Web Design 1'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nI0dWWooo2A/SxPOvQOyJbI/AAAAAAAAARY/NadhiAoUJKw/s72-c/splash_page.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-8645607966427189444</id><published>2009-10-31T20:54:00.004+08:00</published><updated>2009-10-31T21:00:01.800+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspirative links'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><title type='text'>Daniel R Leyva</title><content type='html'>Check &lt;a href="http://danielleyva.com/#"&gt;Daniel R Leyva's&lt;/a&gt; website, its a great website without using flash, try view in fullscreen. &lt;br /&gt;Takes some time to load though..&lt;br /&gt;&lt;br /&gt;will post something soon...&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-8645607966427189444?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/8645607966427189444/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/10/daniel-r-leyva.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8645607966427189444'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8645607966427189444'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/10/daniel-r-leyva.html' title='Daniel R Leyva'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-4261976008908496870</id><published>2009-10-12T00:17:00.009+08:00</published><updated>2009-12-27T02:23:45.681+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='progresses'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><title type='text'>Web Design 1 - Prototype</title><content type='html'>Im bored till dead doing this prototype... haha&lt;br /&gt;&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/StysW_MzzGI/AAAAAAAAAPo/JYFYFr5I1Ho/s1600-h/splash.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5394375964605271138" src="http://1.bp.blogspot.com/_nI0dWWooo2A/StysW_MzzGI/AAAAAAAAAPo/JYFYFr5I1Ho/s320/splash.jpg" style="cursor: pointer; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;Splash Page&lt;br /&gt;&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/Stywh3rraBI/AAAAAAAAAQg/fKye60tlKrM/s1600-h/home.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5394380549612333074" src="http://1.bp.blogspot.com/_nI0dWWooo2A/Stywh3rraBI/AAAAAAAAAQg/fKye60tlKrM/s320/home.jpg" style="float: left; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Homepage&lt;br /&gt;&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/_nI0dWWooo2A/StysXd6wOCI/AAAAAAAAAPw/SZPDzUHnla0/s1600-h/material.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5394375972851038242" src="http://4.bp.blogspot.com/_nI0dWWooo2A/StysXd6wOCI/AAAAAAAAAPw/SZPDzUHnla0/s320/material.jpg" style="float: left; margin: 0pt 10px 10px 0pt;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Steps - Materials&lt;br /&gt;&lt;br /&gt;&lt;a href="http://2.bp.blogspot.com/_nI0dWWooo2A/StysYUPiJTI/AAAAAAAAAQA/YrPya_-Ub5w/s1600-h/steps.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5394375987433710898" src="http://2.bp.blogspot.com/_nI0dWWooo2A/StysYUPiJTI/AAAAAAAAAQA/YrPya_-Ub5w/s320/steps.jpg" style="cursor: pointer; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;Steps - Choosing steps&lt;br /&gt;(a pop out will appear when you click the image)&lt;br /&gt;&lt;br /&gt;&lt;a href="http://1.bp.blogspot.com/_nI0dWWooo2A/StyuUGzCabI/AAAAAAAAAQY/_cFBPKAm3Eg/s1600-h/garden.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5394378114128308658" src="http://1.bp.blogspot.com/_nI0dWWooo2A/StyuUGzCabI/AAAAAAAAAQY/_cFBPKAm3Eg/s320/garden.jpg" style="cursor: pointer; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;Garden - Uploader &amp;amp; Downloads&lt;br /&gt;&lt;br /&gt;Cs&amp;amp;Cs PLS! :)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-4261976008908496870?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/4261976008908496870/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/10/web-design-1-prototype.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4261976008908496870'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4261976008908496870'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/10/web-design-1-prototype.html' title='Web Design 1 - Prototype'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nI0dWWooo2A/StysW_MzzGI/AAAAAAAAAPo/JYFYFr5I1Ho/s72-c/splash.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-3643271001523598604</id><published>2009-09-15T23:59:00.016+08:00</published><updated>2009-12-25T03:29:43.797+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mood board'/><category scheme='http://www.blogger.com/atom/ns#' term='progresses'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='flowchart'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><title type='text'>Web Design 1 - Mood Board &amp; Sitemap *updated</title><content type='html'>So here is my mood board for Web Design 1:&lt;br /&gt;&lt;a href="http://www.fileden.com/files/2007/1/20/667718/Moodboard.jpg"&gt;&lt;br /&gt;&lt;img src="http://www.fileden.com/files/2007/1/20/667718/Moodboard.jpg" height="495" width="350"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br /&gt;*sorry for the mistypes :S&lt;br /&gt;&lt;br /&gt;Sitemap:&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.fileden.com/files/2007/1/20/667718/FlowChartSitemap.jpg"&gt;&lt;img src="http://www.fileden.com/files/2007/1/20/667718/FlowChartSitemap.jpg" height="434" width="350"&gt;&lt;/img&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-3643271001523598604?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/3643271001523598604/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/web-design-1-mood-board-flow-chart.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3643271001523598604'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3643271001523598604'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/web-design-1-mood-board-flow-chart.html' title='Web Design 1 - Mood Board &amp; Sitemap *updated'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-2850755904361563583</id><published>2009-09-15T17:59:00.005+08:00</published><updated>2010-02-01T00:46:15.492+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='animation'/><category scheme='http://www.blogger.com/atom/ns#' term='digital media'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='flash'/><title type='text'>Fly me to the moon</title><content type='html'>&lt;embed align="middle" allowscriptaccess="never" bgcolor="#000000" height="550" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.fileden.com/files/2007/1/20/667718/mm0851_RitchieFernandoWijaya_0805119_A1.swf" type="application/x-shockwave-flash" width="400"&gt;&lt;/embed&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Change logs:&lt;br /&gt;06/10/2009&lt;br /&gt;*Added the clock(the sky will change depends on what is your system time)&lt;br /&gt;*Added music player&lt;br /&gt;*Added changing speed buttons&lt;br /&gt;*Added random stars at background (applies only at night)&lt;br /&gt;*Added outlines for the main objects&lt;br /&gt;*Added mouse bounds&lt;br /&gt;*Added frame&lt;br /&gt;*Added sun in the noon&lt;br /&gt;*Fixed the "sudden spawn" elements&lt;br /&gt;*Limiting the cap speed&lt;br /&gt;--------------------&lt;br /&gt;&lt;br /&gt;Finally it's done!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-2850755904361563583?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/2850755904361563583/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/fly-me-to-moon.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2850755904361563583'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2850755904361563583'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/fly-me-to-moon.html' title='Fly me to the moon'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-3612430863754381194</id><published>2009-09-10T01:03:00.003+08:00</published><updated>2009-09-10T01:13:14.015+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='notices'/><title type='text'>Epic Fail</title><content type='html'>&lt;a href="http://www.belladesoto.us/"&gt;http://www.belladesoto.us/&lt;/a&gt; = Epic Failure Website &lt;br /&gt;&lt;br /&gt;This is the stupid+est website i ever seen, worst of all worsts.. i don't know why they waste their money on the domain on such that "design", anyway this is pretty fun... ROFL&lt;br /&gt;&lt;br /&gt;here's a link where i get it &lt;a href="http://www.webpagesthatsuck.com/2009-worst-contenders-jan-march.html"&gt;[link]&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-3612430863754381194?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/3612430863754381194/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/epic-fail.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3612430863754381194'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3612430863754381194'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/epic-fail.html' title='Epic Fail'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-6377893364568036481</id><published>2009-09-09T19:29:00.011+08:00</published><updated>2009-09-09T22:20:59.306+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspirative links'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='website design'/><category scheme='http://www.blogger.com/atom/ns#' term='researches'/><title type='text'>Web Design 1 - Researches &amp; Ideas</title><content type='html'>How To's Ideas:&lt;br /&gt;&lt;br /&gt;&lt;font size="4" &gt;&lt;b&gt;How to create your own miniature aquarium:&lt;/b&gt; &lt;/font&gt;&lt;br /&gt;&lt;br /&gt;1.Who am I? - Author&lt;br /&gt;2.What is it? - Small Aquarium&lt;br /&gt;3.What For? - Decorations&lt;br /&gt;4.1st task - Plannings and gathering the materials&lt;br /&gt;5.2nd task - Step by step making ofs&lt;br /&gt;6.3rd task - Snap it and share on the web&lt;br /&gt;7.Outcome - Liven up your room!&lt;br /&gt;8.Share it - Upload your snap and compare with the others&lt;br /&gt;9.Contacts - Information&lt;br /&gt;&lt;br /&gt;&lt;font size="4" &gt;&lt;b&gt;How to create your own earth savior:&lt;/b&gt; &lt;/font&gt;&lt;br /&gt;&lt;br /&gt;1.Who am I? - Designer&lt;br /&gt;2.What is it? - Vinyl toys with a plant on it&lt;br /&gt;3.What For? - Fight global warming XP&lt;br /&gt;4.1st task - Buy materials &amp; Making ofs&lt;br /&gt;5.2nd task - Seed it&lt;br /&gt;6.3rd task - Share it&lt;br /&gt;7.Outcome - Go green :)&lt;br /&gt;8.Showcase - Gallery / Download Wallpaper&lt;br /&gt;9.Contacts - Information&lt;br /&gt;&lt;br /&gt;&lt;font size="4" &gt;&lt;b&gt;How to create your playing cards:&lt;/b&gt; &lt;/font&gt;&lt;br /&gt;1.Who am I? - Designer&lt;br /&gt;2.What is it? - Playing cards&lt;br /&gt;3.What For? - Collections&lt;br /&gt;4.1st task - Sketching&lt;br /&gt;5.2nd task - Designing&lt;br /&gt;6.3rd task - Printing &amp; Packaging&lt;br /&gt;7.Outcome - Play it together with friends&lt;br /&gt;8.Showcase - Gallery of illustrations / W.I.P / Products&lt;br /&gt;9.Contacts - Information&lt;br /&gt;&lt;br /&gt;&lt;HR width="100%" color=orange&gt;&lt;br /&gt;&lt;br /&gt;Interesting Websites:&lt;br /&gt;&lt;br /&gt;&lt;p align="center"&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.foodincmovie.com/"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/Sqeo7MYyZYI/AAAAAAAAAPI/0bkl8utXvTU/s320/wim.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5379454014808286594" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.foodincmovie.com/"&gt;foodincmovie.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://sushiandrobots.com/"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/Sqeo6mAKI_I/AAAAAAAAAPA/ELt1Qf3It0o/s320/ssnb.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5379454004504437746" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://sushiandrobots.com/"&gt;sushiandrobots.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.mikematas.com/"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SqeoXsNQ8KI/AAAAAAAAAO4/st4OVqseYJM/s320/mmb.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5379453404874600610" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.mikematas.com/"&gt;mikematas.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.lineage2.co.id/index.php"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 203px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SqeoXag6YEI/AAAAAAAAAOw/VKjo7qMkzG8/s320/l2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5379453400125169730" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.lineage2.co.id/index.php"&gt;lineage2.co.id/index.php&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.orangelabel.com/"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SqeoWzrf3dI/AAAAAAAAAOo/d5aNQeOugUM/s320/ol.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5379453389700586962" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.orangelabel.com/"&gt;orangelabel.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://hypefortype.com/"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SqeoWYdSqRI/AAAAAAAAAOg/OJS3z2ojsyQ/s320/hft.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5379453382393243922" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://hypefortype.com/"&gt;hypefortype.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.gavincastleton.com/"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SqeoWJpF6VI/AAAAAAAAAOY/Lo1cKPOQi-8/s320/gc.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5379453378416208210" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.gavincastleton.com/"&gt;gavincastleton.com&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;HR width="100%" color=orange&gt;&lt;br /&gt;&lt;br /&gt;Photoshop tutorials:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.worth1000.com/tutorial.asp?sid=161386"&gt;Fix lighting in a montaged image&lt;/a&gt;&lt;a href="http://www.worth1000.com/"&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureid=1709"&gt;Cool neon effects&lt;/a&gt;&lt;a href="http://www.digitalartsonline.co.uk/"&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-an-imaginative-magical-painted-scene/"&gt;Create imaginative painted montage scene&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-create-a-steampunk-style-illustration-in-photoshop/"&gt;Creating a steam punk illustration in PSD&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.photoshopcafe.com/tutorials/HDR_ps/hdr-ps.htm"&gt;Composing an HDR image through photos you have captured&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;HR width="100%" color=orange&gt;&lt;br /&gt;&lt;br /&gt;Tutorial websites:&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.ehow.com/how_2183587_vinyl-sculpture-toy.html"&gt;How to customise your own vinyl toy&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.instructables.com/id/Munny-Speakers/"&gt;How to make speakers out of a vinyl toy&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.instructables.com/id/Light-Bulb-Shrimp-Aquarium/"&gt;How to make an aquarium out of a light bulb&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.instructables.com/id/Bottle-Garden/"&gt;How to spice up nature&lt;/li&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-6377893364568036481?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/6377893364568036481/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/web-design-1-researches-ideas.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6377893364568036481'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6377893364568036481'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/09/web-design-1-researches-ideas.html' title='Web Design 1 - Researches &amp; Ideas'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_nI0dWWooo2A/Sqeo7MYyZYI/AAAAAAAAAPI/0bkl8utXvTU/s72-c/wim.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-2065083340150783067</id><published>2009-08-12T02:46:00.034+08:00</published><updated>2009-12-27T04:04:36.601+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='typography'/><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='posters'/><category scheme='http://www.blogger.com/atom/ns#' term='digital media'/><category scheme='http://www.blogger.com/atom/ns#' term='design method 1'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='drawings'/><category scheme='http://www.blogger.com/atom/ns#' term='printing'/><category scheme='http://www.blogger.com/atom/ns#' term='flash'/><category scheme='http://www.blogger.com/atom/ns#' term='boardgame'/><title type='text'>Semester break!!</title><content type='html'>Finally, an update after a long assignments routine.&lt;br /&gt;&lt;br /&gt;So here are some of the final projects I can show:&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 102);font-size:130%;" &gt;&lt;span style="font-weight: bold;"&gt;Typography Fundamental - Favourite typo poster &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SozZJ2W1MzI/AAAAAAAAAOQ/FRnIGv5xZ7Q/s1600-h/poster2smallWM.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SozZJ2W1MzI/AAAAAAAAAOQ/FRnIGv5xZ7Q/s400/poster2smallWM.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5371907218779484978" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SozZJsHhUvI/AAAAAAAAAOI/l075AIPO9Pc/s1600-h/poster1smallWM.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 283px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SozZJsHhUvI/AAAAAAAAAOI/l075AIPO9Pc/s400/poster1smallWM.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5371907216030913266" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;I'm regret that i chose Trebuchet as the font i like, prefered Georgia, Museo or Century gothic...&lt;br /&gt;Well, anyway sem's over and who cares? haha&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 102);font-size:130%;" &gt;&lt;span style="font-weight: bold;"&gt;Digital Media - Flash animation &amp; Interfaces &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SozPHeSE2zI/AAAAAAAAAN4/DxMwN5JYgTA/s1600-h/BW.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SozPHeSE2zI/AAAAAAAAAN4/DxMwN5JYgTA/s400/BW.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5371896182841072434" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Erm... i won't upload the SWFs files, coz im afraid it will takes time to load.&lt;br /&gt;Approx. file size is 18MB, on another case is, im too lazy to change the URLs and link the interface pages again.. hehe..&lt;br /&gt;Well, i just screenshot all the interface pages into JPEG.&lt;br /&gt;Was kinda regret i chose this concept, it's hard to give any message.&lt;br /&gt;Anyway, i learnt a lot of &lt;a href="http://labs.adobe.com/wiki/index.php/ActionScript_3"&gt;Action script 3&lt;/a&gt; and it's making me a machine.. lol&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 102);font-size:130%;" &gt;&lt;span style="font-weight: bold;"&gt;CGPP - Boardgame design&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SozPIMuGhLI/AAAAAAAAAOA/eHR1BJVdLyw/s1600-h/output.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 399px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SozPIMuGhLI/AAAAAAAAAOA/eHR1BJVdLyw/s400/output.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5371896195306652850" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;*Ugh*&lt;/span&gt; im stressed up by this project.&lt;br /&gt;It is printed using offset printer, and cost about RM 90 for the proofs and prints. So the whole class give their files to a middleman who will print this to the supplier. Unfortunately, i got a problem, an utterly stressful problem. It will bored up this post if i tell it the whole story. Fortunately, it was solved &lt;span style="font-style: italic;"&gt;*sigh*&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;&lt;span style="color: rgb(255, 255, 102);"&gt;Design Method 1 - Project 3 Man and Machine&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;embed src="http://www.fileden.com/files/2007/1/20/667718/dem.swf" quality="high" bgcolor="#000000" allowscriptaccess="no" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="300" width="400"&gt;&lt;/embed&gt;&lt;br /&gt;&lt;br /&gt;(takes time to load, size is 3,4 MB. Go take some chips and tea first =D)&lt;br /&gt;&lt;br /&gt;Flash interactive design interpreting what is a machine with some metaphors usage.&lt;br /&gt;planned to do more than this, but deadline's bound it.&lt;br /&gt;&lt;br /&gt;--------------------------------------------------------------------------&lt;br /&gt;&lt;br /&gt;Most time i spent on the softwares i used this sem:&lt;br /&gt;Adobe Illustrator CS4 = 40% =&gt; CGPP owns :S&lt;br /&gt;Adobe Flash CS4 = 30%&lt;br /&gt;Adobe Photoshop CS4 = 15%&lt;br /&gt;Adobe Soundbooth CS4= 7%&lt;br /&gt;Adobe Acrobat = 5%&lt;br /&gt;Microsoft Word = 3%&lt;br /&gt;&lt;br /&gt;--------------------------------------------------------------------------&lt;br /&gt;&lt;br /&gt;Currently playing &lt;a href="http://dragonica.iahgames.com/site/default.aspx"&gt;Dragonica&lt;/a&gt; to fill up my holiday.&lt;br /&gt;Nice game with adorable style, and neat interface. (definité a dope!)&lt;br /&gt;Kinda doing *research* on the story and elements for future uses ^_^&lt;br /&gt;&lt;br /&gt;*im playing at Elga server hehe&lt;br /&gt;&lt;br /&gt;And for this holiday, i need to margin up my files and do something else other than slacking infront of my crappy laptop.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-2065083340150783067?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/2065083340150783067/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/08/semester-break.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2065083340150783067'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2065083340150783067'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/08/semester-break.html' title='Semester break!!'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/SozZJ2W1MzI/AAAAAAAAAOQ/FRnIGv5xZ7Q/s72-c/poster2smallWM.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-4103151577286134026</id><published>2009-07-15T19:00:00.002+08:00</published><updated>2009-07-15T19:15:09.740+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='cool stuffs'/><category scheme='http://www.blogger.com/atom/ns#' term='inspirative links'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><title type='text'>Check this out!</title><content type='html'>Andy Fould's great websites:&lt;br /&gt;&lt;a href="http://www.andyfoulds.co.uk/flash_design.html"&gt;Portfolio&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.screentoys.com/"&gt;Screentoys&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-4103151577286134026?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/4103151577286134026/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/check-this-out.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4103151577286134026'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4103151577286134026'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/check-this-out.html' title='Check this out!'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-8206331715556748023</id><published>2009-07-12T04:06:00.010+08:00</published><updated>2009-07-12T22:42:33.019+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Design Method 1 - Website Interface Design</title><content type='html'>Well, from the logo Kosmik Punk, i decided to use a vinyl toy for the branding.&lt;br /&gt;Here is some definition about my product : &lt;a href="http://en.wikipedia.org/wiki/Designer_toys"&gt;Designer toys&lt;/a&gt;&lt;br /&gt;I combined photo montage and vector style.&lt;br /&gt;&lt;br /&gt;So here is my 1st interface design:&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Mainpage&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/Sljxekq-xAI/AAAAAAAAAMI/3L5LPmOMjt8/s1600-h/MainpageWM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/Sljxekq-xAI/AAAAAAAAAMI/3L5LPmOMjt8/s400/MainpageWM.jpg" alt="" id="BLOGGER_PHOTO_ID_5357297264299525122" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Gallery Page&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SljxeRusNpI/AAAAAAAAAMA/8OymRMwBsNg/s1600-h/Gallery_pageWM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SljxeRusNpI/AAAAAAAAAMA/8OymRMwBsNg/s400/Gallery_pageWM.jpg" alt="" id="BLOGGER_PHOTO_ID_5357297259214812818" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;D.I.Y page&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SljxeAofH4I/AAAAAAAAAL4/geQTnlhS-kA/s1600-h/DIY_pageWM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SljxeAofH4I/AAAAAAAAAL4/geQTnlhS-kA/s400/DIY_pageWM.jpg" alt="" id="BLOGGER_PHOTO_ID_5357297254625386370" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Another set using "Cosmic Punk"&lt;br /&gt;The product is telescope, so i use the outer space as the theme to relate with it.&lt;br /&gt;This is the 2nd interface:&lt;br /&gt;&lt;br /&gt;Mainpage&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlnyTaHorfI/AAAAAAAAANY/qqswfKLQRuY/s1600-h/mainpage2WM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlnyTaHorfI/AAAAAAAAANY/qqswfKLQRuY/s400/mainpage2WM.jpg" alt="" id="BLOGGER_PHOTO_ID_5357579646976699890" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Mainpage rollover&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SlnyTdf3ZaI/AAAAAAAAANQ/KlIF5O3ZwoE/s1600-h/mainpageWM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SlnyTdf3ZaI/AAAAAAAAANQ/KlIF5O3ZwoE/s400/mainpageWM.jpg" alt="" id="BLOGGER_PHOTO_ID_5357579647883634082" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Zooming to the product page&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlnyTN9NNwI/AAAAAAAAANI/dF-HZxFCgLA/s1600-h/ProductpagezoomingWM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlnyTN9NNwI/AAAAAAAAANI/dF-HZxFCgLA/s400/ProductpagezoomingWM.jpg" product="" page="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Product Page&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SlnyS29jBFI/AAAAAAAAANA/h0WovHjFzig/s1600-h/ProductpageWM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SlnyS29jBFI/AAAAAAAAANA/h0WovHjFzig/s400/ProductpageWM.jpg" alt="" id="BLOGGER_PHOTO_ID_5357579637539144786" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Facts page&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SlnySqVcVuI/AAAAAAAAAM4/graq4BRlqao/s1600-h/Facts_pageWM.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SlnySqVcVuI/AAAAAAAAAM4/graq4BRlqao/s400/Facts_pageWM.jpg" alt="" id="BLOGGER_PHOTO_ID_5357579634149709538" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Disclaimer note: All of the interface above are for college assignment purpose.&lt;br /&gt;Not for any commercial work. If you want to ask any question, you can put a comment below or email me at : &lt;span style="color: rgb(255, 204, 51);"&gt;clairde_klaibournne@yahoo.com / clairde.k@gmail.com&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-8206331715556748023?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/8206331715556748023/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/design-method-1-website-interface.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8206331715556748023'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8206331715556748023'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/design-method-1-website-interface.html' title='Design Method 1 - Website Interface Design'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/Sljxekq-xAI/AAAAAAAAAMI/3L5LPmOMjt8/s72-c/MainpageWM.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-916934671940209769</id><published>2009-07-05T18:11:00.005+08:00</published><updated>2009-07-05T19:01:53.226+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='typography'/><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='posters'/><category scheme='http://www.blogger.com/atom/ns#' term='website'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Typography fundamental : CTT Final</title><content type='html'>After critique last wednesday, SK chose the poster and website layout she like and told me to finalize it using consistent color and fixing minor alignment, spelling and grammar mistakes. So here is the final typo poster :&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCHonlgsVI/AAAAAAAAALw/9njlqZwmJTg/s1600-h/CTT2RitchieFernandoWijayaMM085-1SK-01.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCHonlgsVI/AAAAAAAAALw/9njlqZwmJTg/s400/CTT2RitchieFernandoWijayaMM085-1SK-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354929088834351442" /&gt;&lt;/a&gt;&lt;br /&gt;Website Interface:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SlB_d8poI9I/AAAAAAAAAJo/JXEluduyek4/s1600-h/CTT3(Enterpage)RitchieFernandoWijayaMM085-1SK.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SlB_d8poI9I/AAAAAAAAAJo/JXEluduyek4/s400/CTT3(Enterpage)RitchieFernandoWijayaMM085-1SK.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354920109417178066" /&gt;&lt;/a&gt;&lt;br /&gt;(Enterpage)&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlB_eOGuKoI/AAAAAAAAAJw/Q3mL2WFrEKU/s1600-h/CTT3(Mainpage)RitchieFernandoWijayaMM085-1SK.jpg"&gt;&lt;img style="float:centert; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlB_eOGuKoI/AAAAAAAAAJw/Q3mL2WFrEKU/s400/CTT3(Mainpage)RitchieFernandoWijayaMM085-1SK.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354920114102610562" /&gt;&lt;/a&gt;&lt;br /&gt;(Mainpage)&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SlB_eZWOh4I/AAAAAAAAAJ4/HrrxQB2rlgY/s1600-h/CTT3(Newspage)RitchieFernandoWijayaMM085-1SK.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SlB_eZWOh4I/AAAAAAAAAJ4/HrrxQB2rlgY/s400/CTT3(Newspage)RitchieFernandoWijayaMM085-1SK.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354920117120436098" /&gt;&lt;/a&gt;&lt;br /&gt;(News Page)&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlB_erEkP8I/AAAAAAAAAKA/obohD9oCKOg/s1600-h/CTT3(Photospage)RitchieFernandoWijayaMM085-1SK.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlB_erEkP8I/AAAAAAAAAKA/obohD9oCKOg/s400/CTT3(Photospage)RitchieFernandoWijayaMM085-1SK.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354920121878200258" /&gt;&lt;/a&gt;&lt;br /&gt;(Photos Page)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-916934671940209769?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/916934671940209769/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/typography-fundamental-ctt-final.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/916934671940209769'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/916934671940209769'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/typography-fundamental-ctt-final.html' title='Typography fundamental : CTT Final'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nI0dWWooo2A/SlCHonlgsVI/AAAAAAAAALw/9njlqZwmJTg/s72-c/CTT2RitchieFernandoWijayaMM085-1SK-01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-3099742604137254989</id><published>2009-07-02T04:09:00.013+08:00</published><updated>2009-07-02T16:03:12.668+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design method 1'/><category scheme='http://www.blogger.com/atom/ns#' term='color pallette'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='logo'/><title type='text'>Design Method 1 - Matrix development</title><content type='html'>Design method 1 project 2 - Matrix development &lt;br /&gt;Logo Design based on my mindmap which was chosen 3 phrases from it:&lt;br /&gt;&lt;br /&gt;"Cosmic Punk / Kosmik Punk"&lt;br /&gt;"Cosmic Pillow"&lt;br /&gt;"Fluid Soul"&lt;br /&gt;Basically we need to design the chosen phrase with the relevant mood and meaning that is related to word.&lt;br /&gt;&lt;br /&gt;On further development and critiques, the chosen phrases is "Cosmic Punk and Fluid Soul" &lt;br /&gt;&lt;br /&gt;So, this is my designs:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SkxpqrKpCTI/AAAAAAAAAJg/j5ep57cpoEI/s1600-h/Matrix1-01.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 283px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SkxpqrKpCTI/AAAAAAAAAJg/j5ep57cpoEI/s400/Matrix1-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5353770238899456306" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SkxoQyqHSXI/AAAAAAAAAJA/BUh10hMLK_Q/s1600-h/Matrix2-01.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 283px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SkxoQyqHSXI/AAAAAAAAAJA/BUh10hMLK_Q/s400/Matrix2-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5353768694722283890" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SkxpEqYZrhI/AAAAAAAAAJY/jl6f32BFWsk/s1600-h/patterns-01.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 283px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SkxpEqYZrhI/AAAAAAAAAJY/jl6f32BFWsk/s400/patterns-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5353769585853705746" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-3099742604137254989?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/3099742604137254989/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/design-method-1-matrix-development-logo.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3099742604137254989'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3099742604137254989'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/07/design-method-1-matrix-development-logo.html' title='Design Method 1 - Matrix development'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_nI0dWWooo2A/SkxpqrKpCTI/AAAAAAAAAJg/j5ep57cpoEI/s72-c/Matrix1-01.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-8877767115574658623</id><published>2009-06-28T04:23:00.020+08:00</published><updated>2009-07-06T18:22:25.844+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='typography'/><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='posters'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Typography fundamental : CTT (progress)</title><content type='html'>Typograhy fundamental's lecturer is Siew Khian&lt;br /&gt;She assigned us to make a CTT (Communication Through Type)&lt;br /&gt;&lt;br /&gt;Basically CTT is like deriving the mood and meaning of a specific word.&lt;br /&gt;Either to do new music band album or new movie release poster using pure typography&lt;br /&gt;We can choose either to do existing or create new music band/movie as the *client*&lt;br /&gt;and i picked existing music band for it.&lt;br /&gt;Hence i chose &lt;a href="http://modlife.com/angelsandairwaves"&gt;&lt;span style="font-weight: bold; color: rgb(51, 255, 255);"&gt;Angels and Airwaves&lt;/span&gt;&lt;/a&gt; (AVA)&lt;br /&gt;&lt;br /&gt;The artwork created here is for assignment purpose only, Its FAKE!!!&lt;br /&gt;&lt;br /&gt;After few weekly critique and brainstormings, i picked my word for the title for AVA's fake new album which is &lt;span style="color: rgb(51, 255, 255); font-weight: bold;"&gt;"Doppelganger"&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Doppelganger means a&lt;a href="http://dictionary.reference.com/browse/doppelganger"&gt; &lt;/a&gt;&lt;span style="color: rgb(51, 255, 255); font-weight: bold;"&gt;&lt;a href="http://dictionary.reference.com/browse/doppelganger"&gt;"A ghostly double or counterpart of a living person."&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;Therefore i applied my typeface design using symetrical arrangement to show the duality of Doppelganger. Plus, with gradient to show a fading characteristic of a ghost.&lt;br /&gt;&lt;br /&gt;CTT1 = Title design&lt;br /&gt;CTT2 = Poster design (using CTT1)&lt;br /&gt;CTT3 = Website interface (using CTT1 as well)&lt;br /&gt;&lt;br /&gt;Here are my posters (CTT2):&lt;br /&gt;(SK prefer a simple designs and she restricted us to use graphics...&lt;br /&gt;(Must be pure typo)&lt;br /&gt;*And more, she preferred us to use 1 font only...&lt;br /&gt;These restrictions is killing me :S&lt;br /&gt;&lt;br /&gt;Typeface design and body text using Adobe Caslon Pro font.&lt;br /&gt;&lt;br /&gt;Poster 1:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaFcXvlAbI/AAAAAAAAAHI/TckYB1DhMdI/s1600-h/Poster1%28RGB%29-01.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; width: 283px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaFcXvlAbI/AAAAAAAAAHI/TckYB1DhMdI/s400/Poster1%28RGB%29-01.jpg" alt="" id="BLOGGER_PHOTO_ID_5352111929632817586" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 2:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SkaFcmLJPLI/AAAAAAAAAHQ/Gvbd3T3T7Ys/s1600-h/Poster2%28RGB%29-01.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 283px; height: 400px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SkaFcmLJPLI/AAAAAAAAAHQ/Gvbd3T3T7Ys/s400/Poster2%28RGB%29-01.jpg" alt="" id="BLOGGER_PHOTO_ID_5352111933506534578" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 3:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaFc8zHkII/AAAAAAAAAHY/Yr6VKjp6jQc/s1600-h/Poster3%28RGB%29-01.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 283px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaFc8zHkII/AAAAAAAAAHY/Yr6VKjp6jQc/s400/Poster3%28RGB%29-01.jpg" alt="" id="BLOGGER_PHOTO_ID_5352111939579777154" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 4:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaFdHqq-nI/AAAAAAAAAHg/emZANSV6Ajo/s1600-h/Poster4%28RGB%29-01.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 283px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaFdHqq-nI/AAAAAAAAAHg/emZANSV6Ajo/s400/Poster4%28RGB%29-01.jpg" alt="" id="BLOGGER_PHOTO_ID_5352111942497139314" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 5:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SkaFdbae6KI/AAAAAAAAAHo/K_eY6gfBfi0/s1600-h/Poster5%28RGB%29-01.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 283px; height: 400px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SkaFdbae6KI/AAAAAAAAAHo/K_eY6gfBfi0/s400/Poster5%28RGB%29-01.jpg" alt="" id="BLOGGER_PHOTO_ID_5352111947797948578" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 6:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaLA-T30OI/AAAAAAAAAHw/HEtM5RmvtqI/s1600-h/Poster6(RGB)-01.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaLA-T30OI/AAAAAAAAAHw/HEtM5RmvtqI/s400/Poster6(RGB)-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5352118056019022050" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 7:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaLBBSuo-I/AAAAAAAAAH4/3xoeGOqfRSU/s1600-h/Poster7(RGB)-01.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SkaLBBSuo-I/AAAAAAAAAH4/3xoeGOqfRSU/s400/Poster7(RGB)-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5352118056819532770" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 8:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SkaLBesA43I/AAAAAAAAAIA/TPA2sY1Gz0o/s1600-h/Poster8(RGB)-01.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SkaLBesA43I/AAAAAAAAAIA/TPA2sY1Gz0o/s400/Poster8(RGB)-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5352118064710214514" /&gt;&lt;/a&gt;&lt;br /&gt;Poster 9:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SkaLBhwtntI/AAAAAAAAAII/zZ1tHZ0LdcE/s1600-h/Poster9(RGB)-01.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 283px; height: 400px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SkaLBhwtntI/AAAAAAAAAII/zZ1tHZ0LdcE/s400/Poster9(RGB)-01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5352118065535229650" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Webpages:&lt;br /&gt;Grid1:&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCE3shYTlI/AAAAAAAAAK4/2PQte33d3AU/s1600-h/grid1homepage.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCE3shYTlI/AAAAAAAAAK4/2PQte33d3AU/s400/grid1homepage.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354926049322356306" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SlCE37n211I/AAAAAAAAALI/JLqfCIYv1y0/s1600-h/grid1photospage.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SlCE37n211I/AAAAAAAAALI/JLqfCIYv1y0/s400/grid1photospage.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354926053376055122" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SlCE3oHNvWI/AAAAAAAAALA/7ihkzr_xS6Y/s1600-h/grid1newspage.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SlCE3oHNvWI/AAAAAAAAALA/7ihkzr_xS6Y/s400/grid1newspage.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354926048138870114" /&gt;&lt;/a&gt;&lt;br /&gt;Grid2:&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCE4NH6eJI/AAAAAAAAALQ/VZYN_sODQ-4/s1600-h/grid3homepage.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCE4NH6eJI/AAAAAAAAALQ/VZYN_sODQ-4/s400/grid3homepage.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354926058073913490" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SlCE4TZCoeI/AAAAAAAAALY/v7Z1nCzlGNQ/s1600-h/grid3newspage.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SlCE4TZCoeI/AAAAAAAAALY/v7Z1nCzlGNQ/s400/grid3newspage.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354926059756364258" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCGpQrFyjI/AAAAAAAAALg/DY0N5C6Xw98/s1600-h/grid3photospage.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SlCGpQrFyjI/AAAAAAAAALg/DY0N5C6Xw98/s400/grid3photospage.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5354928000351980082" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-8877767115574658623?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/8877767115574658623/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/06/typography-fundamental-ctt-posters.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8877767115574658623'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8877767115574658623'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/06/typography-fundamental-ctt-posters.html' title='Typography fundamental : CTT (progress)'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/SkaFcXvlAbI/AAAAAAAAAHI/TckYB1DhMdI/s72-c/Poster1%28RGB%29-01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-7521633983538224435</id><published>2009-06-03T02:40:00.008+08:00</published><updated>2009-06-27T01:05:52.237+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design method 1'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Design Method 1 : Project 1 : Visual Exploration</title><content type='html'>Illustration :&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SitIuq0XQGI/AAAAAAAAAGw/0uc52UdXYsQ/s1600-h/(ILLUSTRATION)+Show+ur+role,+lay+em+low.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SitIuq0XQGI/AAAAAAAAAGw/0uc52UdXYsQ/s400/(ILLUSTRATION)+Show+ur+role,+lay+em+low.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5344445349410324578" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;2nd Media: School Lockers&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SitIudty-dI/AAAAAAAAAGo/b3FVqu6dbws/s1600-h/(ILLUSTRATION)+2nd+Media.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SitIudty-dI/AAAAAAAAAGo/b3FVqu6dbws/s400/(ILLUSTRATION)+2nd+Media.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5344445345893120466" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Graphic Style:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/Siqbp-T9WZI/AAAAAAAAAGQ/x-lR9WQeVUo/s1600-h/(GRAPHIC)Primitive+instinct+of+the+modern+view.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/Siqbp-T9WZI/AAAAAAAAAGQ/x-lR9WQeVUo/s400/(GRAPHIC)Primitive+instinct+of+the+modern+view.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5344255053232167314" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;2nd Media: Time Magazine&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SiqalEJRZOI/AAAAAAAAAGI/n4ReWjdUfMo/s1600-h/(GRAPHIC)+2nd+media.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SiqalEJRZOI/AAAAAAAAAGI/n4ReWjdUfMo/s400/(GRAPHIC)+2nd+media.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5344253869386982626" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Digital Effects:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SivuRhznw1I/AAAAAAAAAG4/M4Bu1qe5zr0/s1600-h/(DIGITAL+EFFECT)Imagination+beyond+idea.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SivuRhznw1I/AAAAAAAAAG4/M4Bu1qe5zr0/s400/(DIGITAL+EFFECT)Imagination+beyond+idea.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5344627367705297746" /&gt;&lt;/a&gt;&lt;br /&gt;Theme : Competition&lt;br /&gt;&lt;br /&gt;2nd Media: CD Cover + CD Disc&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SivuR20sLEI/AAAAAAAAAHA/-ekWUOb1-fI/s1600-h/(DIGITAL+EFFECT)+2nd+Media.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SivuR20sLEI/AAAAAAAAAHA/-ekWUOb1-fI/s400/(DIGITAL+EFFECT)+2nd+Media.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5344627373346925634" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Please critique! Me want some feedbacks :D&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-7521633983538224435?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/7521633983538224435/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/06/design-method-1-project-1-visual.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7521633983538224435'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7521633983538224435'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/06/design-method-1-project-1-visual.html' title='Design Method 1 : Project 1 : Visual Exploration'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/SitIuq0XQGI/AAAAAAAAAGw/0uc52UdXYsQ/s72-c/(ILLUSTRATION)+Show+ur+role,+lay+em+low.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-790162593682720141</id><published>2009-05-24T03:02:00.010+08:00</published><updated>2009-06-27T01:05:31.828+08:00</updated><title type='text'>Are you witty?</title><content type='html'>Solve this case :&lt;br /&gt;&lt;br /&gt;One day, The King of Egypt wanted to celebrate his birthday.&lt;br /&gt;He invited a famous wandering bard to entertain him, named Farvian.&lt;br /&gt;Bards are known for their skills on understanding words and produce beautiful poems while playing music.&lt;br /&gt;&lt;br /&gt;So, the King challenge him to enter a chamber, which has a secret on it.&lt;br /&gt;He will prize Farvian for a wife and treasures.&lt;br /&gt;Farvian dared himself and accept King's challange.&lt;br /&gt;So he went to the chamber, and walk upon the mazes.&lt;br /&gt;At the end of the labyrinth, he found a golden door, and a sign attached 1 meter away from the door.&lt;br /&gt;&lt;br /&gt;The sign looks like this:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/ShhNQrTiWxI/AAAAAAAAAFw/mrz9vOP1wpY/s1600-h/Maze+copy.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 253px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/ShhNQrTiWxI/AAAAAAAAAFw/mrz9vOP1wpY/s400/Maze+copy.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5339102307145636626" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;He dont understand about this sign so he ignored it, and walk forward to the door. When he opened the door, there is a room full of golden treasure and pleasure, but he was fainted, hard to breath, and died. &lt;br /&gt;&lt;br /&gt;The King was upset, and he is searching for a witful person...&lt;br /&gt;Why he was dead?&lt;br /&gt;&lt;br /&gt;HINTS: Observe the texts on the sign. Adobe Photoshop will help :P&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-790162593682720141?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/790162593682720141/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/05/are-you-witty.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/790162593682720141'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/790162593682720141'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/05/are-you-witty.html' title='Are you witty?'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nI0dWWooo2A/ShhNQrTiWxI/AAAAAAAAAFw/mrz9vOP1wpY/s72-c/Maze+copy.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-200232418747912257</id><published>2009-05-07T23:05:00.005+08:00</published><updated>2009-12-27T04:02:56.967+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='vector illustrations'/><category scheme='http://www.blogger.com/atom/ns#' term='freetimies'/><title type='text'>Kustom Flava</title><content type='html'>&lt;a href="http://img8.imageshack.us/img8/4743/kustomflavalq.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="495" width ="350" src="http://img8.imageshack.us/img8/590/kustomflavasmall.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;*click to enlarge&lt;br /&gt;&lt;br /&gt;Just vectoring in a free time&lt;br /&gt;Pretty simple at the gas mask :(&lt;br /&gt;Arghh.. need to study more figure studies!!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-200232418747912257?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/200232418747912257/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/05/kustom-flava.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/200232418747912257'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/200232418747912257'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/05/kustom-flava.html' title='Kustom Flava'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-5959082767857458567</id><published>2009-05-07T15:42:00.003+08:00</published><updated>2009-06-27T01:04:37.362+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='notices'/><title type='text'>Nu no.</title><content type='html'>Today finally went back to malaysia, &lt;br /&gt;and here is my new mobile number: 017 2525 906&lt;br /&gt;now... get back to cleaning room =_="&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-5959082767857458567?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/5959082767857458567/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/05/nu-no.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/5959082767857458567'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/5959082767857458567'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/05/nu-no.html' title='Nu no.'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-6138337770255285972</id><published>2009-03-31T23:52:00.006+08:00</published><updated>2009-06-27T01:03:21.056+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='notices'/><title type='text'>Don't believe to my hp.no if it sent messages!!</title><content type='html'>Last 26 march, my HP LOST!!! =(&lt;br /&gt;Lost when i arrived at the LCCT airport, my HP was slipped out off my pocket, which i don't realized it after i get out of the taxi.&lt;br /&gt;I was panicked, then i phone using public phone. I phoned my HP, my parent's HP(but it is unreachable), trying to call my brother's hp (But i forgot his no. =.=")&lt;br /&gt;Sadly, as far as i remembered, my phone is in silent. Then i proceed to the ticket check in, and airport stuffs...&lt;br /&gt;&lt;br /&gt;After a flight of anxiety, then i told my father to phone the taxi driver. The taxi driver is a good guy, my family always call him when we need to be fetched to airport. The thing is, the taxi driver have a passenger after me. He mentioned that the passenger is from Myanmar. And now it's getting tough, It is hard for a taxi driver to go ask a foreigner in a reason to check for a handphone lost. So, in this case no chance to get back my HP. It is my mistake, as im a bit clumsy at that time.&lt;br /&gt;&lt;br /&gt;From now on,&lt;span style="color: rgb(0, 204, 204);"&gt; (60)17 3450 960 &lt;/span&gt;is &lt;span style="color: rgb(204, 0, 0);"&gt;HISTORY!&lt;/span&gt; Don't receive call from him, or take any message from him, coz the Unknown guy is playing and tricking using my HP no.!&lt;br /&gt;in a meantime, if you want to contact my HP no. in Indonesia, u can contact by this number: &lt;span style="color: rgb(0, 204, 204);"&gt;(+62)818 09 565 666&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;PS: Be careful of ur belongings for everybody before leaving taxi, bus or any other public transport..&lt;br /&gt;&lt;br /&gt;anyway, to relieve my stress about it, i went to this simply-simple-cool-addicting game :&lt;br /&gt;&lt;a href="http://dan-ball.jp/en/javagame/dust/"&gt;Dust Game&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-6138337770255285972?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/6138337770255285972/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/dont-believe-to-my-hpno-if-it-sent.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6138337770255285972'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6138337770255285972'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/dont-believe-to-my-hpno-if-it-sent.html' title='Don&apos;t believe to my hp.no if it sent messages!!'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-2418016708989426645</id><published>2009-03-25T02:27:00.008+08:00</published><updated>2009-06-27T01:03:12.616+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='drawings'/><title type='text'>Half-dreamt Shelter</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/ScktvEIUA-I/AAAAAAAAAFY/2KFkYqtycss/s1600-h/Perspective+color(S).jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 283px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/ScktvEIUA-I/AAAAAAAAAFY/2KFkYqtycss/s400/Perspective+color(S).jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5316831121673290722" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Perspective Study final project submission.&lt;br /&gt;I know its kinda too late to post, but i posted it coz i dont have anything to do now.. lol&lt;br /&gt;&lt;br /&gt;Bored and tired of games... internet line sucks, so well, i upload this.. The deadline is last week, but as i saw many of my classmates uploads their perspective drawings, so it does trigger me to post also :P&lt;br /&gt;&lt;br /&gt;Sadly, i rushed this piece and lots of mistakes there, such lightings and shadows. If i can travel back time 3 weeks from now, i will change the lightings to infront of the house. Quite regret to do the bungalow drawing in evening time, as it is too dark...&lt;br /&gt;&lt;br /&gt;Too rushed within 2 days, that i lost some of the details.. the trees were not meant to be scribbles like that... no furniture inside the bungalow (still new bungalow XP)&lt;br /&gt;shadow and reflected lights problems..lack of lights in the reflection, and so on... and so on..&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-2418016708989426645?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/2418016708989426645/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/half-dreamt-shelter.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2418016708989426645'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2418016708989426645'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/half-dreamt-shelter.html' title='Half-dreamt Shelter'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_nI0dWWooo2A/ScktvEIUA-I/AAAAAAAAAFY/2KFkYqtycss/s72-c/Perspective+color(S).jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-6361695550371108117</id><published>2009-03-16T23:52:00.012+08:00</published><updated>2009-12-27T04:00:40.763+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='fun'/><title type='text'>Malacca Trip!!</title><content type='html'>14th March, 2009&lt;br /&gt;I woke up at 7.00 AM in a hurry, as we should gather at 7.30 in the bus stop across Sunway Pyramid. I was accompanied by slight rain, which chills me that morning. Arrived at the bus stop and waited my friends there. After quite a long wait, we take the bus at 8.30 to Puduraya station. Arrived there, we gathered around, and waited again for the Bus to come. At 9.30 We cao from there. I slept abt 75 min in the bus. &lt;br /&gt;&lt;br /&gt;-Attendants: &lt;br /&gt;-Me&lt;br /&gt;-Duy&lt;br /&gt;-Nicholas&lt;br /&gt;-Steve&lt;br /&gt;-Jena&lt;br /&gt;-Guo Dong&lt;br /&gt;-Justin&lt;br /&gt;-Gene&lt;br /&gt;-Cheh Yi&lt;br /&gt;-Dorothy&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;After we arrived at Malacca, the scorching sun blanketed us. Such a hot and tiresome day, that we walked from the bus station to the Jonker Street (O_O") apprximately 4-5KM!&lt;br /&gt;&lt;br /&gt;Dehydrated and crippled, we decided to find some drinks and rest for a while.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img214.imageshack.us/img214/4570/img5087s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img214.imageshack.us/img214/4570/img5087s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Buying Mata Kuching ^^ for 1RM&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img19.imageshack.us/my.php?image=img5110s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img19.imageshack.us/img19/7640/img5110s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Lets go on!&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img256.imageshack.us/my.php?image=img5113s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img256.imageshack.us/img256/60/img5113s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Rest for a while :)&lt;br /&gt;&lt;br /&gt;All of us starves for lunch, and we stopped on a small depot. I don't know what is the food we ate last time called, what I know that it is a stew of meat, tofu, intestine, liver, and so on. Do taste a bit like bak kut teh..(=_=")&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img124.imageshack.us/my.php?image=img5165s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img124.imageshack.us/img124/7628/img5165s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Waiting for the dish to come &lt;br /&gt;&lt;br /&gt;Then, we continue to walk around the jonker street..&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img24.imageshack.us/my.php?image=img5190s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img24.imageshack.us/img24/5739/img5190s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Photo infront of a chinese paper cutting craft shop&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img140.imageshack.us/my.php?image=img5194s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" src="http://img140.imageshack.us/img140/4389/img5194s.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Photo infront of a craft shop&lt;br /&gt;&lt;br /&gt;Then, we continue walked to go near the canal&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img509.imageshack.us/my.php?image=img5233s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img509.imageshack.us/img509/848/img5233s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;All of us walked under the dry sun&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img15.imageshack.us/my.php?image=img5234s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img15.imageshack.us/img15/7548/img5234s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Inspite of the heat, we still have spirit! :D&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img24.imageshack.us/my.php?image=img5235s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img24.imageshack.us/img24/711/img5235s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Steve with his V-cam&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img19.imageshack.us/my.php?image=img5240sj.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img19.imageshack.us/img19/1512/img5240sj.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Jena with her new camera ^.^ lol&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img147.imageshack.us/my.php?image=img5246s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" src="http://img147.imageshack.us/img147/3687/img5246s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;What happen to duy? lol&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img205.imageshack.us/my.php?image=img5249s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img205.imageshack.us/img205/6586/img5249s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;We spot a mudskipper, and steve dared to record the mudskippy, one prod he'll ended up in a wet clothes :P&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img216.imageshack.us/my.php?image=img5258s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" src="http://img216.imageshack.us/img216/9408/img5258s.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;At the .... (dunno the name) ship, hehe, Its windy up here!&lt;br /&gt;We (accidentally illegally) enter to the ship, saves 3 RM for it XP&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img150.imageshack.us/my.php?image=img5281s.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="235" src="http://img150.imageshack.us/img150/5378/img5281s.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Finally, we eat at Baba's House.. a Nyonya Cuisine.. (Sry for the shaky pic)&lt;br /&gt;Moderate taste for my taste bud :) We ends our feast at 5.30PM&lt;br /&gt;&lt;br /&gt;I dont shoot myself with my cam, didnt feel as narcistic as old days XP&lt;br /&gt;&lt;br /&gt;The Bus to go back KL is in 6.00 PM! We were scared that we could be late..&lt;br /&gt;We walk rushed to the bus station. Neither a taxi nor a bus we spot, so we rush to walk back! This means we walk back to the bus station for another 5KM?! &lt;br /&gt;We managed to find 1 taxi, But as the ran near to the taxi, a bus approached, Without any pause, we get inside. Haha! Such a fortune... lol!&lt;br /&gt;At the bus station, we are prepared to go back, so we enter the bus. All of us arrived back at KL at 9PM. I arrived at my house at 10.20PM, and then opened facebook, dArt, and others.. Then at 1AM play dota with Justin! lol..haha..&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-6361695550371108117?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/6361695550371108117/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/malacca-trip.html#comment-form' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6361695550371108117'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6361695550371108117'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/malacca-trip.html' title='Malacca Trip!!'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-2433911334043280005</id><published>2009-03-06T01:18:00.008+08:00</published><updated>2009-06-27T01:03:46.678+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><category scheme='http://www.blogger.com/atom/ns#' term='silkscreen'/><title type='text'>Culturati Polity</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SbAR0yWTiGI/AAAAAAAAAFI/yfpUGxqKGaU/s1600-h/SilkscreenTraceFinal+copyrighted.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 282px; height: 400px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SbAR0yWTiGI/AAAAAAAAAFI/yfpUGxqKGaU/s400/SilkscreenTraceFinal+copyrighted.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5309763559236012130" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;*click for larger view&lt;br /&gt;&lt;br /&gt;    Yea, this is my Silkscreen Design for Visual Communication...&lt;br /&gt;West meets east... &lt;br /&gt;Both figure above is Joker Jester and Wayang Kulit (Arjuna)&lt;br /&gt;Arjuna uses Art nouveau pattern, while Jester uses Batik pattern&lt;br /&gt;Both are puppets, used to criticize / talk about politics while they are performed.&lt;br /&gt;&lt;br /&gt;   Fusion between the composition of the puppets playing the each other culture (Arjuna plays marionette &amp; Jester play wayang kulit)&lt;br /&gt;Fusion between the pattern, Batik &amp; Art Nouveau&lt;br /&gt;&lt;br /&gt;   I entitled it as Culturati Polity&lt;br /&gt;Culturati : People who loves art &amp; culture&lt;br /&gt;Polity : Politics&lt;br /&gt;So, the concept of my silkscreen is "People merged into others' culture, by art and politics"&lt;br /&gt;&lt;br /&gt;I decided it to do in A3 size, although actually wanted it in A2 or A1 (still inexperienced X( ) Going to be printed in a poster format, although i wanted it in puzzle pieces... coz the price of the empty blank puzzle pieces is damn expensive...@_@. 1 color theme, as it will be easier for a poster production (and saves time :&gt;)&lt;br /&gt;&lt;br /&gt;   SOOO DAMNNN annoyed doing this piece, got a lot of details, which makes hard to be removed after been photo-emulsified. These thin lines kills me.. Redo ing all times T_T. Test prints didn't give any good result, as the screen pores is too big for paper i think? Tried on cloth, but neither gave me a relief... lol&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-2433911334043280005?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/2433911334043280005/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/culturati-polity.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2433911334043280005'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2433911334043280005'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/culturati-polity.html' title='Culturati Polity'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nI0dWWooo2A/SbAR0yWTiGI/AAAAAAAAAFI/yfpUGxqKGaU/s72-c/SilkscreenTraceFinal+copyrighted.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-7296359067872614181</id><published>2009-03-01T02:21:00.006+08:00</published><updated>2009-06-27T00:59:37.403+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspirative links'/><title type='text'>Inspirative Links</title><content type='html'>- &lt;a href="http://www.geekologie.com"&gt;Unique and crazee news, gadgets and stuffs&lt;/a&gt; (Must see!)&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://worth1000.com "&gt;Photoshop manipulation&lt;/a&gt; (Must see!)&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://www.behance.net/"&gt;Cool designs &amp; Portfolios&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://www.walyou.com "&gt;Cool stuffs &amp; gadgets&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://www.toxel.com "&gt;Designs archive&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://www.instructables.com "&gt;DIY instructions&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://adsoftheworld.com/browse_archive "&gt;Ads,ads,ads&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://weburbanist.com "&gt;Urban designs&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;- &lt;a href="http://www.juxtapoz.com/ "&gt;Art &amp; Culture designs&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Above are links that inspire me a lot, or well, i could say, those webs kill my eyes infront of PC for quite a long time.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-7296359067872614181?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/7296359067872614181/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/inspirative-links.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7296359067872614181'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7296359067872614181'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/03/inspirative-links.html' title='Inspirative Links'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-933583104829349850</id><published>2009-02-23T00:42:00.013+08:00</published><updated>2009-06-27T01:04:27.628+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Interactive Interface Design - The Flying Dutchman (Animated Loading Page)</title><content type='html'>&lt;object width="320" height="266" class="BLOG_video_class" id="BLOG_video-71757d38833738bb" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"&gt;&lt;param name="movie" value="http://www.youtube.com/get_player"&gt;&lt;param name="bgcolor" value="#FFFFFF"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;param name="flashvars" value="flvurl=http://v1.nonxt4.googlevideo.com/videoplayback?id%3D71757d38833738bb%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1331107079%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D14B3FE5493570AE5DBCE41D9ED5EB99CD4E0BE00.3C65AB92E000EDA5E3B84B4667D40EEE0DB48D0F%26key%3Dck1&amp;amp;iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3D71757d38833738bb%26offsetms%3D5000%26itag%3Dw160%26sigh%3DcpEpygyi-_hjHT7dw8gSz9uo-gQ&amp;amp;autoplay=0&amp;amp;ps=blogger"&gt;&lt;embed src="http://www.youtube.com/get_player" type="application/x-shockwave-flash"width="320" height="266" bgcolor="#FFFFFF"flashvars="flvurl=http://v1.nonxt4.googlevideo.com/videoplayback?id%3D71757d38833738bb%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1331107079%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D14B3FE5493570AE5DBCE41D9ED5EB99CD4E0BE00.3C65AB92E000EDA5E3B84B4667D40EEE0DB48D0F%26key%3Dck1&amp;iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3D71757d38833738bb%26offsetms%3D5000%26itag%3Dw160%26sigh%3DcpEpygyi-_hjHT7dw8gSz9uo-gQ&amp;autoplay=0&amp;ps=blogger"allowFullScreen="true" /&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Animated Loading Page.. &lt;br /&gt;Sry if it is too fast XD&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-933583104829349850?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='enclosure' type='video/mp4' href='http://www.blogger.com/video-play.mp4?contentId=71757d38833738bb&amp;type=video%2Fmp4' length='0'/><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/933583104829349850/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/interactive-interface-design-flying.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/933583104829349850'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/933583104829349850'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/interactive-interface-design-flying.html' title='Interactive Interface Design - The Flying Dutchman (Animated Loading Page)'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-3144202969756105080</id><published>2009-02-19T05:52:00.022+08:00</published><updated>2009-12-27T03:54:42.149+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Interface design'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Interactive Interface Design - The Flying Dutchman</title><content type='html'>This is my interactive interface design project from a legend called "The Flying Dutchman".&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_nI0dWWooo2A/SaEjU9KKknI/AAAAAAAAACo/EwH-BJ-WiAs/s1600-h/20%25.jpg"&gt;&lt;img style="center:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_nI0dWWooo2A/SaEjU9KKknI/AAAAAAAAACo/EwH-BJ-WiAs/s400/20%25.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305560678940709490" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Loading page - 20 %&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SaEjVGCCgjI/AAAAAAAAACw/zodmR1E1ASo/s1600-h/60%25.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SaEjVGCCgjI/AAAAAAAAACw/zodmR1E1ASo/s400/60%25.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305560681322545714" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Loading page - 60 %&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SaEjVDrXwqI/AAAAAAAAAC4/tvIt19QKaJs/s1600-h/95%25.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SaEjVDrXwqI/AAAAAAAAAC4/tvIt19QKaJs/s400/95%25.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305560680690598562" /&gt;&lt;/a&gt;&lt;br /&gt;Loading page - 95 %&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SaEjVRHp46I/AAAAAAAAADA/8OCk14H9g3E/s1600-h/MP1.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SaEjVRHp46I/AAAAAAAAADA/8OCk14H9g3E/s400/MP1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305560684298888098" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Main page, appear a guide to help you navigate (The Captain)&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SaEjVf9raeI/AAAAAAAAADI/hkX5L2_r79o/s1600-h/MP4.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SaEjVf9raeI/AAAAAAAAADI/hkX5L2_r79o/s400/MP4.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305560688283576802" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Sidescrolled-image (if you drag the navigation wheel, the background will be side scrolled.&lt;br /&gt;&lt;br /&gt;If you roll over to the menu, the image will directly go to the object that you point.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SaGAtXDhPVI/AAAAAAAAADY/qE7kcYmwzb8/s1600-h/The+Bargin%27+Barge.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SaGAtXDhPVI/AAAAAAAAADY/qE7kcYmwzb8/s400/The+Bargin%27+Barge.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305663352790400338" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;" The Bargin Barge "&lt;br /&gt;Is the name for the game in my Interface Design, This part is after the game finished, An &lt;span style="font-weight:bold;"&gt; option to choose to replay or continue.&lt;/span&gt; The movement of the game is controlled by dragging the steer only.&lt;br /&gt;So, the breadcrumbs are located at the right side, so that user can go back directly to previous stories. Sadly i can't put it on the right side or top side... as it don't have enough space to put.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SaJ72CkPy4I/AAAAAAAAADw/c9gnOnSMzas/s1600-h/Awakening+of+the+Cursed.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SaJ72CkPy4I/AAAAAAAAADw/c9gnOnSMzas/s400/Awakening+of+the+Cursed.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305939479327918978" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_nI0dWWooo2A/SaJ72ErzXEI/AAAAAAAAADo/5-qDjUYtpEg/s1600-h/Awakening+of+the+Cursed2.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_nI0dWWooo2A/SaJ72ErzXEI/AAAAAAAAADo/5-qDjUYtpEg/s400/Awakening+of+the+Cursed2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5305939479896480834" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;" The Awakening of The Cursed "&lt;br /&gt;This part is where the Captain met the ghost, after he swore to the storm.&lt;br /&gt;User are opt to chose the story line, to fire the ghost or beg for mercy.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_nI0dWWooo2A/SaLIyyqXaXI/AAAAAAAAAEQ/Z-lUaR9fvDE/s1600-h/Aftermath.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_nI0dWWooo2A/SaLIyyqXaXI/AAAAAAAAAEQ/Z-lUaR9fvDE/s400/Aftermath.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5306024085914347890" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_nI0dWWooo2A/SaLIyRUg-zI/AAAAAAAAAEI/qmCDaniseak/s1600-h/Aftermath2.jpg"&gt;&lt;img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_nI0dWWooo2A/SaLIyRUg-zI/AAAAAAAAAEI/qmCDaniseak/s400/Aftermath2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5306024076964330290" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;" Aftermath "&lt;br /&gt;Ending part, at the end, you are noted a moral lesson from the story. There is also a link below the story, so that you can go back directly to the main page, it is more "friendly" rather than to go to the menu bar at the left side.&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow: auto; width: 350px; height: 300px;"&gt;&lt;br /&gt;&lt;iframe src="http://spreadsheets.google.com/embeddedform?key=pPG84ejHT9nBbcEoPBkUyVg" width="350" height="1492" frameborder="0" marginheight="0" marginwidth="0"&gt;Loading...&lt;/iframe&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-3144202969756105080?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/3144202969756105080/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/interactive-interface-design.html#comment-form' title='8 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3144202969756105080'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3144202969756105080'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/interactive-interface-design.html' title='Interactive Interface Design - The Flying Dutchman'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nI0dWWooo2A/SaEjU9KKknI/AAAAAAAAACo/EwH-BJ-WiAs/s72-c/20%25.jpg' height='72' width='72'/><thr:total>8</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-7622245592026963066</id><published>2009-02-09T20:16:00.006+08:00</published><updated>2009-06-27T00:58:27.919+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='stopmotion video'/><title type='text'>Stop motion - Carousel</title><content type='html'>&lt;span style="color: rgb(255, 255, 255);"&gt;Visual communication group work project, on making a stopmotion video. Our video is based on &lt;/span&gt;&lt;a style="color: rgb(255, 204, 102);" href="http://moonpaths.blogspot.com/"&gt;Yuan's&lt;/a&gt;&lt;span style="color: rgb(255, 255, 255);"&gt; story about carousel.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;Our group members:&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;-Me&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;-&lt;/span&gt;&lt;a style="color: rgb(255, 204, 0);" href="http://dragontail1166.blogspot.com/"&gt;Steve&lt;/a&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;-&lt;/span&gt;&lt;a style="color: rgb(255, 204, 0);" href="http://moonpaths.blogspot.com/"&gt;Yuan&lt;/a&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;-&lt;/span&gt;&lt;a style="color: rgb(255, 204, 0);" href="http://jenanemo.blogspot.com/"&gt;Nemo&lt;/a&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;-&lt;/span&gt;&lt;a style="color: rgb(255, 204, 0);" href="http://geneyck.blogspot.com/"&gt;Gene&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object style="color: rgb(255, 255, 255);" height="405" width="500"&gt;&lt;param name="movie" value="http://www.youtube.com/v/RJ0MLR_pq9I&amp;amp;hl=en&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/RJ0MLR_pq9I&amp;amp;hl=en&amp;amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="344" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;Please &lt;/span&gt;&lt;a style="color: rgb(255, 204, 0);" href="http://www.youtube.com/watch?v=RJ0MLR_pq9I"&gt;Comment here&lt;/a&gt;&lt;span style="color: rgb(255, 255, 255);"&gt; for our video. Thanks :D&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-7622245592026963066?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/7622245592026963066/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/stop-motion-carousel.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7622245592026963066'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7622245592026963066'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/stop-motion-carousel.html' title='Stop motion - Carousel'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-6694325694892571912</id><published>2009-02-03T19:02:00.013+08:00</published><updated>2009-12-27T03:53:28.970+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='color pallette'/><title type='text'>Color pallettes :-D</title><content type='html'>&lt;div style="overflow: auto; width: 400px; height: 700px;"&gt;&lt;br /&gt;&lt;a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img3.imageshack.us/img3/4993/pallete1un5.jpg'&gt;&lt;img src='http://img3.imageshack.us/img3/4993/pallete1un5.jpg' border='0'/&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img84.imageshack.us/img84/9800/palette2ig2.jpg'&gt;&lt;img src='http://img84.imageshack.us/img84/9800/palette2ig2.jpg' border='0'/&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img84.imageshack.us/img84/6877/pallete3pg5.jpg'&gt;&lt;img src='http://img84.imageshack.us/img84/6877/pallete3pg5.jpg' border='0'/&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img27.imageshack.us/img27/7787/pallete4wm2.jpg'&gt;&lt;img src='http://img27.imageshack.us/img27/7787/pallete4wm2.jpg' border='0'/&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img84.imageshack.us/img84/1610/pallete5vv6.jpg'&gt;&lt;img src='http://img84.imageshack.us/img84/1610/pallete5vv6.jpg' border='0'/&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a target='_blank' title='ImageShack - Image And Video Hosting' href='http://img6.imageshack.us/img6/1426/pallete6po7.jpg'&gt;&lt;img src='http://img6.imageshack.us/img6/1426/pallete6po7.jpg' border='0'/&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Thumbs :&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img3.imageshack.us/my.php?image=pallete1un5.jpg" target="_blank"&gt;&lt;img src="http://img3.imageshack.us/img3/4993/pallete1un5.th.jpg" border="0" /&gt;&lt;/a&gt; &lt;a href="http://img84.imageshack.us/my.php?image=palette2ig2.jpg" target="_blank"&gt;&lt;img src="http://img84.imageshack.us/img84/9800/palette2ig2.th.jpg" border="0"/&gt;&lt;/a&gt; &lt;a href="http://img84.imageshack.us/my.php?image=pallete3pg5.jpg" target="_blank"&gt;&lt;img src="http://img84.imageshack.us/img84/6877/pallete3pg5.th.jpg" border="0"/&gt;&lt;/a&gt; &lt;a href="http://img27.imageshack.us/my.php?image=pallete4wm2.jpg" target="_blank"&gt;&lt;img src="http://img27.imageshack.us/img27/7787/pallete4wm2.th.jpg" border="0"/&gt;&lt;/a&gt; &lt;a href="http://img84.imageshack.us/my.php?image=pallete5vv6.jpg" target="_blank"&gt;&lt;img src="http://img84.imageshack.us/img84/1610/pallete5vv6.th.jpg" border="0"/&gt;&lt;/a&gt; &lt;a href="http://img6.imageshack.us/my.php?image=pallete6po7.jpg" target="_blank"&gt;&lt;img src="http://img6.imageshack.us/img6/1426/pallete6po7.th.jpg" border="0"/&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-6694325694892571912?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/6694325694892571912/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/color-pallettes-d.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6694325694892571912'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6694325694892571912'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/color-pallettes-d.html' title='Color pallettes :-D'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-7688044283936045437</id><published>2009-02-01T21:07:00.010+08:00</published><updated>2009-12-27T03:52:45.339+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='vector icons'/><category scheme='http://www.blogger.com/atom/ns#' term='wayang kulit'/><category scheme='http://www.blogger.com/atom/ns#' term='wallpaper'/><category scheme='http://www.blogger.com/atom/ns#' term='raster icons'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Final Icons and Wallpaper Outcome</title><content type='html'>&lt;div style="overflow: auto; width: 400px; height: 600px;"&gt;&lt;br /&gt;&lt;a target="_blank" title="ImageShack - Image And Video Hosting" href="http://img84.imageshack.us/my.php?image=compiledto9.jpg"&gt;&lt;img src="http://img84.imageshack.us/img84/4624/compiledto9.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a target="_blank" href="http://img84.imageshack.us/my.php?image=compiledto9.jpg"&gt;&lt;img src="http://img84.imageshack.us/img84/4624/compiledto9.th.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;So, this is my final outcome after some refinements.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;VECTOR ICONS:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;After few refinements, i felt that the vector icons is lacking of something, so i decided to put back the wayang hand, because the it gives more "presenting" feeling. And also, the hand of wayang is the important part of the wayang kulit performance.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;WALLPAPERS:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;Changed the second wallpaper, more larger, and more focused, changed the glow color, and refine a bit on the outlines and &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;Survey :&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow: auto; width: 350px; height: 300px;"&gt;&lt;br /&gt;&lt;iframe src="http://spreadsheets.google.com/embeddedform?key=pPG84ejHT9nAQ2T_AnK3iKg" marginheight="0" marginwidth="0" frameborder="0" height="895" width="350"&gt;Loading...&lt;/iframe&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;Thx :D&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-7688044283936045437?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/7688044283936045437/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/final-icons-and-wallpaper-outcome.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7688044283936045437'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7688044283936045437'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/final-icons-and-wallpaper-outcome.html' title='Final Icons and Wallpaper Outcome'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-6346834985818064590</id><published>2009-02-01T02:31:00.006+08:00</published><updated>2009-12-27T03:51:18.644+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='wayang kulit'/><category scheme='http://www.blogger.com/atom/ns#' term='wallpaper'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Wallpaper Design</title><content type='html'>&lt;a target="_blank" title="ImageShack - Image And Video Hosting" href="http://img230.imageshack.us/my.php?image=bloguploadwallpaperkp2.jpg"&gt;&lt;img src="http://img230.imageshack.us/img230/5954/bloguploadwallpaperkp2.jpg" border="0" width="350" height="210"/&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;This is my wallpaper design for the Mobile Interface.&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;On the left hand side, represent that a wayang puppeteer, must feel the same soul with the wayang that he play.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;The right hand side, it invites people to see Indonesia, by using the shadow play of the wayang.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;Please fill the survey below and comment about it, thx!&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow: auto; width: 350px; height: 300px;"&gt;&lt;br /&gt;&lt;iframe src="http://spreadsheets.google.com/embeddedform?key=pPG84ejHT9nBQRKTBEbCKYg" marginheight="0" marginwidth="0" frameborder="0" height="1299" width="350"&gt;Loading...&lt;/iframe&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-6346834985818064590?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/6346834985818064590/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/wallpaper-design.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6346834985818064590'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/6346834985818064590'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/02/wallpaper-design.html' title='Wallpaper Design'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-4451159868601077392</id><published>2009-01-30T01:28:00.007+08:00</published><updated>2009-12-27T03:47:30.599+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='vector icons'/><category scheme='http://www.blogger.com/atom/ns#' term='wallpaper'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>GUI Test - Iphone</title><content type='html'>&lt;a target="_blank" title="ImageShack - Image And Video Hosting" href="http://img218.imageshack.us/my.php?image=test1uv0.jpg"&gt;&lt;img src="http://img218.imageshack.us/img218/8943/test1uv0.jpg" border="0" width="350" height="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;This is the Graphical User Interface Test of my vector icons with the wallpaper. The wallpaper doesn't look very nice though, coz &lt;/span&gt;&lt;a style="color: rgb(255, 255, 102);" href="http://en.wikipedia.org/wiki/Iphone"&gt;I-Phone&lt;/a&gt;&lt;span style="color: rgb(255, 255, 255);"&gt; screen size is 480×320 px,while the wallpaper requirement size is 180 xW 180.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;What do you think? is it recognizeable?&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-4451159868601077392?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/4451159868601077392/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/gui-test-iphone.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4451159868601077392'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/4451159868601077392'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/gui-test-iphone.html' title='GUI Test - Iphone'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-2321994297151243353</id><published>2009-01-29T17:29:00.007+08:00</published><updated>2009-12-27T03:46:34.713+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='vector icons'/><category scheme='http://www.blogger.com/atom/ns#' term='wayang kulit'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Vector Icons - Wayang Kulit (Part 2)</title><content type='html'>&lt;a target="_blank" title="ImageShack - Image And Video Hosting" href="http://img222.imageshack.us/my.php?image=bloguploadvector5oh0.jpg"&gt;&lt;img src="http://img222.imageshack.us/img222/2997/bloguploadvector5oh0.jpg" border="0" width="350" height="665" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;New vector icons, refined and simplified version of the 1st set. Pls comment whether it is better or not? &lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-2321994297151243353?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/2321994297151243353/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/vector-icons-wayang-kulit-part-2.html#comment-form' title='12 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2321994297151243353'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2321994297151243353'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/vector-icons-wayang-kulit-part-2.html' title='Vector Icons - Wayang Kulit (Part 2)'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>12</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-3510268580881446646</id><published>2009-01-28T23:00:00.007+08:00</published><updated>2009-12-27T03:44:26.540+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='wayang kulit'/><category scheme='http://www.blogger.com/atom/ns#' term='pixel icons'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Raster Icons - Wayang Kulit</title><content type='html'>&lt;a href="http://img217.imageshack.us/my.php?image=bloguploadcopysm7.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="665" src="http://img217.imageshack.us/img217/7941/bloguploadcopysm7.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: white;"&gt;This is my Raster Icons set of Wayang Kulit theme. All of the colors are using web colors.&lt;/span&gt;&lt;br /&gt;&lt;span style="color: white;"&gt;Tried to use brown as the background color, but the object is not visible. So i use teal color as the background as to make the object and the wayang kulit more stand out.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="height: 300px; overflow: auto; width: 350px;"&gt;&lt;br /&gt;&lt;iframe frameborder="0" height="1424" marginheight="0" marginwidth="0" src="http://spreadsheets.google.com/embeddedform?key=pPG84ejHT9nChIpVH42cEUg" width="350" height="375"&gt;&amp;amp;lt;p&amp;amp;gt;Loading...&amp;amp;lt;/p&amp;amp;gt;&lt;/iframe&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-3510268580881446646?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/3510268580881446646/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/raster-icons-wayang-kulit.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3510268580881446646'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/3510268580881446646'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/raster-icons-wayang-kulit.html' title='Raster Icons - Wayang Kulit'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-8235252709505363754</id><published>2009-01-26T16:07:00.015+08:00</published><updated>2009-12-27T03:45:05.567+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='vector icons'/><category scheme='http://www.blogger.com/atom/ns#' term='wayang kulit'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>Vector Icons - Wayang Kulit (Part 1)</title><content type='html'>&lt;a href="http://img218.imageshack.us/my.php?image=bloguploadvectorcopynp2.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="665" src="http://img218.imageshack.us/img218/937/bloguploadvectorcopynp2.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: white;"&gt;This is my Wayang Kulit - themed Vector Icons, I need some critiques and comments about it, If you have any suggestion, please share your opinion via the questionnaires below. Your participation is appreciated.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="height: 200px; overflow: auto; width: 350px;"&gt;&lt;br /&gt;&lt;iframe frameborder="0" height="1642" marginheight="0" marginwidth="0" src="http://spreadsheets.google.com/embeddedform?key=pPG84ejHT9nBhuDehMQ0OTA" width="350"&gt;&lt;/iframe&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://img216.imageshack.us/my.php?image=bloguploadvector2lf3.jpg" target="_blank" title="ImageShack - Image And Video Hosting"&gt;&lt;img border="0" height="665" src="http://img216.imageshack.us/img216/622/bloguploadvector2lf3.jpg" width="350" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: white;"&gt;The 1st icons set doesn't look very compact for mobile phones, so i decided to reduce the highlights and make the wayang more smaller compared to the represented objects.&lt;/span&gt;&lt;br /&gt;&lt;span style="color: white;"&gt;Changed the colors to make it more focused. It just change "a bit more visible" when the fit into mobile phone icons&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: white;"&gt;Please comment whether it is better than the previous one or not.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-8235252709505363754?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/8235252709505363754/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/vector-icons-wayang-kulit.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8235252709505363754'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/8235252709505363754'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/vector-icons-wayang-kulit.html' title='Vector Icons - Wayang Kulit (Part 1)'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-2991549229711807725</id><published>2009-01-13T02:01:00.006+08:00</published><updated>2009-06-27T00:54:08.807+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='workplace'/><title type='text'>myDesktop</title><content type='html'>&lt;span style="color: rgb(255, 255, 255);"&gt;So here is what my workplace looks like, it is edited though :P&lt;br /&gt;Just bored and decided to play around with my tablet,&lt;br /&gt;done roughly about 1.5 hrs... and it does look rough...&lt;br /&gt;Hope this will make my webpage more "live" :D&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onfocus="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://clairde-artheart.blogspot.com/"&gt;&lt;img style="cursor: pointer; width: 400px; height: 600px;" src="http://www.fileden.com/files/2007/1/20/667718/desktoplowq.jpg" alt="" id="BLOGGER_PHOTO_ID_5288237658180205746" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-2991549229711807725?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/2991549229711807725/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/mydesktop.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2991549229711807725'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/2991549229711807725'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/mydesktop.html' title='myDesktop'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6569828136174010987.post-7162024090489733750</id><published>2009-01-07T18:00:00.001+08:00</published><updated>2009-06-27T00:53:47.997+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='10 things that represent about me'/><category scheme='http://www.blogger.com/atom/ns#' term='mm085-1'/><title type='text'>10 Things That Represents About Me</title><content type='html'>&lt;a onfocus="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://clairde-artheart.blogspot.com/"&gt;&lt;img style="cursor: pointer; width: 400px; height: 1200px;" src="http://www.fileden.com/files/2007/1/20/667718/TTTRAM.jpg" alt="" id="BLOGGER_PHOTO_ID_5288237658180205746" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;That describe me, You can know more about me from my msn :&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 255);"&gt;clairde_klaibournne@yahoo.com&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6569828136174010987-7162024090489733750?l=clairde-artheart.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://clairde-artheart.blogspot.com/feeds/7162024090489733750/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/10-things-that-represents-about-me.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7162024090489733750'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6569828136174010987/posts/default/7162024090489733750'/><link rel='alternate' type='text/html' href='http://clairde-artheart.blogspot.com/2009/01/10-things-that-represents-about-me.html' title='10 Things That Represents About Me'/><author><name>Clairde</name><uri>http://www.blogger.com/profile/02312247491209204781</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='29' height='32' src='http://2.bp.blogspot.com/_nI0dWWooo2A/S28H1PTsbrI/AAAAAAAAAY8/nE_gJWxVSXU/S220/side.jpg'/></author><thr:total>0</thr:total></entry></feed>
