<?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>KernMe &#187; topics for designers</title>
	<atom:link href="http://kernme.org/tag/topics-for-designers/feed/" rel="self" type="application/rss+xml" />
	<link>http://kernme.org</link>
	<description>Mike Garrett's Portfolio</description>
	<lastBuildDate>Thu, 26 Aug 2010 13:33:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Design Articles</title>
		<link>http://kernme.org/portfolio/design-articles/</link>
		<comments>http://kernme.org/portfolio/design-articles/#comments</comments>
		<pubDate>Sat, 02 May 2009 23:46:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[design topics]]></category>
		<category><![CDATA[gestalt]]></category>
		<category><![CDATA[magazine articles]]></category>
		<category><![CDATA[photo shoot]]></category>
		<category><![CDATA[process book]]></category>
		<category><![CDATA[topics for designers]]></category>

		<guid isPermaLink="false">http://kernme.org/?p=296</guid>
		<description><![CDATA[2008 Experimental Layout Design The emphasis of this project was to experiment with layout design. Take a look at the image above and you&#8217;ll see what I&#8217;m talking about. This is just a quick experiment with the grid, typography and hierarchy treatment. Process Book Above, you can see the process book I put together for [...]]]></description>
			<content:encoded><![CDATA[<h3>2008</h3>
<p><img src="/wp-content/themes/thematic/images/ai.gif" alt="illustrator" /><img src="/wp-content/themes/thematic/images/camera.gif" alt="camera" /><br />
<img src="/wp-content/themes/thematic/images/id.gif" alt="indesign" /><img src="/wp-content/themes/thematic/images/ps.gif" alt="photoshop" /><br />
<span id="more-296"></span></p>
<p><a href="http://kernme.org/wp-content/uploads/2009/05/layout-experiment2.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/layout-experiment2-231x300.jpg" alt="Layout Experiment" title="Layout Experiment" width="231" height="300" class="size-medium wp-image-297" /></a></p>
<h4>Experimental Layout Design</h4>
<p>The emphasis of this project was to experiment with layout design. Take a look at the image above and you&#8217;ll see what I&#8217;m talking about. This is just a quick experiment with the grid, typography and hierarchy treatment.</p>
<p><a href="http://kernme.org/wp-content/uploads/2009/04/_mg_0191.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/04/_mg_0191-300x200.jpg" alt="Process book 1" title="Process book 1" width="300" height="200" class="size-medium wp-image-320" /></a><br />
<a href="http://kernme.org/wp-content/uploads/2009/04/_mg_0192.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/04/_mg_0192-300x200.jpg" alt="Process book 2" title="Process book 2" width="300" height="200" class="size-medium wp-image-321" /></a><br />
<a href="http://kernme.org/wp-content/uploads/2009/04/_mg_0193.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/04/_mg_0193-300x200.jpg" alt="Process book 3" title="Process book 3" width="300" height="200" class="size-medium wp-image-322" /></a></p>
<h4>Process Book</h4>
<p>Above, you can see the process book I put together for this project. It ended up being a 42 page book with a french fold that&#8217;s spiral bound. The concept was to align the gutter of the spreads with the edges of the pages. This would allow space for commentary on each page. The french folds allow for the reader to flatten a page to see the full spread as well as the previous and next page all at once, hiding the commentary. </p>
<p><a href="http://kernme.org/wp-content/uploads/2009/04/_mg_0262.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/04/_mg_0262-300x200.jpg" alt="Process Work" title="Process Work" width="300" height="200" class="size-medium wp-image-319" /></a></p>
<h4>Process</h4>
<p>The process of expanding on the concepts of <a href="http://en.wikipedia.org/wiki/Gestalt_psychology">Gestalt Theory</a> and <a href="http://www.w3.org/WAI/">Accessibility</a> was just as important as the final products. A lot of time and effort went in to writing the articles before the design was even considered. I interviewed Qi Zhu, a disabled student at VCU. She gave me a lot of insight in to the problems with accessibility on campus, around popular research avenues and online. The article on Gestalt Philosophy started with a lot of research on the subject and ended with a quest to create the word &ldquo;Prägnanz 1924&rdquo; two characters at a time using the laws of Gestalt Philosophy.</p>
<p><a href="http://kernme.org/wp-content/uploads/2009/05/accessibility.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/accessibility-300x194.jpg" alt="Accessibility Spread 1" title="Accessibility Spread 1" width="300" height="194" class="size-medium wp-image-353" /></a><br />
<a href="http://kernme.org/wp-content/uploads/2009/05/accessibility2.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/accessibility2-300x194.jpg" alt="Accessibility Spread 2" title="Accessibility Spread 2" width="300" height="194" class="size-medium wp-image-354" /></a></p>
<h4>Accessibility Spreads</h4>
<p>Accessibility across languages, technologies and disabilities has interested me for quite some time. Since I&#8217;ve had an interest in web design and front-end development since I was in high school, it only seemed natural that I pick up an interest inaccessibility and usability. This article is about the problem we have online with accessibility. There exists this issue because the user base that is effected is so small in comparison. Larger companies do not feel the need to accommodate these types of accessibility issues. I would encourage you to read the article.</p>
<p><a href="http://kernme.org/wp-content/uploads/2009/05/gestalt.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/gestalt-300x194.jpg" alt="Gestalt Philosophy Spread 1" title="Gestalt Philosophy Spread 1" width="300" height="194" class="size-medium wp-image-355" /></a><br />
<a href="http://kernme.org/wp-content/uploads/2009/05/gestalt2.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/gestalt2-300x194.jpg" alt="Gestalt Philosophy Spread 2" title="Gestalt Philosophy Spread 2" width="300" height="194" class="size-medium wp-image-356" /></a></p>
<h4>Gestalt Philosophy Spreads</h4>
<p>Gestalt Philosophy is another subject I&#8217;ve become more and more interested in over the years. I have always liked playing with people&#8217;s perception of the world. Modifying it just a little to make them second guess their own eyes. That&#8217;s where Gestalt Philosophy comes into play. It is the study of how the mind naturally organizes the world around it so it can make sense of its surroundings. This article goes into depth about the component parts of Gestalt Philosophy and why it exists.</p>
<p><a href="http://kernme.org/wp-content/uploads/2009/05/table-of-contents.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/table-of-contents-300x194.jpg" alt="Table of Contents" title="Table of Contents" width="300" height="194" class="size-medium wp-image-359" /></a><br />
<a href="http://kernme.org/wp-content/uploads/2009/05/table-of-contents2.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/table-of-contents2-300x194.jpg" alt="Table of Contents First" title="Table of Contents First" width="300" height="194" class="size-medium wp-image-360" /></a><br />
<a href="http://kernme.org/wp-content/uploads/2009/05/table-of-contents3.jpg" rel="shadowbox[post-296];player=img;"><img src="http://kernme.org/wp-content/uploads/2009/05/table-of-contents3-300x194.jpg" alt="Table of Contents Last" title="Table of Contents Last" width="300" height="194" class="size-medium wp-image-361" /></a></p>
<h4>Table of Contents</h4>
<p>The final part of the project was to come up with a way of marking the different sections by author. It needed to link the book together since the articles and designs of each section were so different every 4 pages. My design drew upon a secret element to generate the size of the color bar. The subsequent section dividers would gradually fill up with the specified color according to the position in the book. The closer the section divider was to the back of the book the more color and the less space the text would take up. The second image above would be near the front of the book while the third image would be closer to the rear. </p>
]]></content:encoded>
			<wfw:commentRss>http://kernme.org/portfolio/design-articles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
