<?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>Josh On Design &#187; images</title>
	<atom:link href="http://www.joshondesign.com/category/images/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.joshondesign.com</link>
	<description>Art, Design, and Usability for Software Engineers</description>
	<lastBuildDate>Wed, 25 Jan 2012 16:44:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>UI Design Assets and Tools</title>
		<link>http://www.joshondesign.com/2010/04/28/ui-design-assets-and-tools/</link>
		<comments>http://www.joshondesign.com/2010/04/28/ui-design-assets-and-tools/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 23:08:50 +0000</pubDate>
		<dc:creator>Josh Marinacci</dc:creator>
				<category><![CDATA[color]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[best]]></category>

		<guid isPermaLink="false">http://www.joshondesign.com/?p=224</guid>
		<description><![CDATA[20th century advertising has taught us to associate quality artwork and polish with quality products. Given two apps that do the same thing, a potential customer will pick the one that looks and feels better. This means every great app needs great art. Since most developers aren&#8217;t artists or designers by trade, I&#8217;ve assembled a [...]]]></description>
			<content:encoded><![CDATA[<p>20th century advertising has taught us to associate quality artwork and polish with quality products. Given two apps that do the same thing, a potential customer will pick the one that looks and feels better. This means every great app needs great art. Since most developers aren&#8217;t artists or designers by trade, I&#8217;ve assembled a list of resources that can help. Here are icons, fonts, sounds, color schemes, and other great art assets to help you make your app stand out from the crowd.</p>
<p><span id="more-224"></span></p>
<h2>Color Schemes</h2>
<p>Good use of color can really make your app stand out, but color can be tricky.  The best color schemes often come from other people or real world objects.  These sites have collections of color schemes created by people who work with color every day. They let you search by color, theme, and popularity.
</p>
<h3>COLOURlovers</h3>
<p>
<a href="http://www.colourlovers.com/" onclick="pageTracker._trackPageview('/outgoing/www.colourlovers.com/?referer=');">COLOURlovers</a> is a creative community where people from around the world create<br />
and share colors, palettes and patterns, discuss the latest trends and explore colorful<br />
articles&#8230; All in the spirit of love.  <em>(yes, they wrote that part)</em></p>
<p><img src="http://www.joshondesign.com/wp-content/uploads/2010/04/artassetsFirefoxScreenSnapz023.png" alt="FirefoxScreenSnapz023.png" border="0" width="409" height="193" /></p>
<h3>Kuler</h3>
<p><a href="http://kuler.adobe.com/#themes/rating?time=30" onclick="pageTracker._trackPageview('/outgoing/kuler.adobe.com/_themes/rating?time=30&amp;referer=');">Kuler at Adobe</a> is a Flash based color searching site.</p>
<p><img src="http://www.joshondesign.com/wp-content/uploads/2010/04/artassetsFirefoxScreenSnapz022.png" alt="FirefoxScreenSnapz022.png" border="0" width="395" height="193" />
</p>
<p>For more on the topic of color see my <a href="http://www.joshondesign.com/2009/10/25/color-101/">Color 101</a> article.</p>
<h2>Icons</h2>
<p>Every great app needs great icons. Not only for the app itself but also within the application for buttons and indicators.</p>
<p>The great <a href="http://fxexperience.com/" onclick="pageTracker._trackPageview('/outgoing/fxexperience.com/?referer=');">FXExperience</a> blog has several free PNG icon collections that are generic and useful for lots of things. Most are small so they work well on mobile devices. <a href="http://fxexperience.com/2009/07/free-icons-for-your-javafx-applications/" onclick="pageTracker._trackPageview('/outgoing/fxexperience.com/2009/07/free-icons-for-your-javafx-applications/?referer=');">Free icons for your JavaFX applications</a> @ FX Experience</p>
<p><img src="http://www.monofactor.com/files/mf_icons1.jpg"/></p>
<p>
The <a href="http://commons.wikimedia.org/wiki/Crystal_Clear" onclick="pageTracker._trackPageview('/outgoing/commons.wikimedia.org/wiki/Crystal_Clear?referer=');">Crystal Clear icon set</a> by Everaldo is licensed under LGPL and includes icons for apps, actions, devices and mimetypes.
</p>
<p><img src="http://upload.wikimedia.org/wikipedia/commons/0/03/Crystal_Clear_action_bookmark.png"/>
</p>
<p>
The <a href="http://en.wikipedia.org/wiki/Nuvola" onclick="pageTracker._trackPageview('/outgoing/en.wikipedia.org/wiki/Nuvola?referer=');">Nuvola icon set</a> contains 600 icons with a cute cartoon feel to them.
</p>
<p><img src="http://upload.wikimedia.org/wikipedia/commons/c/c6/Nuvola_apps_package_toys.png" float="right"/>
</p>
<p>
  <a href="http://art.gnome.org/themes/icon" onclick="pageTracker._trackPageview('/outgoing/art.gnome.org/themes/icon?referer=');">Icon sets for Gnome</a>, under various licenses
</p>
<p><a href="http://tango.freedesktop.org/Tango_Icon_Library" onclick="pageTracker._trackPageview('/outgoing/tango.freedesktop.org/Tango_Icon_Library?referer=');">Tango Icon Library</a>: another very complete set of desktop icons.</p>
<p><img src="http://www.joshondesign.com/wp-content/uploads/2010/04/artassetsFirefoxScreenSnapz021.png" alt="FirefoxScreenSnapz021.png" border="0" width="395" height="193" /></p>
<h2>Sounds</h2>
<h3>FreeSound.org</h3>
<p>Free Sound has <a href="http://www.freesound.org/whatIsFreesound.php" onclick="pageTracker._trackPageview('/outgoing/www.freesound.org/whatIsFreesound.php?referer=');">a huge collection</a> of user contributed effects, clips, and just plain weird sounds. Great for building sampled music and effects in your games</p>
<p><img src="http://www.joshondesign.com/wp-content/uploads/2010/04/artassetsFirefoxScreenSnapz025.png" alt="FirefoxScreenSnapz025.png" border="0" width="459" height="152" /></p>
<h3>Jamendo</h3>
<p><a href="http://www.jamendo.com/en/" onclick="pageTracker._trackPageview('/outgoing/www.jamendo.com/en/?referer=');">Jamendo</a> is a music site containing only Creative Commons licensed works. The perfect place to find your next soundtrack.</p>
<p>
<img src="http://www.joshondesign.com/wp-content/uploads/2010/04/artassetsPreviewScreenSnapz001.png" alt="PreviewScreenSnapz001.png" border="0" width="520" height="258" />
</p>
<h3>Imagery &#038; Textures</h3>
<h2>Lost Garden</h2>
<p><a href="http://www.lostgarden.com/index.html" onclick="pageTracker._trackPageview('/outgoing/www.lostgarden.com/index.html?referer=');">Lost Garden</a> focuses on video game design.  The author, Danc, has literally decades of experience in the field. You can easily lose hours reading through amazing essays on the site.  Today, however, we are here for the free game graphics. Spanning both vector and bitmap, retro and modern styles, Lost Garden <a href="http://lostgarden.com/labels/free%20game%20graphics.html" onclick="pageTracker._trackPageview('/outgoing/lostgarden.com/labels/free_20game_20graphics.html?referer=');">has game graphics for many uses</a></p>
<p><img src="http://lostgarden.com/uploaded_images/SmallWorld-Sample-740097.jpg"/></p>
<h3>Open Graphic Design and Think Design blog</h3>
<p><a href="http://www.opengraphicdesign.com/" onclick="pageTracker._trackPageview('/outgoing/www.opengraphicdesign.com/?referer=');">OpenGraphicDesign.com</a> has tons of cool shapes and vector artwork. They are great as starting points in Illustrator</p>
<p><img src="http://opengraphicdesign.com/wp-content/uploads/2009/09/fun-dingbats-thumb.jpg"/></p>
<p><a href="http://thinkdesignblog.com/category/freebies" onclick="pageTracker._trackPageview('/outgoing/thinkdesignblog.com/category/freebies?referer=');">ThinkDesignBlog.com</a> has free textures and vector shapes. Good for backgrounds and skinning. Plus tons of inspiration articles.
</p>
<p><img src="http://thinkdesignblog.com/wp-content/themes/ThinkDesign/thumb.php?src=http://thinkdesignblog.com/wp-content/uploads/image/THUMBNAIL%281%29.jpg&#038;h=180&#038;w=500&#038;zc=1&#038;q=95"/></p>
<h3>Photos</h3>
<p>For photos your best source is images licensed under Creative Commons at Flickr. Conveniently <a href="http://www.flickr.com/creativecommons/" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/creativecommons/?referer=');">they have a search option</a> for just such photos.</p>
<p><img src="http://farm4.static.flickr.com/3358/3450359626_520329f105_m.jpg"/></p>
<h2>Inspiration</h2>
<p><a href="http://wellplacedpixels.com/" onclick="pageTracker._trackPageview('/outgoing/wellplacedpixels.com/?referer=');">Well Placed Pixels</a> is a blog containing only one thing: screenshots of beautiful software.
</p>
<p><img src="http://24.media.tumblr.com/tumblr_l1illmwHTD1qazfelo1_400.jpg"/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.joshondesign.com/2010/04/28/ui-design-assets-and-tools/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

