<?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>Erin E. Sullivan&#039;s Blog &#187; Print Design</title>
	<atom:link href="http://www.erinesullivan.com/blog/category/print-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.erinesullivan.com/blog</link>
	<description></description>
	<lastBuildDate>Mon, 03 May 2010 18:58:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Snŏbb Logo Design</title>
		<link>http://www.erinesullivan.com/blog/2009/10/17/snobb-logo-design/</link>
		<comments>http://www.erinesullivan.com/blog/2009/10/17/snobb-logo-design/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 19:01:43 +0000</pubDate>
		<dc:creator>Erin E. Sullivan</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Print Design]]></category>
		<category><![CDATA[School Work]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.erinesullivan.com/blog/?p=157</guid>
		<description><![CDATA[For my Advanced Graphic Design class I am directing a branding project of a made up wine company in which I have named &#8220;Snŏbb&#8221;. This project involves logo design, package design, and a web site. I am currently finishing up the logo, but I need a designer&#8217;s anal perspective on which is the better of [...]]]></description>
			<content:encoded><![CDATA[<p>For my Advanced Graphic Design class I am directing a branding project of a made up wine company in which I have named &#8220;Snŏbb&#8221;. This project involves logo design, package design, and a web site. I am currently finishing up the logo, but I need a designer&#8217;s anal perspective on which is the better of the two I am presenting. The only contrast of the two is a one point stroke thickness difference in the stuck-up nose that I have merged in with the <a href="http://en.wikipedia.org/wiki/Breve">breve</a> of the &#8220;o&#8221;. I want the breve to be able to stick out but I also want the nose to be noticeable, and I cannot make up my mind. Which would you prefer?<span id="more-157"></span></p>
<div id="attachment_158" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thin.png"><img class="size-full wp-image-158" title="SnobbLogo-Thin" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thin.png" alt="Thinner Strokes" width="580" height="375" /></a><p class="wp-caption-text">Thinner Strokes</p></div>
<div id="attachment_159" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thick.png"><img class="size-full wp-image-159" title="SnobbLogo-Thick" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/10/SnobbLogo-Thick.png" alt="Thicker Strokes" width="580" height="375" /></a><p class="wp-caption-text">Thicker Strokes</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.erinesullivan.com/blog/2009/10/17/snobb-logo-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Grids: The Framework of Design</title>
		<link>http://www.erinesullivan.com/blog/2009/08/14/grids-the-framework-of-design/</link>
		<comments>http://www.erinesullivan.com/blog/2009/08/14/grids-the-framework-of-design/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 21:16:27 +0000</pubDate>
		<dc:creator>Erin E. Sullivan</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Print Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.erinesullivan.com/blog/?p=110</guid>
		<description><![CDATA[A very important design technique is using a grid as the foundation of your work, whether it&#8217;s print or web. According to Exploring Typography by Tova Rabinowitz, the book quotes:
Creating layouts can be made easier by using a grid, which is a framework of guidelines that form an underlying structure for the layout of a [...]]]></description>
			<content:encoded><![CDATA[<p>A very important design technique is using a grid as the foundation of your work, whether it&#8217;s print or web. According to <em>Exploring Typography</em> by Tova Rabinowitz, the book quotes:</p>
<blockquote><p>Creating layouts can be made easier by using a <strong>grid</strong>, which is a framework of guidelines that form an underlying structure for the layout of a document or web site. Grids are used by designers to aid in the logical placement of design elements, to maintain consistency among related layouts, and to establish a sense of rhythm throughout a design. Using a grid streamlines the design process because it allows designers to reapply their design decisions to multiple layouts, rather than beginning a new one each time. Grids are especially helpful in saving time on large projects.</p></blockquote>
<p>To give you several examples where we commonly see grids, they are used in websites, magazine layouts, calendars, and even term papers. When you look at a design, in most cases you do not see an actual grid, but you are definitely seeing it in the works.<span id="more-110"></span></p>
<p>There are several types of grids, but the most common of grids are single-column grids, multi-column grids, horizontal anchors, and modular grids. To help understand the visualization of these grids, I have created an interactive flash piece for you while using a screenshot of <a href="http://www.thegridsystem.org/">The Grid System</a>&#8217;s home page (because, you know, they&#8217;re all about grids):</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="675" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/ErinESullivanGrid.swf" /><embed type="application/x-shockwave-flash" width="600" height="675" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/08/ErinESullivanGrid.swf"></embed></object></p>
<p>Next time you feel like creating a visually dynamic design with a grid, you do not always have to be restricted to the basic horizontal and vertical guides. Designers also use diagonal or shaped grids for their pieces, so if you do not feel like being a square for your next design do not be afraid about designing outside of the box. Just be sure that if your focus is on structure, be sure to use a grid.</p>
<blockquote><p>For the creation of this Flash piece, credit goes to:</p>
<ul>
<li><a href="http://www.thegridsystem.org/">The Grid System</a></li>
<li><a href="http://www.papress.com/thinkingwithtype/grid/single_column.htm">Thinking with Type: A Critical Guide for Designers, Writers, Editors, &amp; Students by Ellen Lupton</a></li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.erinesullivan.com/blog/2009/08/14/grids-the-framework-of-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Ambigrams are a &#8220;BitcH&#8221;</title>
		<link>http://www.erinesullivan.com/blog/2009/06/11/ambigrams-are-a-bitch/</link>
		<comments>http://www.erinesullivan.com/blog/2009/06/11/ambigrams-are-a-bitch/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 16:03:15 +0000</pubDate>
		<dc:creator>Erin E. Sullivan</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Print Design]]></category>
		<category><![CDATA[School Work]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.erinesullivan.com/blog/?p=7</guid>
		<description><![CDATA[I am currently taking a class that is labeled &#8220;Experimental and Illustrative Typography&#8221; which explores the creation of typefaces and using type to create dynamic work. For one of the assignments, I had to create a design concept that is influenced by a typographic style movement that dates before the year 1980. This was the [...]]]></description>
			<content:encoded><![CDATA[<p>I am currently taking a class that is labeled &#8220;Experimental and Illustrative Typography&#8221; which explores the creation of typefaces and using type to create dynamic work. For one of the assignments, I had to create a design concept that is influenced by a typographic style movement that dates before the year 1980. This was the perfect opportunity for me to explore a very difficult typographic style that I have always had interest in creating ever since reading Dan Brown&#8217;s <em>Angels &amp; Demons</em>: <a href="http://en.wikipedia.org/wiki/Ambigram">Ambigrams</a>. This project obviously was not easy.<span id="more-7"></span></p>
<h4>Step 1: Research</h4>
<p>To begin this assignment, I had to do research because I did not have any previous experience in designing ambigrams. Luckily my professor was able to help me out by forwarding me two very helpful websites:</p>
<ul>
<li><a href="http://ambigramblog.blogspot.com/">Ambiblog</a></li>
<li><a href="http://www.stepinsidedesign.com/STEP/Article/28765">&#8220;Typographic Doppelgängers&#8221; by John Langdon</a></li>
</ul>
<p>I read through them and studied all of the images that were posted on these two sites. While studying the images, I have noticed that many of these ambigrams have a <a href="http://en.wikipedia.org/wiki/Blackletter" target="_blank">blackletter</a> look to them so I kept that in mind.</p>
<h4>Step 2: Thinking&#8230; And a lot of it</h4>
<p>When I decided that I was going to go forward with the project, I had to figure out what word I wanted to spell out. In my head I went through the letters of the alphabet and grouped together those that look similar or have a very good possibility of looking similar after careful manipulation (because in the end one letter has to match its opposite letter when rotated):</p>
<ul>
<li>A &#8211; B &#8211; H</li>
<li>B &#8211; E &#8211; F &#8211; G &#8211; H &#8211; K &#8211; P &#8211; R</li>
<li>C &#8211; D &#8211; G &#8211; J &#8211; O &#8211; Q &#8211; S &#8211; U &#8211; V</li>
<li>I &#8211; J &#8211; L &#8211; T &#8211; Y</li>
<li>M &#8211; N &#8211; V &#8211; W &#8211; X &#8211; Y &#8211; Z</li>
<li>S &#8211; Z</li>
<li>a &#8211; b &#8211; d &#8211; g &#8211; h &#8211; p &#8211; q</li>
<li>c &#8211; e &#8211; o</li>
<li>f &#8211; h &#8211; t</li>
<li>i &#8211; j &#8211; l &#8211; t</li>
<li>k &#8211; x</li>
<li>m &#8211; n &#8211; r &#8211; u &#8211; v &#8211; w &#8211; y</li>
<li>s &#8211; z</li>
</ul>
<p>Of course all of these letter groupings can vary depending on the overall look of the ambigram, but this was just a general observation.</p>
<p>After going through the alphabet, I tried to think of my word. Since this was my first ambigram, I had to remind myself that the word must stay simple, preferably a one-syllable word. After running through ideas in my head and becoming frustrated for failing to come up with a word, I cursed at myself and thought &#8220;creating an ambigram is a <em>bitch</em>!&#8221;</p>
<p>A light shined.</p>
<h4>Step 3: To the drawing board</h4>
<p>Well&#8230; Not really the drawing board, but to Adobe Illustrator. I did not have any patience to draw in my sketchbook which would then be drawn <em>again</em> with my Wacom tablet. But, remember when I noticed that many of the ambigrams looked like they were in a blackletter style? What I did is I went through all of the blackletter typefaces that were available on the computer being used (<a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=LNTQ10005000">Linotext™ Std</a>, <a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=SANQ10005000">San Marco™ Std</a>, <a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=WKGQ10005000">Wilhelm Klingspor Gotisch™ Std</a>, and <a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&amp;event=displayFont&amp;code=WITQ10012000">Wittenberger Fraktur™ Std</a>), and started to pair up the rotations of the word.</p>
<blockquote>
<div id="attachment_28" class="wp-caption alignleft" style="width: 240px"><img class="size-full wp-image-28" title="&quot;BitcH&quot; shown in Linotext™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/linotext-bitch.jpg" alt="&quot;BitcH&quot; shown in Linotext™ Std" width="230" height="160" /><p class="wp-caption-text">Linotext™ Std</p></div>
<div id="attachment_29" class="wp-caption alignright" style="width: 240px"><img class="size-full wp-image-29" title="&quot;BitcH&quot; shown in San Marco™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/sanmarco-bitch.jpg" alt="&quot;BitcH&quot; shown inSan Marco™ Std" width="230" height="160" /><p class="wp-caption-text">San Marco™ Std</p></div>
<div id="attachment_28" class="wp-caption alignleft" style="width: 240px"><img class="size-full wp-image-28" title="&quot;BitcH&quot; shown in Wilhelm Klingspor Gotisch™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/wilhelmklingsporgotisch-bitch.jpg" alt="&quot;BitcH&quot; shown in Wilhelm Klingspor Gotisch™ Std" width="230" height="160" /><p class="wp-caption-text">Wilhelm Klingspor Gotisch™ Std</p></div>
<div id="attachment_29" class="wp-caption alignright" style="width: 240px"><img class="size-full wp-image-29" title="&quot;BitcH&quot; shown in Wittenberger Fraktur™ Std" src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/wittenbergerfraktur-bitch.jpg" alt="&quot;BitcH&quot; shown in Wittenberger Fraktur™ Std" width="230" height="160" /><p class="wp-caption-text">Wittenberger Fraktur™ Std</p></div></blockquote>
<p>I was sold on basing my ambigram off of Linotext™ Std due to its legibility and having the most similarity between the five letters used out of the four typefaces I tested with. What I also like about the typeface is that the &#8220;i&#8221; already has <a href="http://en.wikipedia.org/wiki/Serif">serifs</a> coming out that can almost look like a &#8220;c&#8221;, so I felt like using this typeface was a good way to start. Then came the evolution of my ambigram:</p>
<p style="text-align: center;"><img class="size-full wp-image-50 aligncenter" title="The evolution of my ambigram." src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/ambigramsareabitch-evolution.jpg" alt="The evolution of my ambigram." width="266" height="812" /></p>
<p>So after much thinking and careful planning, I started from a blackletter typeface and turned it into an ambigram that has color and more of a tribal look to it, thus making it my own unique design.</p>
<div id="attachment_56" class="wp-caption alignnone" style="width: 592px"><img class="size-full wp-image-56" title="&quot;BitcH&quot; ambigram from start to finish." src="http://www.erinesullivan.com/blog/wp-content/uploads/2009/06/ambigramsareabitch-starttofinish.jpg" alt="&quot;BitcH&quot; ambigram from start to finish." width="582" height="146" /><p class="wp-caption-text">&quot;BitcH&quot; ambigram from start to finish.</p></div>
<p>I do not read much, but I will read Dan Brown&#8217;s books. Thanks to reading <em>Angels &amp; Demons</em> I have now been inspired to explore through a typographical design movement that is very complicated and challenging to begin with, which I have successfully accomplished in doing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.erinesullivan.com/blog/2009/06/11/ambigrams-are-a-bitch/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
