<?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/"
	xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
	xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>proppe.org &#187; Design</title>
	<atom:link href="http://www.proppe.org/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.proppe.org/blog</link>
	<description></description>
	<lastBuildDate>Mon, 21 Sep 2009 03:01:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<!-- podcast_generator="podPress/8.8" - maintenance_release="8.8.4" -->
		<copyright>Copyright &#xA9; 2010 proppe.org </copyright>
		<managingEditor>gunnar@proppe.org ()</managingEditor>
		<webMaster>gunnar@proppe.org ()</webMaster>
		<category>posts</category>
		<ttl>1440</ttl>
		<itunes:keywords></itunes:keywords>
		<itunes:subtitle></itunes:subtitle>
		<itunes:summary></itunes:summary>
		<itunes:author></itunes:author>
		<itunes:category text="Society &amp; Culture"/>
		<itunes:owner>
			<itunes:name></itunes:name>
			<itunes:email>gunnar@proppe.org</itunes:email>
		</itunes:owner>
		<itunes:block>No</itunes:block>
		<itunes:explicit>no</itunes:explicit>
		<itunes:image href="http://69.89.31.117/~proppeor/testblog/wp-content/plugins/podpress/images/powered_by_podpress_large.jpg" />
		<image>
			<url>http://69.89.31.117/~proppeor/testblog/wp-content/plugins/podpress/images/powered_by_podpress.jpg</url>
			<title>proppe.org</title>
			<link>http://www.proppe.org/blog</link>
			<width>144</width>
			<height>144</height>
		</image>
		<item>
		<title>Finally updated the photo gallery theme</title>
		<link>http://www.proppe.org/blog/2007/12/08/finally-updated-the-photo-gallery-theme/</link>
		<comments>http://www.proppe.org/blog/2007/12/08/finally-updated-the-photo-gallery-theme/#comments</comments>
		<pubDate>Sun, 09 Dec 2007 02:11:29 +0000</pubDate>
		<dc:creator>gunnar</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[coppermine]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[gallery]]></category>

		<guid isPermaLink="false">http://www.proppe.org/blog/2007/12/08/finally-updated-the-photo-gallery-theme/</guid>
		<description><![CDATA[After years of my photo gallery on this site having a completely different look, I&#8217;ve finally integrated it with the theme of this blog (oh-so-cleverly named Nightcappuccino). Thanks to some hard work by Billy Bullock, who ported the k2 theme to Coppermine, it just took a few tweaks to get it to look right. I [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align:center; float: left"><div><a style="background: transparent;" class="cpg-link" href="http://www.proppe.org/photos/displayimage.php?pos=-77"><img src="http://www.proppe.org/photos/albums/wpw-20071208/thumb_DSC04622.jpg" alt="NYC Sunset" title="NYC Sunset"  class="cpg-image-thumb"/></a></div></div><p>After years of my <a href="/photos">photo</a> gallery on this site having a completely different look, I&#8217;ve finally integrated it with the theme of this blog (oh-so-cleverly named Nightcappuccino). Thanks to some hard work by <a href="http://www.bullseyephotos.com/blog/">Billy Bullock</a>, who ported the <a href="http://getk2.com">k2</a> theme to <a href="http://coppermine-gallery.net/">Coppermine</a>, it <q>just</q> took a few tweaks to get it to look right. I put <q>just</q> in quotes because it took me most of the afternoon to get it to look right, but that&#8217;s no fault of Billy&#8217;s. This is just very tweaky work. And sometimes I wonder if I should stop fighting with the trend and move over to <a href="http://www.flickr.com">flickr</a>. But for now I like having more control over how my photos are presented.</p>
<p>I&#8217;m still trying figure out what to do with the main <a href="/">proppe.org</a> page. I have half a mind to just redirect it to this blog page. Or do I just have half a mind?</p>
<p>Now I just need to start shooting again and add some more photos.</p>
<p>Update: Now there&#8217;s an <a href="http://www.proppe.org/photos/rss.php">RSS feed</a> of the last 10 image uploads.</p>
<div class="clearer">&nbsp;</div>]]></content:encoded>
			<wfw:commentRss>http://www.proppe.org/blog/2007/12/08/finally-updated-the-photo-gallery-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>scribbles &#8211; simple drawing for Mac, by atebits</title>
		<link>http://www.proppe.org/blog/2007/12/04/scribbles-simple-drawing-for-mac-by-atebits/</link>
		<comments>http://www.proppe.org/blog/2007/12/04/scribbles-simple-drawing-for-mac-by-atebits/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 22:43:42 +0000</pubDate>
		<dc:creator>gunnar</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[delicious generation]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[indie mac]]></category>

		<guid isPermaLink="false">http://www.proppe.org/blog/2007/12/04/scribbles-simple-drawing-for-mac-by-atebits/</guid>
		<description><![CDATA[scribbles  &#8211; simple drawing for Mac
This is the way of Indie Mac development. Create a tool that either does something (one thing) new or does something old in a new, easier way. Make it beautiful and fun to use. Take advantage of the APIs Apple provides, like Core Animation. Make a slick web site [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.atebits.com/scribbles.html">scribbles  &#8211; simple drawing for Mac</p>
<p><img src='http://www.proppe.org/blog/wp-content/uploads/2007/12/scribbles.png' alt='Scribbles from atebits.com' align="left" /></a>This is the way of Indie Mac development. Create a tool that either does something (one thing) new or does something old in a new, easier way. Make it beautiful and fun to use. Take advantage of the APIs Apple provides, like Core Animation. Make a slick web site with a forum, blog, and user-contributed content, put a screen cast showing how cool the app is, provide a demo and charge a reasonable price for the full version. Finally, create a silly, punny company name. Like <a href="http://www.atebits.com/">atebits</a>. Heh.</p>
<p>via <a href="http://www.tuaw.com/2007/12/04/scribbles-simple-drawing/">tuaw</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.proppe.org/blog/2007/12/04/scribbles-simple-drawing-for-mac-by-atebits/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Current Trends in Web Design</title>
		<link>http://www.proppe.org/blog/2006/11/01/current-trends-in-web-design/</link>
		<comments>http://www.proppe.org/blog/2006/11/01/current-trends-in-web-design/#comments</comments>
		<pubDate>Thu, 02 Nov 2006 06:27:20 +0000</pubDate>
		<dc:creator>gunnar</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.proppe.org/blog/2006/11/01/current-trends-in-web-design/</guid>
		<description><![CDATA[When I resurrected proppe.org a few months ago I decided to focus on the content of the site and not worry too much about the visual style (although I still chuckle at the bored man watching the clock on the front page that leads to this blog). Having been out of the web design loop [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.rawberry.net"><img id="image83" class="alignleft" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/rawberrynet-tendrils-rays.png" alt="Tendrils - Rawberry" /></a>When I resurrected proppe.org a few months ago I decided to focus on the content of the site and not worry too much about the visual style (although I still chuckle at the bored man watching the clock on the front <a href="http://www.proppe.org">page</a> that leads to this blog). Having been out of the web design loop for a long while, I decided to take a <a href="http://www.webcreme.com/">look</a> at what was out there to get an overview of current trends. Here is a small catalog of the patterns that seem to be prevalent today.<br />
<span id="more-64"></span></p>
<h3>Background Pattern:</h3>
<p>I first noticed this a couple of years ago and it took the form of the single-pixel 45 degree angled stripes.</p>
<p><a href="http://www.thinkpocket.com"><img id="image73" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/thinkpocketcom-stripes-gloss.png" alt="Thinpocket Stripes and Gloss" /></a></p>
<p>Now it seems that Victorian wallpaper patterns have become the rage. Often, the pattern is dithered, as if it&#8217;s been converted to 1 bit and then colorized.</p>
<p><a href="http://www.alphanumeric.cz"><img id="image70" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/alphanumericcz-pattern.png" alt="Alphanumeric Pattern" /></a> <a href="http://www.timestius.com"><img id="image71" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/timestiuscom-pattern.png" alt="Timestius Pattern" /></a> <a href="http://www.octonauts.com"><img id="image72" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/octonautscom-pattern.png" alt="Octonauts Pattern" /></a></p>
<p>The stripes are still there, they&#8217;ve just gotten thicker.</p>
<p><a href="http://www.ddac.com.ar"><img id="image74" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/ddaccomar-thickstripes.png" alt="Ddac Stripes" /></a> <a href="http://www.onlineportfolio.hu"><img id="image75" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/onlineportfoliohu-pattern-crumple-thickstripes.png" alt="Onlineportfolio Thick Stripes" /></a></p>
<h3>The &#8220;Lickable&#8221; Web:</h3>
<p>Glossy is in. For a while it was the full hard candy translucent effect (no doubt borrowed from <a href="http://www.apple.com/macosx/tiger">Mac OS X</a>), but now it&#8217;s slightly more subtle. There&#8217;s that hard-lined reflection indicating a gloss on elements, and the fading reflection beneath elements to suggest that it&#8217;s sitting on a glossy surface. Now that <a href="http://www.microsoft.com/windowsvista/experiences/design.mspx">Vista</a> (Microsoft&#8217;s upcoming revision to Windows) is going with this look it&#8217;s only going to become more ubiquitous.</p>
<p><a href="http://www.thinkpocket.com"><img id="image73" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/thinkpocketcom-stripes-gloss.png" alt="Thinpocket Stripes and Gloss" /></a> <a href="http://www.bruisendleeuwarden.nl"><img id="image76" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/bruisendleeuwardennl-gloss.png" alt="Gloss Example - Red." /></a> <a href="http://www.media-allstars.net"><img id="image77" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/media-allstarsnet-gloss.png" alt="Media Allstars Gloss Example" /></a></p>
<p><a href="http://www.bruisendleeuwarden.nl"><img id="image78" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/bruisendleeuwardennl-reflection.png" alt="Reflection Example - Red" /></a> <a href="http://www.clearwired.com"><img id="image79" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/clearwiredcom-reflection-shading.png" alt="Clearwired Reflection Example" /></a> <a href="http://www.freshlabs.de"><img id="image80" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/freshlabsde-reflection.png" alt="Reflection Example - Freshlabs" /></a></p>
<h3>Spindly Vegetative Tendrils:</h3>
<p>I have no idea where I saw this first, or who originated it, but it&#8217;s everywhere now. In fact it&#8217;s the first idea that came to my mind when I was thinking about designing my site.</p>
<p><a href="http://www.bluegraph.com"><img id="image81" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/bluegraphcom-tendrils.png" alt="Tendrils - Bluegraph" /></a> <a href="http://www.darkamy.net"><img id="image82" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/darkamynet-tendrils.png" alt="Tendrils - Darkarmy" /></a> <a href="http://www.rawberry.net"><img id="image83" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/rawberrynet-tendrils-rays.png" alt="Tendrils - Rawberry" /></a> <a href="http://www.stylegrind.com"><img id="image84" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/stylegrindcom-tendrils-thickstripes-pattern.png" alt="Tendrils - Stylegrind" /></a> <a href="http://www.federationmedia.co.nz"><img id="image85" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/federationmediaconz-tendrils.png" alt="Tendrils - Federation" /></a> <a href="http://www.boomdesigngroup.com"><img id="image86" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/boomdesigngroupcom-tendrils.png" alt="Tendrils - Boom" /></a></p>
<h3>Subtle Shading:</h3>
<p>The offset drop shadow hasn&#8217;t gone away, it&#8217;s just much less obvious. Same with gradient shading.</p>
<p><a href="http://www.clearwired.com"><img id="image100" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/clearwiredcom-shading.png" alt="Subtle Shading - Clearwired" /></a> <a href="http://www.clearwired.com"><img id="image101" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/clearwiredcom-shading2.png" alt="Subtle Shading - Clearwired2" /></a> <a href="http://www.elizeugois.info"><img id="image102" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/elizeugoisinfo-shading.png" alt="Subtle Shading - Elizegois" /></a> <a href="http://www.bartelme.at><img id="image103" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/bartelmeat-shading.png" alt="Subtle Shading - Bartelme" /></a></p>
<h3>Stamped Font:</h3>
<p>Fonts that look like they&#8217;ve been stamped with not enough ink (there must be a graphic design term for this) are all over the place now.</p>
<p><a href="http://www.druiz.es"><img id="image87" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/druizes-stamp.png" alt="Stamped Font Example - Druiz" /></a> <a href="http://www.fiestalatina.be"><img id="image88" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/fiestalatinabe-stamp.png" alt="Stamped Font Example - Fiestalatina" /></a> <a href="http://www.keithandlottie.com"><img id="image89" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/keithandlottiecom-stamp.png" alt="Stamped Font Example - Keithandlottie" /></a></p>
<h3>Radial Stripes:</h3>
<p>In all kinds of colors. Broad, radial stripes adorn many a header.</p>
<p><a href="http://www.geekinthepark.co.uk"><img id="image90" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/geekintheparkcouk-rays-vector.png" alt="Radial Example - Geekinthepark" /></a> <a href="http://www.goanna-webdesign.com"><img id="image91" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/goanna-webdesigncom-rays-vector.png" alt="Radial Example - Goanna" /></a> <a href="http://www.sodiumapparel.com"><img id="image92" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/sodiumapparelcom-rays-wood.png" alt="Radial Example - Sodiumapparel" /></a></p>
<h3>The Return of Wood Grain:</h3>
<p>I guess if you&#8217;re sick of gloss, you turn to other textures.<br />
<a href="http://www.woodsuch.com"><img id="image94" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/woodsuchcom-wood.png" alt="Wood Example - Woodsuch" /></a> <a href="http://www.adambognar.com"><img id="image68" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/adambognarcom-wood.png" alt="adambognarcom-wood.png" /></a> <a href="http://www.dionssouth.com"><img id="image93" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/dionsouthcom-wood.png" alt="Wood Example - Dionsouth" /></a></p>
<h3>Smart, Cute Vector Graphics:</h3>
<p>I have a soft spot for great character design and elegant iconography in general.</p>
<p><a href="http://www.august8th.net"><img id="image104" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/august8thnet-closevector.png" alt="Smart Vector Graphics Example - August8th" /></a> <a href="http://www.bluegraph.com"><img id="image105" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/bluegraphcom-rays-vector.png" alt="Smart Vector Graphics Example - Bluegraph" /></a> <a href="http://www.goanna-webdesign.com"><img id="image106" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/goanna-webdesign-closevector.png" alt="Smart Vector Graphics Example - Goanna" /></a> <a href="http://www.octonauts.com"><img id="image107" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/octonautscom-closevector.png" alt="Smart Vector Graphics Example - Octonauts" /></a> <a href="http://www.ndesign-studio.com"><img id="image108" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/ndesign-studiocom-closevector.png" alt="Smart Vector Graphics Example - Ndesign" /></a></p>
<h3>The Jumble:</h3>
<p>The first one of these that hit me was the new package design for <a href="http://www.ableton.com">Ableton Live</a>, a music performance and composition package. Now I&#8217;ve noticed jumble of flat graphic elements in enough places that it seems to be an emerging trend. It&#8217;s actually a sort of retro look but I can&#8217;t place the era.</p>
<p><a href="http://www.ableton.com"><img id="image67" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/abletoncom-vector-jumble.png" alt="Ableton Jumble" /></a> <a href="http://www.fiestalatina.be"><img id="image95" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/fiestalatinabe-jumble.png" alt="Jumble Example - Fiestalatina" /></a> <a href="http://www.august8th.com"><img id="image96" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/august8thnet-vector-jumble-stripes.png" alt="Jumble Example - August8th" /></a> <a href="http://www.ndesign-studio.com"><img id="image97" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/ndesign-studiocom-vector-jumble-tendrils-tabs.png" alt="Jumble Example - Ndesign-studio" /></a></p>
<h3>Abandonment of Image:</h3>
<p><a href="http://www.alistapart.com">A List Apart</a> seems to have decided that they are about content, and content only. They&#8217;ve got their wheat wreath logo (can&#8217;t get more classical than that; no one&#8217;s going to accuse them of being trendy), and the issue number starburst stamp (reminiscent of the Mac Mail app&#8217;s number of unread messages stamp on its icon), but beyond that there&#8217;s just a two-tone color scheme and textual navigation. Tasteful, although it borders on timid. Similarly, <a href="http://www.mcsweeneys.net">McSweeneys</a>, Dave Eggers&#8217; literary journal, seems to not want to distract the eye from the prime focus; glorious text.</p>
<p><a href="http://www.alistapart.com"><img id="image98" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/alistapartcom-simple.png" alt="Minimal Example - alistapart" /></a> <a href="http://www.mcsweeneys.net"><img id="image99" src="http://www.proppe.org/blog/wp-content/uploads/2006/10/mcsweeneysnet-simple.png" alt="Minimal Example - McSweeneys" /></a></p>
<h3>Conclusions</h3>
<p>The interesting thing to me is that I didn&#8217;t expect to find such defined trends. Now I&#8217;m seeing a lot of these elements in print and TV ads as well. I don&#8217;t mean to put down the individual designers of these sites: to the contrary, I think these sites are all quite beautiful and very well executed. To a certain extent these patterns are like a visual slang; the vocabulary which makes up larger sentences in a style. I&#8217;m torn about whether to deliberately avoid these elements or to incorporate them and combine them in new ways. According to this <a href="http://alistapart.com/articles/bathingape">article</a> what I&#8217;m talking about here is &#8220;style&#8221; rather than &#8220;design.&#8221; I think the best designs are the ones that are seamlessly intertwined with style, and vice versa. I&#8217;m inspired to learn more about the theory and history of design to know why these patterns work so well, and maybe to try to come up with something new for my site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.proppe.org/blog/2006/11/01/current-trends-in-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
