<?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>Marmalade Moon &#187; sketch</title>
	<atom:link href="http://www.marmalademoon.com/tag/sketch/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.marmalademoon.com</link>
	<description>Art &#38; Design</description>
	<lastBuildDate>Mon, 30 Jan 2012 07:52:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>An Inkling of the Future for Artists</title>
		<link>http://www.marmalademoon.com/wacom-inkling-of-the-future/</link>
		<comments>http://www.marmalademoon.com/wacom-inkling-of-the-future/#comments</comments>
		<pubDate>Wed, 31 Aug 2011 14:26:59 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[Digital Life]]></category>
		<category><![CDATA[digital art]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[natural media]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=11111</guid>
		<description><![CDATA[Wacom&#8217;s Inkling is a digital pen that captures your sketch from paper. Recording your strokes and transferring your sketch digitally for further editing on your computer. The Inkling has a pressure sensitive ballpoint tip and can create layered sketches. It&#8217;s exciting to see new technology unfold, bringing tools that bridge the gap between traditional, freehand sketching and digital [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><img class="aligncenter size-full wp-image-11112" title="inkling-1" src="http://www.marmalademoon.com/wp/wp-content/uploads/inkling-1.jpg" alt="Inkling" width="500" height="900" /></p>
<p><strong><a title="Wacom's Inkling" href="http://www.wacom.com/en/Products/Inkling" target="_blank">Wacom&#8217;s Inkling</a></strong> is a digital pen that captures your sketch from paper. Recording your strokes and transferring your sketch digitally for further editing on your computer. The Inkling has a pressure sensitive ballpoint tip and can create layered sketches.</p>
<p>It&#8217;s exciting to see new technology unfold, bringing tools that bridge the gap between traditional, freehand sketching and digital input with a mouse or tablet. Both the iPad with its finger-painting and the Inkling give artists the tools to interact more directly with their devices, removing the clunky layer between your hand and your canvas.</p>
<p><em>A special thank you to my friend, <a title="Jamie Berry" href="http://www.jamieberry.com/" target="_blank">artist Jamie Berry</a>, who brought the Inkling to my attention. </em></p>
<p><img class="aligncenter size-full wp-image-11113" title="inkling-2" src="http://www.marmalademoon.com/wp/wp-content/uploads/inkling-2.jpg" alt="Wacom Inkling" width="500" height="900" /></p>
<p>&nbsp;</p>
<p><iframe width="500" height="281" src="http://www.youtube.com/embed/3fQe0YSLm88?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>Related Posts:<br />
<a title="Top 20 Apps to Turn Your iPad into a Portable Creative Studio" href="http://www.marmalademoon.com/top-20-apps-to-turn-your-ipad-into-a-portable-creative-studio/">Top 20 Apps to Turn Your iPad into a Portable Creative Studio<br />
</a><a title="15 Best Photo Apps for iPad and iPhone" href="http://www.marmalademoon.com/15-best-photo-apps/">15 Best Photo Apps for iPad and iPhone</a></h2>
<div class="shr-publisher-11111"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/wacom-inkling-of-the-future/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Designing the Collection of Process Icons: Sketches &amp; Drafts</title>
		<link>http://www.marmalademoon.com/designing-the-collection-of-process-icons-sketches-drafts/</link>
		<comments>http://www.marmalademoon.com/designing-the-collection-of-process-icons-sketches-drafts/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 06:24:37 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[From My Sketchbook]]></category>
		<category><![CDATA[creative cycle]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ink]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=5862</guid>
		<description><![CDATA[I&#8217;m having so much fun designing this icon for drafts and sketches! Perhaps because I love this part of the process myself. Gathering inspiration, finding reference, doing research, catching ideas that spark in mind maps and mood boards. The texture I used for the Moleskine (image below) is the same as the one I originally [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic -->
<div id="attachment_6336" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-6336 " title="Icon sketches: inspiration, mockups, drafts, ideas, palettes, mood boards" src="http://www.marmalademoon.com/wp/wp-content/uploads/process-sketches-drafts-mockups-icons.png" alt="Icon sketches: inspiration, mockups, drafts, ideas, palettes, mood boards" width="500" height="222" />
<p class="wp-caption-text">Icon sketches: inspiration, mockups, drafts, ideas, palettes, mood boards</p>
</div>
<p><strong>I&#8217;m having so much fun designing this icon for drafts and sketches!</strong> Perhaps because I love this part of the process myself. Gathering inspiration, finding reference, doing research, catching ideas that spark in mind maps and mood boards.</p>
<p><strong>The texture I used for the Moleskine</strong> (image below) is the same as the one I originally designed for the leather wallet, briefcase, satchel, old book and folder icons in the <a title="Organizer Desktop Icons" href="http://kateengland.bigcartel.com/product/organizer-desktop-icons" target="_blank">Organizer Collection</a>. I felt that it worked well for the Moleskine and that it helped make the icons fit smoothly together, connecting the Moleskine with other icons.</p>
<p><strong>While I was working on the icon for &#8220;Sketches, Drafts&#8221;, I came up with several variations. First I felt I had to pick one, but then I realised that a lot of people probably have different kinds of inspirational material that they collect</strong>. There could be drafts of text or images or a combination. There could be textures and palettes. Or combinations. So, why not include all three!? I&#8217;m calling them Sketches/Drafts, Ideas and Inspiration but naturally you can modify their names so that they work for you. How could you make use for these icons?</p>
<div id="attachment_6504" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-6504" title="sketches drafts inspiration ideas" src="http://www.marmalademoon.com/wp/wp-content/uploads/sketches-drafts-inspiration-ideas.png" alt="sketches drafts inspiration ideas" width="500" height="181" />
<p class="wp-caption-text">Sketches, drafts, inspiration, ideas</p>
</div>
<p>[To be continued... ]</p>
<p><strong>Did you miss the other parts of this series?</strong></p>
<ul>
<li>Part One: <a title="Designing the Collection of Process Icons: Sketches" href="http://www.marmalademoon.com/designing-process-icons-sketches/" target="_self">Designing the Collection of Process Icons: Sketches</a></li>
<li>Part Two: <a title="Designing the Collection of Process Icons: A Vintage Touch" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/" target="_self">Designing the Collection of Process Icons: A Vintage Touch</a></li>
<li>Part Three: <a title="Designing the Collection of Process Icons: Indicating Time" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-indicating-time/" target="_self">Designing the Collection of Process Icons: Indicating Time </a></li>
<li>Part Four: <a title="Designing the Collection of Process Icons: Look and Feel" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-look-and-feel/" target="_self">Designing the Collection of Process Icons: Look and Feel</a></li>
<li>Part Five: <a title="The Dreaded Report" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-the-dreaded-report/" target="_self">Designing the Collection of Process Icons: The Dreaded Report</a></li>
</ul>
<div class="shr-publisher-5862"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/designing-the-collection-of-process-icons-sketches-drafts/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Designing the Collection of Process Icons: The Dreaded Report</title>
		<link>http://www.marmalademoon.com/designing-the-collection-of-process-icons-the-dreaded-report/</link>
		<comments>http://www.marmalademoon.com/designing-the-collection-of-process-icons-the-dreaded-report/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 06:17:29 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[From My Sketchbook]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ink]]></category>
		<category><![CDATA[sketch]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=6317</guid>
		<description><![CDATA[I&#8217;m really struggling with this icon for &#8220;Dreaded Report&#8221;. Maybe some of the boring, corporate cubicle office culture that I&#8217;m trying to infuse this icon with, is rubbing off on me? So I made some variations, one with a ballpoint pen, one with a graph and one with a skull. And then I can&#8217;t make [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic -->
<div id="attachment_6319" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-6319" title="Icon sketches for dreaded report" src="http://www.marmalademoon.com/wp/wp-content/uploads/icon-sketches-dreaded-report.jpg" alt="Icon sketches for dreaded report" width="500" height="181" />
<p class="wp-caption-text">Icon sketches for &quot;dreaded report&quot;</p>
</div>
<p><strong>I&#8217;m really struggling with this icon for &#8220;Dreaded Report&#8221;. Maybe some of the boring, corporate cubicle office culture that I&#8217;m trying to infuse this icon with, is rubbing off on me?</strong></p>
<p>So I made some variations, one with a ballpoint pen, one with a graph and one with a skull. And then I can&#8217;t make up my mind&#8230; Should I put them all in the collection, or leave some out? <strong>What do you think</strong>? [<a title="Designing the Collection of Process Icons: Sketches &amp; Drafts" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-sketches-drafts/" target="_self">To be continued</a>... ]</p>
<p><strong>Did you miss the other parts of this series?</strong></p>
<ul>
<li>Part One: <a title="Designing the Collection of Process Icons: Sketches" href="http://www.marmalademoon.com/designing-process-icons-sketches/" target="_self">Designing the Collection of Process Icons: Sketches</a></li>
<li>Part Two: <a title="Designing the Collection of Process Icons: A Vintage Touch" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/" target="_self">Designing the Collection of Process Icons: A Vintage Touch</a></li>
<li>Part Three: <a title="Designing the Collection of Process Icons: Indicating Time" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-indicating-time/" target="_self">Designing the Collection of Process Icons: Indicating Time </a></li>
<li>Part Four: <a title="Designing the Collection of Process Icons: Look and Feel" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-look-and-feel/" target="_self">Designing the Collection of Process Icons: Look and Feel</a></li>
</ul>
<div class="shr-publisher-6317"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/designing-the-collection-of-process-icons-the-dreaded-report/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Designing the Collection of Process Icons: Look and Feel</title>
		<link>http://www.marmalademoon.com/designing-the-collection-of-process-icons-look-and-feel/</link>
		<comments>http://www.marmalademoon.com/designing-the-collection-of-process-icons-look-and-feel/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 06:06:38 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[From My Sketchbook]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[focus]]></category>
		<category><![CDATA[getting organized]]></category>
		<category><![CDATA[ink]]></category>
		<category><![CDATA[productivity]]></category>
		<category><![CDATA[sketch]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=5866</guid>
		<description><![CDATA[When I&#8217;m happy with the sketches for the icons, I launch Adobe Illustrator and start blocking out the icons, drawing simple, clean vector shapes using my pen tablet. I&#8217;m designing the Collection of Process Icons in the same style that was established for the first three collections of desktop icons. In this unique design project, everything from [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic -->
<div id="attachment_6265" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-6265 " title="Icon design process, from sketch to basic shapes" src="http://www.marmalademoon.com/wp/wp-content/uploads/icon-design-process11.png" alt="Icon design process, from sketch to basic shapes" width="500" height="216" />
<p class="wp-caption-text">Icon design process. From sketch to basic shapes</p>
</div>
<p><strong>When I&#8217;m happy with the sketches for the icons, I launch <a title="Adobe Illustrator" href="http://www.adobe.com/products/illustrator/" target="_blank">Adobe Illustrator</a> and start blocking out the icons, drawing simple, clean vector shapes using my pen tablet</strong>. I&#8217;m designing the Collection of Process Icons in the same style that was established for <a title="Desktop Icons" href="http://kateengland.bigcartel.com/category/desktop-icons" target="_blank">the first three collections of desktop icons</a>. In this unique design project, everything from the icon concept to the simple and elegant style is based on feedback from you. The look and feel for Process Icons uses the same set of perspectives with <strong>simple, uncluttered shapes that are easy to distinguish and find on your desktop</strong>. The style is based around a <strong>rich colour palette</strong> and <strong>elegant, natural textures</strong>.</p>
<div id="attachment_6266" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-6266  " title="Icon design process, adding details, colour, shading and light" src="http://www.marmalademoon.com/wp/wp-content/uploads/icon-design-process2.png" alt="Icon design process, adding details, colour, shading and light" width="500" height="216" />
<p class="wp-caption-text">Icon design process. Adding details, colour, shading and light</p>
</div>
<p><strong>Once I&#8217;ve blocked in the basic shapes, I start adding details and colours, next shading and last highlights</strong>. In this example with the alarm clock you&#8217;ll notice the same palette of reds as in the <a title="Creative Icons" href="http://kateengland.bigcartel.com/product/creative-mac-version" target="_blank">icon with the Cookery Book</a>, the same greys as in the <a title="Workflow Icons" href="http://kateengland.bigcartel.com/product/workflow-desktop-icons" target="_blank">Gear icon</a> and the same soft cream as in the <a title="Organizer Icons" href="http://kateengland.bigcartel.com/product/organizer-desktop-icons" target="_blank">Shoebox icon</a>. Using the same style consistently, ensures that all the icons fit together and that you can mix and match the different collections to suit your needs.</p>
<p>And in case you were wondering about the dotted lines across these images, yes they are the watermarks I designed for these icon previews to at least make it more difficult for people who want to steal images. [<a title="Designing the Collection of Process Icons: The Dreaded Report" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-the-dreaded-report/" target="_self">To be continued</a>... ]</p>
<p><strong>Did you miss the other parts of this series?</strong></p>
<ul>
<li>Part One: <a title="Designing the Collection of Process Icons: Sketches" href="http://www.marmalademoon.com/designing-process-icons-sketches/" target="_self">Designing the Collection of Process Icons: Sketches</a></li>
<li>Part Two: <a title="Designing the Collection of Process Icons: A Vintage Touch" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/" target="_self">Designing the Collection of Process Icons: A Vintage Touch</a></li>
<li>Part Three: <a title="Designing the Collection of Process Icons: Indicating Time" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-indicating-time/" target="_self">Designing the Collection of Process Icons: Indicating Time </a></li>
</ul>
<div class="shr-publisher-5866"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/designing-the-collection-of-process-icons-look-and-feel/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Designing the Collection of Process Icons: Indicating Time</title>
		<link>http://www.marmalademoon.com/designing-the-collection-of-process-icons-indicating-time/</link>
		<comments>http://www.marmalademoon.com/designing-the-collection-of-process-icons-indicating-time/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 06:37:42 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[From My Sketchbook]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[focus]]></category>
		<category><![CDATA[getting organized]]></category>
		<category><![CDATA[ink]]></category>
		<category><![CDATA[productivity]]></category>
		<category><![CDATA[sketch]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=6222</guid>
		<description><![CDATA[Here’s the third part of the story about a new design project I’m working on. It’s about the creative process of a new collection of icons called “Process”. These are my sketches for icons that represent things that need to be taken care of &#8220;Today&#8221; and &#8220;Tomorrow&#8221;, or &#8220;Later&#8221;. Many of you have asked for [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><em>Here’s the third part of the story about a new design project I’m working on. It’s about the creative process of a new collection of icons called “Process”</em>.</p>
<div id="attachment_6223" class="wp-caption aligncenter" style="width: 386px"><img class="size-full wp-image-6223" title="Today and tomorrow. Icon sketches" src="http://www.marmalademoon.com/wp/wp-content/uploads/today-tomorrow-icon-sketch.jpg" alt="Today and tomorrow. Icon sketches" width="376" height="160" />
<p class="wp-caption-text">Today and tomorrow. Icon sketches</p>
</div>
<p>These are my sketches for icons that represent things that need to be taken care of &#8220;Today&#8221; and &#8220;Tomorrow&#8221;, or &#8220;Later&#8221;. Many of you have asked for &#8220;Today&#8221; and &#8220;Tomorrow&#8221; icons, some of you cooperate on projects where time needs to be specified, others need to schedule work to be published or for deadlines.</p>
<p>While I was working on these icons, I thought &#8220;what about adding the dates of a month, wouldn&#8217;t that be handy if you really need to indicate time with icons?&#8221;</p>
<p>So I made a few sketches to see what it would look like, and I&#8217;m thinking of adding a full month of days to the set. What do you think? [<a title="Designing the Collection of Process Icons: Look and Feel" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-look-and-feel/" target="_self">To be continued</a>... ]</p>
<div id="attachment_6228" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-6228" title="Calendar with dates. icon sketch" src="http://www.marmalademoon.com/wp/wp-content/uploads/calendar-with-dates-icon-sketch.jpg" alt="Calendar with dates. icon sketch" width="500" height="222" />
<p class="wp-caption-text">Calendar with dates. icon sketch</p>
</div>
<p><strong>Did you miss the other parts of this series?</strong></p>
<ul>
<li>Part One: <a title="Designing the Collection of Process Icons: Sketches" href="http://www.marmalademoon.com/designing-process-icons-sketches/" target="_self">Designing the Collection of Process Icons: Sketches</a></li>
<li>Part Two: <a title="Designing the Collection of Process Icons: A Vintage Touch" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/" target="_self">Designing the Collection of Process Icons: A Vintage Touch</a></li>
</ul>
<div class="shr-publisher-6222"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/designing-the-collection-of-process-icons-indicating-time/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Designing the Collection of Process Icons: A Vintage Touch</title>
		<link>http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/</link>
		<comments>http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/#comments</comments>
		<pubDate>Tue, 03 Aug 2010 00:19:19 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[From My Sketchbook]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[focus]]></category>
		<category><![CDATA[getting organized]]></category>
		<category><![CDATA[ink]]></category>
		<category><![CDATA[retro]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[vintage]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=5869</guid>
		<description><![CDATA[Here&#8217;s the second part of the story about a new design project I&#8217;m working on. It&#8217;s about the creative process of a new collection of icons called &#8220;Process&#8221;. I started this design project by asking you what kind of icons would be exceptionally useful for you. Which are your recurring projects and important files and [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic -->
<div id="attachment_5885" class="wp-caption alignleft" style="width: 266px"><img class="size-full wp-image-5885 " title="Project. icon sketch with blueprint and hard hat " src="http://www.marmalademoon.com/wp/wp-content/uploads/project-icon-sketch.png" alt="Project. icon sketch with blueprint and hard hat " width="256" height="256" />
<p class="wp-caption-text">Project. icon sketch with blueprint and hard hat </p>
</div>
<p><strong>Here&#8217;s the second part of the story about a new design project I&#8217;m working on. It&#8217;s about the creative process of a new collection of icons called &#8220;Process&#8221;.</strong></p>
<p><strong>I started this design project by </strong><a title="Win a Collection of Beautiful and Exceptionally Useful Icons!" href="http://www.marmalademoon.com/win-a-collection-of-beautiful-and-exceptionally-useful-icons/" target="_self"><strong>asking you</strong></a><strong> what kind of icons would be exceptionally useful for you. Which are your recurring projects and important files and folders that you need to find at a glance? Which of your projects do you love the most?</strong></p>
<p>I also started the process of my previous <a title="Desktop Icons" href="http://kateengland.bigcartel.com/category/desktop-icons" target="_blank">collections of desktop icons</a> by asking you what kind of icons you need, what would help you <strong>get organized</strong> and <strong>find focus</strong> in your digital environment?</p>
<p>Each time I&#8217;ve asked you what kind of icons you&#8217;d find useful, <strong>one of the strong trends has been icons that depict tangible, vintage or retro objects to symbolize your most important or loved projects</strong>. For example, there were tons of requests for a feather quill pen for &#8220;Writing&#8221; or &#8220;Documents&#8221; and an old-fashioned vinyl LP for &#8220;Music&#8221; (both part of the <a title="Creative Desktop Icons" href="http://kateengland.bigcartel.com/product/creative-mac-version" target="_blank">Collection of Creative Desktop Icons</a>). The vintage office equipment in the <a title="Workflow Desktop Icons" href="http://kateengland.bigcartel.com/product/workflow-desktop-icons" target="_blank">Collection of Workflow Icons</a> is another example and so is the old book for &#8220;Resources&#8221; and leather briefcase for &#8220;Work&#8221; (both part of the <a title="Organizer Desktop Icons" href="http://kateengland.bigcartel.com/product/organizer-desktop-icons" target="_blank">Collection of Organizer Icons</a>)</p>
<p><em>Perhaps these types of solid, vintage objects bring a tangible feeling of functionality and beauty to our rather abstract, digital environment? Holding a charm and grace that captures our emotions in a way that digital, intangible audio, text and film files don&#8217;t?</em></p>
<div id="attachment_5870" class="wp-caption alignleft" style="width: 266px"><img class="size-full wp-image-5870" title="Safe. icon sketch" src="http://www.marmalademoon.com/wp/wp-content/uploads/safe-icon-sketch.png" alt="Safe. icon sketch" width="256" height="256" />
<p class="wp-caption-text">Safe. icon sketch</p>
</div>
<p><strong>Here&#8217;s my sketch of an icon that represents &#8220;Safe&#8221;. A small, old-fashioned office safe. </strong></p>
<p>This is where you would store documents that are really important to your self, your family or your business. I&#8217;ll be using the Safe to store my original logo files, a backup of my blog, and some other important business documents. The &#8220;Safe&#8221; icon would also make a great icon for a backup disc. <em>What would you put in the Safe?</em></p>
<div id="attachment_5901" class="wp-caption alignright" style="width: 266px"><img class="size-full wp-image-5901  " title="Urgent/Overdue/Late. icon sketch of old-fashioned alarm clock" src="http://www.marmalademoon.com/wp/wp-content/uploads/urgent-due-icon-sketch.png" alt="Urgent/Overdue/Late. icon sketch of old-fashioned alarm clock" width="256" height="256" />
<p class="wp-caption-text">Urgent/Overdue/Late. icon sketch of an old-fashioned alarm clock</p>
</div>
<p><strong>This is my sketch for an icon that symbolizes Urgent/Overdue/Late. A retro wind-up alarm clock with bells.</strong></p>
<p>Here&#8217;s an icon with a unique silhouette that makes it stand out on the desktop so you can find it at an instant. And that&#8217;s just what you need when you&#8217;re looking for overdue or urgent projects.</p>
<p>One of the challenges when creating this sketch of an alarm clock, was <strong>making sure it would look good at small sizes too</strong>. I actually spent several days making new sketches of the design and testing that it would look great all the way down to the tiny size you see when you display your icons in list view. I&#8217;ll still be reworking the smaller versions, but I want the largest version to resemble the smallest version, as much as is possible without losing any of its functionality and beauty. That&#8217;s one of the most important parts of the sketching phase for a new icon project.</p>
<p><strong>Another key part of the sketching phase</strong> is to<strong> create distinctive silhouettes that make it easy to locate the icon you&#8217;re looking for</strong> (I wrote about that in <a title="Designing the Collection of Process Icons: Sketches" href="http://www.marmalademoon.com/designing-process-icons-sketches/" target="_self">the first part of this series</a>).</p>
<p>And last but not least, <strong>creating a family of icons where everyone is unique and has their own personality and yet you can tell that they&#8217;re family</strong>. They fit together as well as with the icons that belong with your operating system, either Windows or Mac. The icons <em>bring a personal, designer feeling to your desktop, and without drawing too much attention to themselves, the icons help you get unstuck and organized so you can work with <a title="Flow" href="http://www.marmalademoon.com/flow/" target="_self">flow</a></em><em> and ease through your day</em>.</p>
<p><strong>Not sure how to customize your icons?</strong> Here&#8217;s a <a title="Tutorial for using icons on a Mac" href="http://www.marmalademoon.com/how-to-change-the-icons-on-a-mac/"><strong>tutorial for using icons on a Mac</strong></a> and here&#8217;s a <a title="Tutorial for how to change the icons in Windows" href="http://www.marmalademoon.com/how-to-change-the-icons-in-windows/"><strong>tutorial for how to change the icons in Windows</strong></a>.</p>
<p>[<a title="Designing the Collection of Process Icons: Indicating Time" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-indicating-time/" target="_self">To be continued</a>... ]</p>
<p><em>Did you miss <a title="Designing the Collection of Process Icons: Sketches" href="http://www.marmalademoon.com/designing-process-icons-sketches/" target="_self">Part One</a></em><em> of this series? </em></p>
<div class="shr-publisher-5869"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Designing the Collection of Process Icons: Sketches</title>
		<link>http://www.marmalademoon.com/designing-process-icons-sketches/</link>
		<comments>http://www.marmalademoon.com/designing-process-icons-sketches/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 06:39:42 +0000</pubDate>
		<dc:creator>Kate</dc:creator>
				<category><![CDATA[From My Sketchbook]]></category>
		<category><![CDATA[creative process]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ink]]></category>
		<category><![CDATA[sketch]]></category>

		<guid isPermaLink="false">http://www.marmalademoon.com/?p=5816</guid>
		<description><![CDATA[Here are some sketches for the new set of icons I&#8217;m working on. This collection is called Process, and just as with my previous collections of desktop icons, I started off by asking you what kind of icons you need the most. The answer this time was that you need icons that indicate which stage [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic -->
<div id="attachment_5818" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-5818" title="icon sketch, stamp of approval " src="http://www.marmalademoon.com/wp/wp-content/uploads/stamp-of-approval-icon-sketch.png" alt="icon sketch, stamp of approval " width="500" height="500" />
<p class="wp-caption-text">icon sketch, stamp of approval </p>
</div>
<p><strong>Here are some sketches for the new set of icons I&#8217;m working on</strong>. This collection is called Process, and just as with my previous <a title="Desktop Icons" href="http://kateengland.bigcartel.com/category/desktop-icons" target="_blank">collections of desktop icons</a>, I started off by <a title="Win a Collection of Beautiful and Exceptionally Useful Icons!" href="http://www.marmalademoon.com/win-a-collection-of-beautiful-and-exceptionally-useful-icons/" target="_self">asking you</a> what kind of icons you need the most. The answer this time was that <strong>you need icons that indicate which stage of the process your important files and documents are in</strong>. You need to know at a glance where your sketches and drafts are, what&#8217;s overdue or urgent, what needs to be done today and which one is the final and approved version. So here we go&#8230;</p>
<p><strong>The creative process starts by sketching</strong> the basic shape that creates an identity for the icon. A clear and distinct silhouette helps the user to quickly and easily find what they&#8217;re looking for. When I start designing the icons, I think about giving each icon a distinctive look that stands out on the desktop. Striving for a simple solution, <strong>less is more</strong>. [<a title="Designing the Collection of Process Icons: A Vintage Touch" href="http://www.marmalademoon.com/designing-the-collection-of-process-icons-a-vintage-touch/" target="_self">To be continued</a>... ]</p>
<div id="attachment_5852" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-5852 " title="process icons sketches" src="http://www.marmalademoon.com/wp/wp-content/uploads/process-sketches.png" alt="process icons sketches" width="500" height="222" />
<p class="wp-caption-text">Process icon collection, sketches of lock, calendar and moleskine</p>
</div>
<div class="shr-publisher-5816"></div>
<p><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.marmalademoon.com/designing-process-icons-sketches/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>

