<?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>thesisbeans &#187; visual design</title>
	<atom:link href="http://thesis.tinabeans.com/?feed=rss2&#038;tag=visual-design" rel="self" type="application/rss+xml" />
	<link>http://thesis.tinabeans.com</link>
	<description>notes and musings for an MFA in Interaction Design thesis</description>
	<lastBuildDate>Thu, 03 May 2012 18:20:35 +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>A name, a logo, some colors, and type</title>
		<link>http://thesis.tinabeans.com/?p=392</link>
		<comments>http://thesis.tinabeans.com/?p=392#comments</comments>
		<pubDate>Fri, 03 Feb 2012 22:26:39 +0000</pubDate>
		<dc:creator>tinabeans</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[visual design]]></category>

		<guid isPermaLink="false">http://thesis.tinabeans.com/?p=392</guid>
		<description><![CDATA[<p>I give you... Hotpot, the brand!</p>
<p style="text-align:center;"><img src="http://thesis.tinabeans.com/wp-content/uploads/2012/02/HotpotLogo.png" width="220" /></p>]]></description>
			<content:encoded><![CDATA[<p>I did get something done last week, amidst all the craziness: I&#8217;ve solidified the branding for my thesis! It seems a little early, but it was something I could complete that was independent of all the other stuff. So here it is!</p>
<h2>Naming</h2>
<p>I chose the name &#8220;<strong>Hotpot</strong>&#8221; last semester because it readily stands for what my thesis is about: cooking a delicious meal together in good company. I also love the imagery that it evokes: a big pot of bubbly goodness, ready to be shared.</p>
<p>In case you haven&#8217;t experienced the wonderfulness of this word yet, here&#8217;s some culinary trivia for you: a &#8220;hot pot&#8221; (火锅, literally &#8220;fire pot&#8221;) is a traditional Chinese method of preparing a meal that&#8217;s very similar to a fondue. Raw ingredients are brought to the table and everyone gathers around a big pot of simmering broth. To eat, you immerse your raw ingredient of choice in the hot broth, wait a few seconds until it&#8217;s cooked, then eat it with some dipping sauce. At the end of the meal, everyone divides up the broth—at this point more like a rich stew—and drinks it in little bowls. Because it&#8217;s taken on the flavor and depth of everything that&#8217;s been cooked in it, this is arguably the best part. Hot pot is a symbol of friendship and the closeness of families, and it is literally communal cooking at its best.</p>
<p><strong>Side note:</strong> I&#8217;m aware that Google currently owns Hotpot.com. Hotpot actually used to be the name of their recommendations engine for physical places, but they&#8217;ve thankfully changed it to be called Google Places. Which is good because the name Hotpot did not seem to fit the service. Hey Google, if you&#8217;re reading this, would you like to donate that domain name to me? It fits my project way better! <img src='http://thesis.tinabeans.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2>Logo</h2>
<p>In the wake of doing that <a title="Design Persona for my thesis" href="http://thesis.tinabeans.com/?p=377">personality exercise</a> a couple weeks back, I spent some quality time with MyFonts.com and Illustrator, and created a logo! It&#8217;s chunky, it&#8217;s spunky, and optimistic too. Here it is (without the tagline lockup):</p>
<p style="text-align: center;"><a href="http://thesis.tinabeans.com/wp-content/uploads/2012/02/HotpotLogo.png"><img class="size-full wp-image-393 aligncenter" title="HotpotLogo" src="http://thesis.tinabeans.com/wp-content/uploads/2012/02/HotpotLogo.png" alt="" width="400" /></a></p>
<p>&nbsp;</p>
<p>And here are all the crazy iterations I went through (including trying pretty hard to fit a pot or two in there):</p>
<p><a href="http://thesis.tinabeans.com/wp-content/uploads/2012/02/logoIterations.png"><img class="alignnone size-full wp-image-394" title="logoIterations" src="http://thesis.tinabeans.com/wp-content/uploads/2012/02/logoIterations.png" alt="" width="640" /></a></p>
<p>It&#8217;s based on <a href="http://new.myfonts.com/fonts/hvdfonts/embryo/regular/">Embryo</a> by HVD Fonts, with a slight redrawing of some letters to give it more variation. I&#8217;m quite fond of how these shapes are reminiscent of paper cutouts, and the puffs can be read as both steam and smoke. Hey, not all cooking experiments turn out well, and I&#8217;m a firm believer that you should enjoy your time in the kitchen regardless.</p>
<h2>Colors</h2>
<p>For colors, I really wanted a palette reminiscent of a sunny, contemporary kitchen. So I looked all over the web (okay, I really just looked on <a href="http://www.apartmenttherapy.com/" target="_blank">ApartmentTherapy.com</a> - a.k.a. kitchen porn central) for inspiration. Here are some kitchens to drool over:</p>
<p style="text-align: center;"><img class="alignnone" src="http://media-cdn.pinterest.com/upload/203647214369942911_NN1MqfeM_c.jpg" alt="" height="250" />  <a href="http://pinterest.com/pin/203647214369942915/"><img class="alignnone" src="http://media-cdn.pinterest.com/upload/203647214369942915_WCiJiO40_c.jpg" alt="" height="250" /></a> <a href="http://pinterest.com/pin/203647214369942883/"><img class="alignnone" src="http://media-cdn.pinterest.com/upload/203647214369942883_tTR5IWnQ_c.jpg" alt="" height="250" /></a></p>
<p style="text-align: center;"> </p>
<p>And here is the palette I created based off of these, using the wonderful <a href="http://www.colourlovers.com/" target="_blank">ColourLovers.com</a>:</p>
<p><a href="http://www.colourlovers.com/palette/1963903/Sunny_Kitchen" target="_blank"><img class="alignnone size-full wp-image-395" title="palette" src="http://thesis.tinabeans.com/wp-content/uploads/2012/02/Screen-Shot-2012-02-03-at-5.03.35-PM.png" alt="" width="640" /></a></p>
<h2>Typography</h2>
<p> Finally, I chose some letterforms. For headings I picked Rooney Web, which has a nice round friendly feel.</p>
<p><a href="http://thesis.tinabeans.com/wp-content/uploads/2012/02/Rooney.png"><img class="alignnone size-full wp-image-396" title="Rooney" src="http://thesis.tinabeans.com/wp-content/uploads/2012/02/Rooney.png" alt="" width="640" height="240" /></a></p>
<p>For body type, I picked Proxima Nova. It has similar though not exactly identical proportions to Rooney, but overall the look is also very friendly and straightforward and it has that contemporary geometric feel with big round counters, without actually being stiffly geometric.</p>
<p><a href="http://thesis.tinabeans.com/wp-content/uploads/2012/02/ProximaNova.png"><img class="alignnone size-full wp-image-397" title="ProximaNova" src="http://thesis.tinabeans.com/wp-content/uploads/2012/02/ProximaNova.png" alt="" width="640" height="296" /></a></p>
<p>Both of these fonts are available on the fabulous <a href="http://www.typekit.com" target="_blank">Typekit</a>, so I can deploy them easily. Hooray!</p>
]]></content:encoded>
			<wfw:commentRss>http://thesis.tinabeans.com/?feed=rss2&#038;p=392</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
