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

<channel>
	<title>nStation &#187; design</title>
	<atom:link href="http://n.talagala.org/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://n.talagala.org</link>
	<description>discovery · awareness · wonder</description>
	<lastBuildDate>Tue, 21 Apr 2009 02:43:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>7 Useful Paint.NET Plug-ins for Web and UX Designers</title>
		<link>http://n.talagala.org/articles/7-useful-paint-dot-net-plug-ins-for-web-and-ux-designers/</link>
		<comments>http://n.talagala.org/articles/7-useful-paint-dot-net-plug-ins-for-web-and-ux-designers/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 04:13:26 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[plug-in]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=379</guid>
		<description><![CDATA[Paint.NET (paint-dot-net, or PDN) is probably the best freeware out there for quick and easy pixel manipulation for Windows. Although it doesn’t boast Photoshop or GIMP like features, simplicity and super-fast startup time makes it a modest substitute for a fully blown graphic application. The PDN plug-in repository makes it even more interesting with a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-medium wp-image-387 alignleft" src="http://www.getpaint.net/images/Logo3.png" alt="Paint.NET Logo" width="237" height="58" /><a href="http://www.paint.net">Paint.NET</a> (paint-dot-net, or PDN) is probably the best freeware out there for quick and easy pixel manipulation for Windows. Although it doesn’t boast <a title="Adobe Photoshop on Wikipedia" href="http://en.wikipedia.org/wiki/Adobe_Photoshop" target="_blank">Photoshop</a> or <a title="The GIMP (GNU Image Manipulation Program) on Wikipedia" href="http://en.wikipedia.org/wiki/GIMP"><abbr title="GNU Image Manipulation Program">GIMP</abbr></a> like features, simplicity and super-fast startup time makes it a modest substitute for a fully blown graphic application. The <a href="http://www.getpaint.net/redirect/plugins.html">PDN plug-in repository</a> makes it even more interesting with a whole array of great plug-ins. This post is about ten interesting plug-ins I stumble upon while exploring the plug-in repository (Forum) that may be potentially useful web designers and UX designers alike.<span id="more-379"></span></p>
<p><strong>Note:</strong><br />
I use Paint.NET 3.36 on a Microsoft Windows XP Professional 64-bit workstation with 2GB of DDR2 RAM and ATI FireGL V3300 Dual-head display adapter. Installing a plug-in is a snap. Just copy the plug-in DLL to the relevant directory. For example, if the installation path of PDN is C:\Program Files\Paint.NET, then effects plug-ins should be copied to the <strong>Effects</strong> folder and file type plug-ins should be copied to the <strong>FileTypes</strong> folder.</p>
<h2>1. Buttons</h2>
<p><a href="http://paintdotnet.forumer.com/viewtopic.php?f=16&amp;t=28865">Forum</a> | <a href="http://madjikf59.deviantart.com">Author</a> | <a href="http://paintdotnet.forumer.com/download/file.php?id=3916">Download</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2009/02/pdn-buttons-plugin.png"><img class="size-medium wp-image-387 alignnone" title="Buttons plugin screenshot" src="http://n.talagala.org/wp-content/uploads/2009/02/pdn-buttons-plugin-280x300.png" alt="Buttons plugin screenshot" width="280" height="300" /></a></p>
<h2>2. Rounded Corners</h2>
<p><a href="http://paintdotnet.forumer.com/viewtopic.php?f=16&amp;t=27528">Forum</a> | Author: <a href="http://dan9298.blogspot.com/">dan9298</a> | <a href="http://paintdotnet.forumer.com/download/file.php?id=3525">Download</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2009/02/pdn-rounded-corners-plugin.png"><img class="alignnone size-medium wp-image-383" title="Rounded corners plugin screenshot" src="http://n.talagala.org/wp-content/uploads/2009/02/pdn-rounded-corners-plugin-300x240.png" alt="Rounded corners plugin screenshot" width="300" height="240" /></a></p>
<h2>3. Borders and Shapes</h2>
<p><a href="http://paintdotnet.forumer.com/viewtopic.php?f=16&amp;t=4828">Forum</a> | <a href="http://paintdotnet.forumer.com/memberlist.php?mode=viewprofile&amp;u=5183">Author</a> | <a href="http://www.box.net/shared/dginuo6t9r">Download</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2009/02/pdn-borders-and-shapes-plugin.png"><img class="size-medium wp-image-388 alignnone" title="Borders and shapes plugin screenshot" src="http://n.talagala.org/wp-content/uploads/2009/02/pdn-borders-and-shapes-plugin-300x240.png" alt="Borders and shapes plugin screenshot" width="300" height="240" /></a></p>
<h2>4. Checkerboard</h2>
<p><a href="http://paintdotnet.forumer.com/viewtopic.php?f=16&amp;t=28791">Forum</a> | <a href="http://sabrown100.deviantart.com">Author</a> | <a href="http://paintdotnet.forumer.com/download/file.php?id=3892">Download</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2009/02/pdn-checkerboard-plugin.png"><img class="alignnone size-medium wp-image-386" title="Checkerboard plugin screenshot" src="http://n.talagala.org/wp-content/uploads/2009/02/pdn-checkerboard-plugin-300x240.png" alt="Checkerboard plugin screenshot" width="300" height="240" /></a></p>
<h2>5. Multi-Color Gradient</h2>
<p><a href="http://paintdotnet.forumer.com/viewtopic.php?f=16&amp;t=23040">Forum</a> | <a href="http://www.fotoview.nl">Author</a> | <a href="http://www.fotoview.nl/MultiColorGradient.zip">Download</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2009/02/pdn-multi-color-gradient-plugin.png"><img class="alignnone size-medium wp-image-384" title="Multi-color gradient plugin screenshot" src="http://n.talagala.org/wp-content/uploads/2009/02/pdn-multi-color-gradient-plugin-300x279.png" alt="Multi-color gradient plugin screenshot" width="300" height="279" /></a></p>
<h2>6. Gradient Bars</h2>
<p><a href="http://paintdotnet.forumer.com/viewtopic.php?f=16&amp;t=5095">Forum</a> | Author: <a href="http://paintdotnet.forumer.com/memberlist.php?mode=viewprofile&amp;u=5183">Pyrochild</a> | <a href="http://www.box.net/shared/dginuo6t9r">Download</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2009/02/pdn-gradient-bars-plugin.png"><img class="alignnone size-medium wp-image-385" title="Gradient bars plugin screenshot" src="http://n.talagala.org/wp-content/uploads/2009/02/pdn-gradient-bars-plugin-300x280.png" alt="Gradient bars plugin screenshot" width="300" height="280" /></a></p>
<h2>7. Water Reflection</h2>
<p><a href="http://paintdotnet.forumer.com/viewtopic.php?f=16&amp;t=2911">Forum</a> | <a href="http://madjikf59.deviantart.com">Author</a> | <a href="http://paintdotnet.forumer.com/download/file.php?id=1945">Download</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2009/02/pdn-water-reflection-plugin.png"><img class="alignnone size-medium wp-image-382" title="Water reflection plugin screenshot" src="http://n.talagala.org/wp-content/uploads/2009/02/pdn-water-reflection-plugin-268x300.png" alt="Water reflection plugin screenshot" width="268" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/articles/7-useful-paint-dot-net-plug-ins-for-web-and-ux-designers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Paint Experience</title>
		<link>http://n.talagala.org/blog/the-paint-experience/</link>
		<comments>http://n.talagala.org/blog/the-paint-experience/#comments</comments>
		<pubDate>Wed, 06 Aug 2008 19:13:29 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[behaviour]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[opinion]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=255</guid>
		<description><![CDATA[I use Microsoft Paint occasionally. Its limited features and functionalities prevent Paint from competing with the industry acclaimed Adobe Photoshop. However this post is about an interesting observation I made on Microsoft Paint where Paint seems to be the preferred graphics editing programs amongst regular people. When I say regular people, I meant to classify [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-256" title="Paint Screenshot" src="http://n.talagala.org/wp-content/uploads/2008/08/ms_paint.png" alt="" width="176" height="147" />I use Microsoft Paint occasionally. Its limited features and functionalities prevent Paint from competing with the industry acclaimed Adobe Photoshop. However this post is about an interesting observation I made on Microsoft Paint where Paint seems to be the preferred graphics editing programs amongst regular people.</p>
<p>When I say regular people, I meant to classify those who do not belong to the school of designers and related disciplines. The five top reasons why Paint is the choice of graphics editing program amongst the common can be stated as follows.<span id="more-255"></span></p>
<ul>
<li>Paint has an extremely simple user interface and strictly follows the desktop metaphor. Because of this, there is no way a user can go wrong with Paint. There is one window, one canvas and one toolbar to deal with. There is the pallet area too; but most users aren’t afraid of it as they are with other parts of a window.</li>
<li>Paint starts fast: you don’t have to wait until the next epoch to use Paint. It has such a small footprint and will start before you are done doing a double-click. Another benefit of the small memory footprint is that you don’t need a fancy computer to run Paint on.</li>
<li>You can only use the most common file types with Paint. Here again, you do something, and save the file in your format of choice without being presented a handful of post-save options. The file is just saved and ready to be used in a few milliseconds.</li>
<li>You will never rip apart Paint by accident. Most modern software are designed with ‘total UI flexibility’ in mind so that there are 101 toolbars and menus to a density where people are scared to move the mouse pointer across the screen with the fear of moving one part of the UI and sticking it in another area rendering a total mess in the GUI. Paint doesn’t have this prevailing silliness and hence you are a happy user.</li>
<li>You can buy a new computer and Paint will be there; you can go to a friend’s PC and still Paint will be there. Paint is ubiquitous; it’s installed by default on every computer since Windows 95. It’s totally available to you during the lifetime of your computer and will never expire asking you for a new serial number.</li>
</ul>
<p>It seems like the main reason for regular people to like Paint is its simplicity. A normal user doesn’t fancy sophistication in software. They want their job done, in the easiest way and in the shortest timeframe.</p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/blog/the-paint-experience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sesatha Invitation Card Design</title>
		<link>http://n.talagala.org/showcase/sesatha-invitation-card-design/</link>
		<comments>http://n.talagala.org/showcase/sesatha-invitation-card-design/#comments</comments>
		<pubDate>Sun, 03 Aug 2008 07:35:48 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Showcase]]></category>
		<category><![CDATA[card]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Sri Lanka]]></category>
		<category><![CDATA[traditional]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=234</guid>
		<description><![CDATA[An invitation card design based on the traditional Sri Lankan Sesatha; made entirely on Illustrator and later rasterized for production. This was done for my good friend Hasitha for his wedding and homecoming; two invitation cards based on the same design. Since the norm amongst Sri Lankans to have two cards for the two events [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://n.talagala.org/portfolio/sesatha-invitation-card-design/"><img class="alignleft size-full wp-image-237" title="Sesatha Design Preview" src="http://n.talagala.org/wp-content/uploads/2008/08/hasitha_wedding_hcoming_card_preview.png" alt="" width="150" height="150" /></a>An invitation card design based on the traditional Sri Lankan <a href="http://www.dailymirror.lk/2002/10/30/feat.html">Sesatha</a>; made entirely on Illustrator and later <a href="http://en.wikipedia.org/wiki/Rasterisation">rasterized</a> for production. This was done for my good friend Hasitha for his wedding and homecoming; two invitation cards based on the same design. Since the norm amongst Sri Lankans to have two cards for the two events with similar designs and Hasitha followed a very traditional theme for his wedding; he had the Sesatha card design in his mind from the very beginning. It also integrated well with the other elements.<span id="more-234"></span></p>
<p>It took me about three months to complete the design. This is entirely done in Illustrator and has no raster elements to bleed. The base for the card was done in wood and painted to glue to the two sides of the card. The card flip opened to show the invitation text inside the fold.</p>
<h2>Hi Resolution Images</h2>
<table border="0">
<tbody>
<tr>
<td><a href="http://n.talagala.org/wp-content/uploads/2008/08/hasitha_wedding_hcoming_2007.jpg"><img class="alignleft size-thumbnail wp-image-236" title="Sesatha Card Folded (Outside)" src="http://n.talagala.org/wp-content/uploads/2008/08/hasitha_wedding_hcoming_2007-150x150.jpg" alt="" width="150" height="150" /></a></td>
<td><a href="http://n.talagala.org/wp-content/uploads/2008/08/hasitha_wedding_back_2007.jpg"><img class="size-thumbnail wp-image-235 alignnone" title="Sesatha Card Opened (Inside)" src="http://n.talagala.org/wp-content/uploads/2008/08/hasitha_wedding_back_2007-150x150.jpg" alt="" width="150" height="150" /></a></td>
</tr>
</tbody>
</table>
<h2>Inspiration</h2>
<p>I looked at many Sesatha designs before attempting to do one on my own. Most real designs were not eye-catching and the elements that made the Sesatha looked oddly put together. Then the design on the 2000 rupee note caught my attention and this was heavily inspired by that.</p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/showcase/sesatha-invitation-card-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mississippi Blues 2005 Poster</title>
		<link>http://n.talagala.org/showcase/mississippi-blues-2005-poster/</link>
		<comments>http://n.talagala.org/showcase/mississippi-blues-2005-poster/#comments</comments>
		<pubDate>Sun, 03 Aug 2008 06:52:36 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Showcase]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[poster]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=230</guid>
		<description><![CDATA[This poster was also done for the U.S. Embassy Sri Lanka Colombo. The requirements were to create a poster that characterizes the artist, rhythm and blues and the atmosphere. The standard 17&#215;22’ sized poster was done in two variants for the two venues: Colombo and Male. The poster here shown is the one that was [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://n.talagala.org/portfolio/mississippi-blues-2005-poster/"><img class="alignleft size-full wp-image-232" title="Mississippi Blues Preview" src="http://n.talagala.org/wp-content/uploads/2008/08/aw-male-2005_preview.png" alt="" width="150" height="150" /></a>This poster was also done for the U.S. Embassy Sri Lanka Colombo. The requirements were to create a poster that characterizes the artist, rhythm and blues and the atmosphere.  The standard 17&#215;22’ sized poster was done in two variants for the two venues: Colombo and Male. The poster here shown is the one that was done for Male. Please note that this work in copyrighted.<span id="more-230"></span></p>
<h2>Hi Resolution Images</h2>
<p><a href="http://n.talagala.org/wp-content/uploads/2008/08/aw-male-2005_22x17.jpg"><img class="alignnone size-thumbnail wp-image-231" title="Missisippi Blues Poster" src="http://n.talagala.org/wp-content/uploads/2008/08/aw-male-2005_22x17-150x150.jpg" alt="" width="150" height="150" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/showcase/mississippi-blues-2005-poster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Redesign</title>
		<link>http://n.talagala.org/blog/the-redesign/</link>
		<comments>http://n.talagala.org/blog/the-redesign/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 07:48:03 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=140</guid>
		<description><![CDATA[nStation has a new theme from today onwards (July 16, 2008). This theme is a fresh design I came up with a couple of days back. It took me about a week to complete the design and another week to develop it to a WordPress Theme. Note: This was done on off hours. Therefore a [...]]]></description>
			<content:encoded><![CDATA[<p>nStation has a new theme from today onwards (July 16, 2008). This theme is a fresh design I came up with a couple of days back. It took me about a week to complete the design and another week to develop it to a WordPress Theme. <span id="more-140"></span></p>
<p>Note: This was done on off hours. Therefore a week’s work is about ten to fifteen hours.</p>
<p><img class="alignleft size-full wp-image-145" title="Temptation Theme Snapshot" src="http://n.talagala.org/wp-content/uploads/2008/07/temptation_snapshot.jpg" alt="" width="357" height="300" />This theme is more modern looking than the previous two. There is adequate white space surrounding objects and consistency has been preserved across pages. I have also made every attempt to make it look good on all browsers. Different sections of the theme (header, main menu, content area, etc.) have different appeals to it so that they do not conflict with each other in appearance.</p>
<p>The most notable element on this design is the large desktop area on the top of the page. On my previous two themes I used an area similar to this to designate specialty. For example, for Halloween, I had <a title="Trick-or-treat on nStation" href="http://n.talagala.org/blog/trick-or-treat/">jack-o-lanterns</a> on this space. But the header blended with the rest of the design too well to the point where it was not noticeable. There was also a lot of work involved as a change in the header was in fact a change in the entire design. Now on this design, the header has been made an integral part of the design while without making it a part of the content.</p>
<p>With the introduction of this theme, I’m going to release the previous theme to the WordPress community. It will take some time though as it needs some modifications and patching before making it more public aware.</p>
<p>Thank you for visiting nStation.</p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/blog/the-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Left Handed Icon Design in Google Android</title>
		<link>http://n.talagala.org/blog/the-left-handed-icon-design-in-google-android/</link>
		<comments>http://n.talagala.org/blog/the-left-handed-icon-design-in-google-android/#comments</comments>
		<pubDate>Mon, 16 Jun 2008 11:47:08 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=124</guid>
		<description><![CDATA[Google showcased their Android prototype and its UI to the public at the IO conference. I noticed an interesting design pattern on Android UI icons: they are left hand oriented. Usually in a right hand dominated society icons are designed in the same orientation. An exception to this is the Apple Mac OS where most [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://code.google.com/android/images/logo_android.gif' alt='Google Android Logo' align="left" border="1" style="margin-bottom:3em;" />Google showcased their Android prototype and its UI to the public at the IO conference. I noticed an interesting design pattern on Android UI icons: they are left hand oriented. Usually in a right hand dominated society icons are designed in the same orientation. An exception to this is the Apple Mac OS where most icons are neutral oriented. Left hand oriented icons are rare; especially when they are done by professional. So this is something new to the design community from Google.</p>
<p><span id="more-124"></span></p>
<p><strong>Ergonomics of the right-handed design</strong>: The practice of creating right hand oriented icons has come in to play from industrial design as almost all devices are right-hand oriented. If you haven’t noticed this before, the right-handed design is the same reason why your TV remote is well operated from your right hand compared to the left hand. The power button (or any other crucial controller) is conveniently placed where your thumb finger would rest when you are holding the remote. This is the same reason why controls are placed on the right-hand side of the elevator; and the list can go on and on.</p>
<p><img title="Android Screen" src="http://n.talagala.org/wp-content/uploads/2008/06/android-screen.jpg" border="1" alt="" width="300" height="300" align="left" />To illustrate this, I’ve shown the left hand orientation in the Google Android UI icons here. See how the Android design is completely opposite to the common design in certain cases.</p>
<p>Primary and secondary objects are used in these icons to suggest the left hand orientation. For example the <strong>Alarm Clock</strong>, <strong>Browser</strong>, <strong>Calculator</strong> and <strong>Calendar</strong> icons are oriented towards the left hand side. The <strong>Dialer</strong> and <strong>Messaging</strong> icons clearly show the left hand orientation as the handset and the pencil is held left-handedly.</p>
<p><small style="margin-top:2em;">Android screenshot courtesy <a title="Android Screenshots at AndroidCommunity.com" href="http://androidcommunity.com/first-live-images-of-fullscreen-android-demo-20080528/android-full-touchscreen-demos-66/" target="_blank">androidcommunity.com</a>.</small></p>
<p>Certainly the current Android prototype is too early to sustain till the final release. Probably the entire set of UI icons will be changed in the final release. Maybe this is done purposely to be different from the rest of the world. The guys at Google are famous for doing things differently. I’m not complaining here &#8212; just enjoying the fact that someone has made a design that suite my style as I’m a left-hander!</p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/blog/the-left-handed-icon-design-in-google-android/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>BilliTones 2005 Sri Lanka Tour Posters</title>
		<link>http://n.talagala.org/showcase/billitones-2005-sri-lanka-tour-posters/</link>
		<comments>http://n.talagala.org/showcase/billitones-2005-sri-lanka-tour-posters/#comments</comments>
		<pubDate>Sun, 15 Jun 2008 17:40:38 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Showcase]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[poster]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=123</guid>
		<description><![CDATA[BilliTones 2005 Sri Lanka Tour Posters were done for the U.S. Embassy Sri Lanka, Colombo. Two versions of this poster designed: a standard 17&#215;22&#8242; version and a 36&#215;24&#8242; version. The portrait version was done mainly for noticeboards and other places where as the landscape version was done for places where more room is available for [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://n.talagala.org/portfolio/billitones-2005-sri-lanka-tour-posters/"><img class="alignleft size-full wp-image-216" title="Billitones 2005 Preview" src="http://n.talagala.org/wp-content/uploads/2008/08/billitones-2005_preview.png" alt="" width="150" height="150" /></a>BilliTones 2005 Sri Lanka Tour Posters were done for the <a title="U.S. Embassy Sri Lanka, Colombo - Home" href="http://srilanka.usembassy.gov/" target="_blank">U.S. Embassy Sri Lanka</a>, Colombo. Two versions of this poster designed: a standard 17&#215;22&#8242; version and a 36&#215;24&#8242; version. The portrait version was done mainly for noticeboards and other places where as the landscape version was done for places where more room is available for the display. See the links below for the two sizes in a larger scale. Please note that this work is copyrighted.</p>
<p><span id="more-123"></span></p>
<h3>Hi Resolution Images</h3>
<p><a href="http://n.talagala.org/wp-content/uploads/2008/06/billitones-2005_36x24.png">BilliTones 2005 Poster (36&#215;24&#8242;)</a><br />
<a href="http://n.talagala.org/wp-content/uploads/2008/06/billitones-2005_17x22.png">BilliTones 2005 Poster (17&#215;22&#8242;)</a></p>
<h3>More Details</h3>
<p>Project Name: BilliTones 2005 Sri Lanka Tour Posters<br />
Date Created: 2005<br />
Project Type: Freelance<br />
Duration: 2 weeks<br />
Software: Adobe Photoshop, Adobe Illustrator<br />
Delivery: Flattened Artwork</p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/showcase/billitones-2005-sri-lanka-tour-posters/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AMDCCI Website</title>
		<link>http://n.talagala.org/showcase/amdcci-website/</link>
		<comments>http://n.talagala.org/showcase/amdcci-website/#comments</comments>
		<pubDate>Sun, 15 Jun 2008 09:50:26 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Showcase]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[WWW]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=116</guid>
		<description><![CDATA[www.amdcci.org (offline) was a simple website project done for the Ampara District Chamber of Commerce and Industry. The website was designed by Ulead PhotoImpct and hosted only a few static web pages. The site played a major role in providing information related to the damages caused by the Tsunami to the Ampara district. Since the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://n.talagala.org/portfolio/amdcci-websiteamdcci-website/"><img class="alignleft size-thumbnail wp-image-117" title="AMDCCI Preview" src="http://n.talagala.org/wp-content/uploads/2008/06/amdcci_preview-150x150.png" alt="" width="150" height="150" /></a> www.amdcci.org (offline) was a simple website project done for the <a title="Seach Google for Ampara District Chamber of Commerce and Industry" href="http://www.google.com/search?q=Ampara+District+Chamber+of+Commerce+and+Industry" target="_blank">Ampara District Chamber of Commerce and Industry</a>. The website was designed by Ulead PhotoImpct and hosted only a few static web pages. The site played a major role in providing information related to the damages caused by the Tsunami to the Ampara district. Since the site is currently offline, only screenshots are shown here from the local copy.</p>
<p>Note: the color theme of the website was chosen by the client.</p>
<p><span id="more-116"></span></p>
<h3>Screenshots</h3>
<table border="0">
<tbody>
<tr>
<td><a href="http://n.talagala.org/wp-content/uploads/2008/06/amdcci_home.png"><img class="alignnone size-thumbnail wp-image-119" title="AMDCCI Home Page" src="http://n.talagala.org/wp-content/uploads/2008/06/amdcci_home-150x150.png" alt="" width="150" height="150" /></a></td>
<td><a href="http://n.talagala.org/wp-content/uploads/2008/06/amdcci_about_district.png"><img class="alignnone size-thumbnail wp-image-118" title="AMDCCI About The District Page" src="http://n.talagala.org/wp-content/uploads/2008/06/amdcci_about_district-150x150.png" alt="" width="150" height="150" /></a></td>
</tr>
</tbody>
</table>
<h3>More Details</h3>
<p>Project Name: AMDCCI.org Website<br />
Date Created: 2003<br />
Project Type: Freelance<br />
Duration: 1 month<br />
Software: Ulead PhotoImpact, Adobe Dreamweaver (then Macromedia Dreamweaver)<br />
Delivery: HTML source files and related images</p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/showcase/amdcci-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>nStation MMP</title>
		<link>http://n.talagala.org/showcase/nstation-mmp/</link>
		<comments>http://n.talagala.org/showcase/nstation-mmp/#comments</comments>
		<pubDate>Fri, 02 May 2008 12:18:09 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Showcase]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[GUI]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=110</guid>
		<description><![CDATA[nStation Multimedia Player skin is my very first (serious) software GUI design. I made this as a &#8216;skin&#8217; for my own software MP3 player. This was designed during that period of time where the Sonique player impressed everyone with their skinning abilities. The software was written in Visual Basic 5 and then popular MP3Play OCX [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://n.talagala.org/portfolio/nstation-mmp/"><img class="size-thumbnail wp-image-184 alignleft" title="nStation GUI Preview" src="http://n.talagala.org/wp-content/uploads/2008/07/nstation-gui_preview-150x150.png" alt="" width="150" height="150" /></a>nStation Multimedia Player skin is my very first (serious) software GUI design. I made this as a &#8216;skin&#8217; for my own software MP3 player. This was designed during that period of time where the <a title="Article of Sonique media player on Wikipedia" href="http://en.wikipedia.org/wiki/Sonique_(media_player)" target="_blank">Sonique</a> player impressed everyone with their skinning abilities. The software was written in Visual Basic 5 and then popular MP3Play OCX was used to do the MP3 playing. I was a <a title="Ulead PhotoImpact web page" href="http://www.ulead.com/pi/" target="_blank">Ulead PhotoImpact</a> user back then and this skin is done entirely in Ulead mastery.</p>
<p><span id="more-110"></span></p>
<h3>Screenshot</h3>
<p>The following image is a screenshot of the main player and playlist.</p>
<p><img style="text-align:center;" title="nStation Multimedia Player GUI" src="http://n.talagala.org/wp-content/uploads/2008/05/nstation-gui.png" border="1" alt="nStation Multimedia Player GUI" /></p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/showcase/nstation-mmp/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mozilla&#8217;s New Firefox Add-ons Page</title>
		<link>http://n.talagala.org/blog/mozillas-new-firefox-add-ons-page/</link>
		<comments>http://n.talagala.org/blog/mozillas-new-firefox-add-ons-page/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 17:58:05 +0000</pubDate>
		<dc:creator>Nadee</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[WWW]]></category>

		<guid isPermaLink="false">http://n.talagala.org/?p=105</guid>
		<description><![CDATA[Apparently everyone is in a hurry to give their site a new look and Mozilla falls no short. Check out the new Firefox Add-ons site with the hip search bar and pretty inner pages. Although the previous website didn&#8217;t have any serious usability pitfalls in its design, the new look-and-feel is very compelling to use. [...]]]></description>
			<content:encoded><![CDATA[<div style="margin:8px;float:left;"><a title="Firefox Add-ons" href="https://addons.mozilla.org/en-US/firefox/" target="_blank"><img style="float: left;" title="Firefox Add-ons Site Preview" src="http://n.talagala.org/wp-content/uploads/2008/04/firefox_add-ons.png" alt="" width="226" height="342" align="left" /></a></div>
<p>Apparently everyone is in a hurry to give their site a new look and Mozilla falls no short. Check out the new <a title="Firefox Add-ons" href="https://addons.mozilla.org/en-US/firefox/" target="_blank">Firefox Add-ons site</a> with the hip search bar and pretty inner pages. Although the previous website didn&#8217;t have any serious usability pitfalls in its design, the new look-and-feel is very compelling to use. I love the fact that they&#8217;ve decided to show a couple of thumbnails on the main page and provide a clear rating and reviewing panel on the convenient right-hand side of the page. Furthermore that green color search box somehow invites me to explorer more. Another good example for effective use of color to uplift the usability of a design.</p>
<p>It is also worth mentioning the drop-down categories list on the left hand side of inner pages that is so well designed that it is not one of those &#8220;hover me and I&#8217;ll show you myself&#8221; kind-a-design. A note to all you AJAX loving, &#8220;I&#8217;d do whatever the dudes do&#8221; web designers, learn from the pioneer.</p>
]]></content:encoded>
			<wfw:commentRss>http://n.talagala.org/blog/mozillas-new-firefox-add-ons-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
