<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Cocoia Blog</title>
	
	<link>http://blog.cocoia.com</link>
	<description>The Cocoia Blog is the website of Sebastiaan de With, a Dutch Icon and Interface designer.</description>
	<lastBuildDate>Thu, 24 Jun 2010 08:32:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/cocoia" /><feedburner:info uri="cocoia" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>iPhone 4 icon PSD file</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/IkoXtvwBiF8/</link>
		<comments>http://blog.cocoia.com/2010/iphone-4-icon-psd-file/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 23:50:47 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Goodies]]></category>
		<category><![CDATA[Icon Design]]></category>
		<category><![CDATA[Personal Work]]></category>
		<category><![CDATA[goodie]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[icondesign]]></category>
		<category><![CDATA[IconResource]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[icontemplate]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[psd]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=2093</guid>
		<description><![CDATA[I&#8217;ve updated the iPhone / iPad icon PSD I released not too long ago with some fixes and a 114&#215;114 pixel icon template for designing icons for Apple&#8217;s hottest new device. Download it here. I cannot be held responsible for inaccuracies, flaws and errors in this this PSD I might have overlooked, but if you [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve updated the iPhone / iPad icon PSD I released not too long ago with some fixes and a 114&#215;114 pixel icon template for designing icons for Apple&#8217;s hottest new device. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/06/iPhone-4-icon-PSD.png" alt="" title="iPhone 4 icon PSD" width="508" height="378" class="alignnone size-full wp-image-2095" /></p>
<p>Download it here. I cannot be held responsible for inaccuracies, flaws and errors in this this PSD I might have overlooked, but if you notice anything please let me know in the comments.</p>
<div id="filedownload"><a href="http://www.cocoia.com/iPhone4iPadPSD.zip"><img src="http://cocoia.com/newblog/wordpress/wp-content/themes/themes/images/download.png" /></p>
<p>iPhone, iPhone 4 and iPad PSD icon template &#8211; 303 KB</p>
<p></a>
</div>
<p>Again, if you appreciate it, <a href="http://twitter.com/home?status=A free, pixel-accurate iPhone 4 icon PSD by @cocoia: http://coc.io/agFnKJ">tweet this</a> to help your fellow designers and developers make nicer icons for iPhone 4 (and beyond). </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/IkoXtvwBiF8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/iphone-4-icon-psd-file/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/iphone-4-icon-psd-file/</feedburner:origLink></item>
		<item>
		<title>Making droids look good</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/s6kHQysPUpw/</link>
		<comments>http://blog.cocoia.com/2010/doubletwist-android-media-player-app/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 19:06:06 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[Commercial Work]]></category>
		<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Software Releases]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[doubletwist]]></category>
		<category><![CDATA[dt]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[uidesign]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=2073</guid>
		<description><![CDATA[It&#8217;s always a huge leap for a designer to come up with designs for a platform you&#8217;re not familiar with. I remember feeling extremely uncomfortable at first when I designed my first iPhone icons and interfaces, and while the iPad was a logical extension of the iPhone UI, it still felt like a significant step [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s always a huge leap for a designer to come up with designs for a platform you&#8217;re not familiar with. I remember feeling extremely uncomfortable at first when I designed my first iPhone icons and interfaces, and while the iPad was a logical extension of the iPhone UI, it still felt like a significant step to take. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/06/Androids-and-doubleTwist.png" alt="Androids and doubleTwist" title="Androids and doubleTwist" width="525" height="315" class="alignnone size-full wp-image-2068" /></p>
<p>Imagine how I felt when I was sitting at my desk, <a href="http://en.wikipedia.org/wiki/Nexus_One">Nexus One</a> in one hand and pen in the other, after being asked to design <a href="http://www.doubletwist.com/dt/Home/Index.dt">doubleTwist&#8217;s</a> media player for Android. Android doesn&#8217;t have a very nice media player <a href="http://www.openintents.org/en/sites/default/files/mediaplaybackactivity1.png">in terms of design</a> (I&#8217;m carefully picking my words here – I don&#8217;t want to offend the undoubtedly hard working people at Google) and it was easy to just go the way <a href="http://apps.doubletwist.com/chompSMS/-4015924992459844333">some developers</a> go: make an iPhone app, shoehorn it into Android, and call it a day. </p>
<p></p>
<p></p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/06/Android-Player-Screenshots.png" alt="" title="Android Player Screenshots" width="525" height="390" class="alignnone size-full wp-image-2080" /></p>
<p></p>
<p>We wanted something that actually advanced the state of the art. I sure as hell wasn&#8217;t going to use an entirely new platform for months just to ape another. It was a mixed blessing to have so little limitations on what constituted a &#8216;native&#8217; user interface. </p>
<p>Android has its <a href="http://developer.android.com/guide/practices/ui_guidelines/index.html">guidelines</a>, but most apps (even the Google-sanctioned <a href="http://apps.doubletwist.com/Twitter/6983279697378683376">Twitter</a> app) have a very ‘custom’ appearance. We opted for a look that works well on the various devices and custom ‘shells’ (notably, HTC&#8217;s terrible “Sense” interface) and arrived at this muted, native-looking yet polished visual scheme, which also helps users navigate the app in direct sunlight, where OLED screens like the Nexus One&#8217;s tend to be <a href="http://www.blogcdn.com/www.engadget.com/media/2010/01/nexus-one-outdoors05.jpg">hard to read</a>. Subtle usage of textured surfaces in the application also help prevent color banding on the color-limited OLED screens. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/06/Android-Startup-Screen.png" alt="" title="Android Startup Screen" width="508" height="352" class="alignnone size-full wp-image-2082" /></p>
<p>I&#8217;m happy to have this in the hands of Android users. It&#8217;s sometimes depressing to read comments on tech websites of people exclaiming: “Why would you even care about how a media player looks or works? You play music and turn off the screen!”, but I am sure there&#8217;s a lot of people who will appreciate the thought and details that went into this app. And that makes it all worth it. </p>
<p>The player is available <a href="http://apps.doubletwist.com/doubleTwist-Player/-5600663843429577219">on the Android Marketplace</a> for free for a limited time. </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/s6kHQysPUpw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/doubletwist-android-media-player-app/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/doubletwist-android-media-player-app/</feedburner:origLink></item>
		<item>
		<title>Redesigning Steam for Mac</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/8Jji3cU4v0Q/</link>
		<comments>http://blog.cocoia.com/2010/redesigning-steam-for-mac/#comments</comments>
		<pubDate>Wed, 05 May 2010 21:43:53 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Personal Work]]></category>
		<category><![CDATA[Gaming]]></category>
		<category><![CDATA[gui]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[interfacedesign]]></category>
		<category><![CDATA[steam]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[uidesign]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=2057</guid>
		<description><![CDATA[Steam for Mac will be available for download in a week&#8217;s time. Steam, for the uninitiated, is the world&#8217;s largest gaming platform, serving in essence as an ‘iTunes for games’. Steam lets you buy, try, and play games, stay connected with other gamers and friends, and much more. I&#8217;ve enjoyed testing the beta release of [...]]]></description>
			<content:encoded><![CDATA[<p>Steam for Mac will be available for download in a week&#8217;s time. Steam, for the uninitiated, is the world&#8217;s largest gaming platform, serving in essence as an ‘iTunes for games’. Steam lets you buy, try, and play games, stay connected with other gamers and friends, and much more. I&#8217;ve enjoyed testing the beta release of it for the last few weeks.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/05/steam-ui-redesign.png" alt="" title="Steam UI Redesign" width="508" height="288" class="alignnone size-full wp-image-2058" /></p>
<p>However, the part I disliked about Steam on the Mac is the (understandably) less-than-native looking and feeling UI. While the entire application was <a href="http://store.steampowered.com/uiupdate">recently redesigned</a> (and <a href="http://store.steampowered.com/uiupdate">re-engineered</a> to utilize Webkit as its rendering engine), it still feels less than at home between the system apps. </p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/05/steam-ui-viewmodes.png" alt="" title="Steam UI Redesign" width="508" height="351" class="alignnone size-full wp-image-2059" /></p>
<p>As a fun exercise, I&#8217;ve redesigned Steam in a way that maintains consistency with its own UI conventions and values, while changing look and feel to make it more native to the Mac platform. </p>
<p>You can see a comparison between Steam for Mac&#8217;s UI and my redesign on flickr <a href="http://www.flickr.com/photos/cocoia/sets/72157624000256172/">here</a>.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/05/steam-ui-overview.png" alt="" title="Steam&#039;s UI" width="508" height="351" class="alignnone size-full wp-image-2060" /></p>
<p>I won&#8217;t tease you with only vapid mockups, though. While you&#8217;re here, grab my Steam replacement icon for OS X.</p>
<div id="filedownload"><a href="http://www.cocoia.com/SteamReplacementIcon.zip"><img src="http://cocoia.com/newblog/wordpress/wp-content/themes/themes/images/download.png" /></p>
<p>Steam replacement icon &#8211; 434 KB</p>
<p></a>
</div>
<p>Of course, if you have input on the mockups, sound off in the comments. Meanwhile, I am currently considering sending my thoughts to <a href="http://en.wikipedia.org/wiki/Gabe_Newell">Gabe</a> for further consideration. </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/8Jji3cU4v0Q" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/redesigning-steam-for-mac/feed/</wfw:commentRss>
		<slash:comments>83</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/redesigning-steam-for-mac/</feedburner:origLink></item>
		<item>
		<title>Free books for your iPad</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/pPsTDAAT71U/</link>
		<comments>http://blog.cocoia.com/2010/free-books-for-your-ipad/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 20:34:34 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[classics]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[freestuff]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[ibooks]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=2051</guid>
		<description><![CDATA[Few people know that the iPad is actually very open when it comes to books. While the only means to purchase books for it is the iBookstore on the iPad itself (so far), it&#8217;s possible to import ePub files into iTunes and sync them to your device. Here&#8217;s some tips to (legally) fill up your [...]]]></description>
			<content:encoded><![CDATA[<p>Few people know that the iPad is actually very open when it comes to books. While the only means to purchase  books for it is the iBookstore on the iPad itself (so far), it&#8217;s possible to import ePub files into iTunes and sync them to your device. Here&#8217;s some tips to (legally) fill up your iPad with books without spending hundreds of dollars.<br />
<img src="http://blog.cocoia.com/wp-content/uploads/2010/04/Free-iPad-Books.png" alt="" title="Free-iPad-Books" width="518" height="330" class="alignnone size-full wp-image-2052" /></p>
<p>You have several options for grabbing free books:</p>
<h3>1. Download them off the iBookstore</h3>
<p>The iBookstore has most of the <a href="http://www.gutenberg.org/wiki/Main_Page">Project Gutenberg</a> library on it. Not all of them are listed, but if you search for them you&#8217;ll find them, including translations. These books lack cover art, however: you can add this in iTunes just like you&#8217;d add cover art to music. Use Google Images coupled with <a href="http://www.tineye.com/">Tineye</a> to find high-resolution cover art (trust me, you want it to be nice and high-res).</p>
<h3>2. Get them off ePubBooks</h3>
<p><a href="http://www.epubbooks.com/">ePubBooks</a> is a website with a huge amount of free ePub-formatted books. A lot of them even have original illustrations and cover art included and are ready to drag into iTunes and synced onto your iPad. If you prefer different cover art, or want to change metadata, iTunes still lets you.</p>
<h3>3. Convert PDF&#8217;s, LIT&#8217;s and more to ePub</h3>
<p>While it wins no UI design prize, <a href="http://calibre-ebook.com/">Calibre</a> is a cross-platform app that outputs well-formatted ePub files from various input formats. If you have digital copies or PDF&#8217;s lying around, chances are you can convert them to a nice iBook. It handles chapter auto-generation, but sometimes you&#8217;ll have to tweak some settings to achieve the best results. </p>
<p>Lastly, since we did great cover art for Classics, I suggest you use some of those to decorate your free public domain books. You can find them on the Classics Facebook page <a href="http://www.facebook.com/pages/Classics/47737177377">here</a>. Louie Mantia also made a fantastic <a href="http://twitter.com/mantia/status/11795322826">Alice in Wonderland cover illustration</a>. </p>
<p>If you have more sources for free (i)books and tips, feel free to add them in the comments. </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/pPsTDAAT71U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/free-books-for-your-ipad/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/free-books-for-your-ipad/</feedburner:origLink></item>
		<item>
		<title>Mamba Giveaway Extended</title>
		<link>http://feedproxy.google.com/~r/cocoia/~3/tppfOJ_Wf6k/</link>
		<comments>http://blog.cocoia.com/2010/mamba-giveaway-extended/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 20:35:58 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
				<category><![CDATA[Giveaways]]></category>
		<category><![CDATA[giveaway]]></category>
		<category><![CDATA[mamba]]></category>
		<category><![CDATA[mice]]></category>
		<category><![CDATA[mouse]]></category>
		<category><![CDATA[razer]]></category>

		<guid isPermaLink="false">http://blog.cocoia.com/?p=2046</guid>
		<description><![CDATA[I got some questions about the giveaway, but I was traveling and unable to update you all on the status. I&#8217;ve been awarded three extra Razer Mamba mice to giveaway, so I&#8217;m extending the giveaway for 10 more days. See the original post for more information on the giveaway, and check back here in ten [...]]]></description>
			<content:encoded><![CDATA[<p>I got some questions about <a href="http://blog.cocoia.com/2010/razer-mamba-giveaway/">the giveaway</a>, but I was traveling and unable to update you all on the status.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2010/04/Mambor.png" alt="" title="Mambor" width="508" height="368" class="alignnone size-full wp-image-2047" /></p>
<p>I&#8217;ve been awarded three extra Razer Mamba mice to giveaway, so I&#8217;m extending the giveaway for 10 more days. See the <a href="http://blog.cocoia.com/2010/razer-mamba-giveaway/">original post</a> for more information on the giveaway, and check back here in ten days for the winners! </p>
<img src="http://feeds.feedburner.com/~r/cocoia/~4/tppfOJ_Wf6k" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2010/mamba-giveaway-extended/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://blog.cocoia.com/2010/mamba-giveaway-extended/</feedburner:origLink></item>
	</channel>
</rss>
