<?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/"
	>

<channel>
	<title>And All</title>
	<atom:link href="http://www.hoppingmedia.com/blog/benjamin/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.hoppingmedia.com/blog/benjamin</link>
	<description>Deliberation and Design</description>
	<pubDate>Mon, 22 Jun 2009 17:10:53 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HTML Galore</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=19</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=19#comments</comments>
		<pubDate>Mon, 22 Jun 2009 17:10:53 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=19</guid>
		<description><![CDATA[I&#8217;ve got a pretty good load of years behind me working as a graphic designer. Working on websites has been a major part of those years. And now, I am pleased and somewhat scared to annouce that as of today I&#8217;ve passed the 20,000 webpage mark for stuff I&#8217;ve worked on. That&#8217;s a lot of [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve got a pretty good load of years behind me working as a graphic designer. Working on websites has been a major part of those years. And now, I am pleased and somewhat scared to annouce that as of today I&#8217;ve passed the 20,000 webpage mark for stuff I&#8217;ve worked on. That&#8217;s a lot of freaking webpages.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=19</wfw:commentRss>
		</item>
		<item>
		<title>Pivot3</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=16</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=16#comments</comments>
		<pubDate>Thu, 16 Apr 2009 18:25:02 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=16</guid>
		<description><![CDATA[Updated our homepage with the new Pivot3 flash. Tom (my partner in crime extraordinaire) did all the conceptualizing, client-interfacing and the storyboards. I worked on refining the vision into final assets including the creating of the icons used throughout the animation. I have done isometric illustrations in years so it was a lot of fun.
I [...]]]></description>
			<content:encoded><![CDATA[<p>Updated our homepage with the new Pivot3 flash. <a href="http://www.mixedmediaonline.com" target="_blank">Tom</a> (my partner in crime extraordinaire) did all the conceptualizing, client-interfacing and the storyboards. I worked on refining the vision into final assets including the creating of the icons used throughout the animation. I have done isometric illustrations in years so it was a lot of fun.</p>
<p>I think it turned out to be a great looking piece for Pivot3. Check it out now!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=16</wfw:commentRss>
		</item>
		<item>
		<title>New Netgear Files</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=14</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=14#comments</comments>
		<pubDate>Tue, 31 Mar 2009 02:20:33 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=14</guid>
		<description><![CDATA[It&#8217;s been months and months since I&#8217;ve lasted posted but the new NETGEAR animations are up on the main Hopping Media page. Take a look!
]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been months and months since I&#8217;ve lasted posted but the new NETGEAR animations are up on the main <a href="http://www.hoppingmedia.com">Hopping Media</a> page. Take a look!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=14</wfw:commentRss>
		</item>
		<item>
		<title>New Wave</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=12</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=12#comments</comments>
		<pubDate>Wed, 31 Dec 2008 17:57:04 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=12</guid>
		<description><![CDATA[We&#8217;ve been working like mad little monkies overe here in preperation for the next CES. I&#8217;ve got some cool to stuff to show but you&#8217;re going to have to wait a few weeks more!
]]></description>
			<content:encoded><![CDATA[<p>We&#8217;ve been working like mad little monkies overe here in preperation for the next CES. I&#8217;ve got some cool to stuff to show but you&#8217;re going to have to wait a few weeks more!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=12</wfw:commentRss>
		</item>
		<item>
		<title>Rodin in 4&#215;5 grid</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=9</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=9#comments</comments>
		<pubDate>Thu, 05 Jun 2008 21:21:55 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=9</guid>
		<description><![CDATA[

Rodin Article
Originally uploaded by Abject Gothic

I&#8217;m not a grid-guy. I&#8217;ve never used a precise grid for layout or design. One reason for this is because I’ve never went to college for what a lot of designers (who have gone to college) refer to as “formal art training”. I never had some creepy old designer hover over [...]]]></description>
			<content:encoded><![CDATA[<div style="float: right; margin-left: 10px; margin-bottom: 10px;"><a title="photo sharing" href="http://www.flickr.com/photos/abject/2553897621/"><img style="border: solid 2px #000000;" src="http://farm3.static.flickr.com/2363/2553897621_28b9018cd0_m.jpg" alt="" /></a></p>
<p><span style="font-size: 0.9em; margin-top: 0px;"><br />
<a href="http://www.flickr.com/photos/abject/2553897621/">Rodin Article</a></p>
<p>Originally uploaded by <a href="http://www.flickr.com/people/abject/">Abject Gothic</a><br />
</span></div>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-size: 10pt; color: black; line-height: 115%; font-family: &quot;Lucida Sans Unicode&quot;,&quot;sans-serif&quot;;">I&#8217;m not a grid-guy. I&#8217;ve never used a precise grid for layout or design. One reason for this is because I’ve never went to college for what a lot of designers (who have gone to college) refer to as “formal art training”. I never had some creepy old designer hover over me and tell me how to portion out little fields with absolute equality in order to create designs through mathematical exactness. This is a good thing.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-size: 10pt; color: black; line-height: 115%; font-family: &quot;Lucida Sans Unicode&quot;,&quot;sans-serif&quot;;">As a designer I’ve never been all that interested in rigid displays of organization. More often than not, I feel it’s not the best way to impact the viewer. So, for years I’ve spent my time working outside of the straight lines. I try to approach every design in a new way with a new point of view and it’s been that way since I can remember until recently when I started to experiment with grids on my own. </span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-size: 10pt; color: black; line-height: 115%; font-family: &quot;Lucida Sans Unicode&quot;,&quot;sans-serif&quot;;">In the past year I’ve started to look more and more into what grids can offer me as a designer. There’s a real risk with grids to limit yourself to a repetitive layout system that defines your all your designs that implement your grid. I don’t want that, it’s not what I am about. What I <em style="mso-bidi-font-style: normal;">am</em> about is forcing the grid to work for me and what I am designing at that moment. To take any number of equally spaced fields and bend them to your will, that’s the kind of stuff that interests me. </span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-size: 10pt; color: black; line-height: 115%; font-family: &quot;Lucida Sans Unicode&quot;,&quot;sans-serif&quot;;">What do I lose by twisting the grid layout concept into something more than a way to format columns of text? Nothing, you lose nothing at all. If anything you gain the pros of working both on and off of a grid. Grids give you a strong sense of organization. Grids, in their best forms, let the designer present his visual concepts to the viewer in an easy to read manner.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-size: 10pt; color: black; line-height: 115%; font-family: &quot;Lucida Sans Unicode&quot;,&quot;sans-serif&quot;;">By working outside of the grid, by breaking many of the lines, you can still impart a sense of visual distress and tension. It’s this visual break in the rules that gets the viewer’s mind working and helps pull them into your message.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-size: 10pt; color: black; line-height: 115%; font-family: &quot;Lucida Sans Unicode&quot;,&quot;sans-serif&quot;;">For me, grids are here to stay. I look forward to using them, and breaking them, in the future and enjoy it when someone else does the same.</span></p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=9</wfw:commentRss>
		</item>
		<item>
		<title>The Illustrated Man</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=8</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=8#comments</comments>
		<pubDate>Tue, 27 May 2008 18:46:06 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=8</guid>
		<description><![CDATA[



illustratedMan

Originally uploaded by Abject Gothic


I started off as an illustrator in my early days of art. I always wanted to draw for marvel comics. My friends and I would spend our entire school days in the art room, just drawing different heroes and villains. 
The looks and styles of illustration change from year-to-year. Instead of [...]]]></description>
			<content:encoded><![CDATA[<div style="float: right; margin-left: 10px; margin-bottom: 10px;">
<a href="http://www.flickr.com/photos/abject/2526047263/" title="photo sharing"><img src="http://farm3.static.flickr.com/2385/2526047263_6d85563f29_m.jpg" alt="" style="border: solid 2px #000000;" /></a><br />
<br />
<span style="font-size: 0.9em; margin-top: 0px;"><br />
<a href="http://www.flickr.com/photos/abject/2526047263/">illustratedMan</a><br />
<br />
Originally uploaded by <a href="http://www.flickr.com/people/abject/">Abject Gothic</a><br />
</span>
</div>
<p>I started off as an illustrator in my early days of art. I always wanted to draw for marvel comics. My friends and I would spend our entire school days in the art room, just drawing different heroes and villains. </p>
<p>The looks and styles of illustration change from year-to-year. Instead of my old graphic novel style of illustration I decided to subject my best model, myself, to a more cartoonish look.  It&#8217;s nice to pick up a pen every now and then and actually do something with it other than take notes.<br />
<br clear="all" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=8</wfw:commentRss>
		</item>
		<item>
		<title>Moss covered tree</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=7</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=7#comments</comments>
		<pubDate>Tue, 27 May 2008 18:42:17 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=7</guid>
		<description><![CDATA[



IMG_3989

Originally uploaded by Abject Gothic


Out hiking when we came across this old moss covered, gnarled tree.

]]></description>
			<content:encoded><![CDATA[<div style="float: right; margin-left: 10px; margin-bottom: 10px;">
<a href="http://www.flickr.com/photos/abject/2526600217/" title="photo sharing"><img src="http://farm4.static.flickr.com/3257/2526600217_c1018aceb5_m.jpg" alt="" style="border: solid 2px #000000;" /></a><br />
<br />
<span style="font-size: 0.9em; margin-top: 0px;"><br />
<a href="http://www.flickr.com/photos/abject/2526600217/">IMG_3989</a><br />
<br />
Originally uploaded by <a href="http://www.flickr.com/people/abject/">Abject Gothic</a><br />
</span>
</div>
<p>Out hiking when we came across this old moss covered, gnarled tree.<br />
<br clear="all" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=7</wfw:commentRss>
		</item>
		<item>
		<title>Red</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=6</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=6#comments</comments>
		<pubDate>Thu, 15 May 2008 22:43:52 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=6</guid>
		<description><![CDATA[



whoknows

Originally uploaded by Abject Gothic


I haven&#8217;t picked up a paint brush for a while. This is what came out when I finally did.

]]></description>
			<content:encoded><![CDATA[<div style="float: right; margin-left: 10px; margin-bottom: 10px;">
<a href="http://www.flickr.com/photos/abject/2493692950/" title="photo sharing"><img src="http://farm3.static.flickr.com/2368/2493692950_25f4b187ef_m.jpg" alt="" style="border: solid 2px #000000;" /></a><br />
<br />
<span style="font-size: 0.9em; margin-top: 0px;"><br />
<a href="http://www.flickr.com/photos/abject/2493692950/">whoknows</a><br />
<br />
Originally uploaded by <a href="http://www.flickr.com/people/abject/">Abject Gothic</a><br />
</span>
</div>
<p>I haven&#8217;t picked up a paint brush for a while. This is what came out when I finally did.<br />
<br clear="all" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=6</wfw:commentRss>
		</item>
		<item>
		<title>Extend</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=5</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=5#comments</comments>
		<pubDate>Sat, 26 Apr 2008 20:31:27 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=5</guid>
		<description><![CDATA[
It&#8217;s warm outside, the sprinklers are on and NIN plays in the background.
]]></description>
			<content:encoded><![CDATA[<p><a title="extend" href="http://www.flickr.com/photos/abject/2443176447/" target="_blank"><img style="border: 2px solid #000000;" src="http://farm4.static.flickr.com/3049/2443176447_7e4ba714a8_m.jpg" alt="" /></a></p>
<p>It&#8217;s warm outside, the sprinklers are on and NIN plays in the background.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=5</wfw:commentRss>
		</item>
		<item>
		<title>NGTV</title>
		<link>http://www.hoppingmedia.com/blog/benjamin/?p=4</link>
		<comments>http://www.hoppingmedia.com/blog/benjamin/?p=4#comments</comments>
		<pubDate>Sat, 26 Apr 2008 00:00:54 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.hoppingmedia.com/blog/benjamin/?p=4</guid>
		<description><![CDATA[We&#8217;ve been working on NETGEAR&#8217;s Interop booth animations for a few weeks now. One of the animations includes a logo I made a few years back to represent their faux tv news station, NGTV.  While prepping the image for this year&#8217;s presence I noticed that I had used the wrong font when I originally created [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;ve been working on NETGEAR&#8217;s Interop booth animations for a few weeks now. One of the animations includes a logo I made a few years back to represent their faux tv news station, NGTV.  While prepping the image for this year&#8217;s presence I noticed that I had used the wrong font when I originally created the logo.</p>
<p>When I made the logo we were on the show floor with about 12 hours before the show opened and someone remembered, &#8220;Hey, we&#8217;re going to need a logo for our web cast coverage!&#8221;, and I had all of 30 minutes to come up with something so they could integrate it into all the media so I don&#8217;t feel too bad that I got the font wrong.</p>
<p>Now that I have a few days before the show opens, however, I figured now would be a good time to update to match NETGEAR&#8217;s corporate image a little better.</p>
<p>NETGEAR&#8217;s interop booth and design is always very corporate and minimalistic to a large degree.  I enjoy doing looks that are way out there with colors and concepts. For something fun like this I usually feel like you can break the mold a bit when designing the look for the logo, because something that&#8217;s supposed to be spoofy and fun should look fun.</p>
<p><img src="http://www.hoppingmedia.com/blog/images/ngtv_sparks.jpg" alt="" width="400" height="400" /></p>
<p>With sparks flying and the logo drawing onto the screen with splines and all that jazz this little video stinger would certainly be fun and have a strong visual presence. However, NETGEAR&#8217;s Interop booth is pretty serious in it&#8217;s look and attitude so something like this would almost certainly be rejected. This logo also has to be used in a flat setting, like print and webpage, and this logo may not translate as well to those mediums.</p>
<p>Instead I sapped some of the colors from their Interop color palette which consisted pretty much of a large and grotesque gradient that swept from a steely blue to a near white blue and then onto a reddish purple. The blue presented the most possibilities for me so I used that as my base color for the background the logo would sit on.</p>
<p>Next I used a bold version of their font, which is Futura, and laid out a very simple logo with the &#8220;NG&#8221; being full sized and the &#8220;TV&#8221; being half sized and superscripted.</p>
<p><img src="http://www.hoppingmedia.com/blog/images/ngtv.jpg" alt="" width="400" height="322" /></p>
<p>Not the most visually stunning logo ever, but it reads from a large distance, is easily printable and lets you know at a glance that it has something to do with broadcasting.</p>
<p>There is a video component for these logos to be used on the stage while interviews are given by live &#8216;anchors&#8217;. For the video portion I took the flat logo into my 3D program. I flipped the colors around a bit, making the main portion of the text blue as opposed to the white. The backdrop was given a bit of a gradient to set it apart from the logo a bit better.</p>
<p><img src="http://www.hoppingmedia.com/blog/images/ngtv_3d" alt="" width="400" height="296" /></p>
<p>With the addition of animated &#8220;radio signal&#8221; lines this becomes a very nice backdrop on the stage while the booth anchors are busy getting their scoop on.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hoppingmedia.com/blog/benjamin/?feed=rss2&amp;p=4</wfw:commentRss>
		</item>
	</channel>
</rss>
