<?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>Keyline Pie &#187; Book design</title>
	<atom:link href="http://briodesign.com/blog/tag/book-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://briodesign.com/blog</link>
	<description>From the mind of graphic designer Danielle Peterson.</description>
	<lastBuildDate>Sat, 25 Jun 2011 21:14:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Project 3 Possibilities (Part One): Sex and the City The Movie Book</title>
		<link>http://briodesign.com/blog/2009/07/project-3-possibilities-part-one-sex-and-the-city-the-movie-book/</link>
		<comments>http://briodesign.com/blog/2009/07/project-3-possibilities-part-one-sex-and-the-city-the-movie-book/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 17:59:03 +0000</pubDate>
		<dc:creator>Danielle</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Book design]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[Sex and the City]]></category>

		<guid isPermaLink="false">http://briodesign.com/blog/?p=333</guid>
		<description><![CDATA[I strolled through the library last week looking for possible, &#8220;coffee table&#8221;-worthy books that were in need of a redesign. Since my aim for my book design class is to have three, portfolio-ready pieces, I think the coffee table test is a good indicator of what can be achieved. I checked out  three books from [...]]]></description>
			<content:encoded><![CDATA[<p>I strolled through the library last week looking for possible, &#8220;coffee table&#8221;-worthy books that were in need of a redesign. Since my aim for my book design class is to have three, portfolio-ready pieces, I think the coffee table test is a good indicator of what can be achieved. I checked out  three books from the library, but as I started scanning them in, I eliminated one from the project possibilities. The first book that made the cut (or failed my own, arbitrary design litmus test, as it were), was Melcher Media&#8217;s Sex and the City: The Movie photo book.</p>
<p><span id="more-333"></span></p>
<table style="height: 360px;" border="0" width="480">
<tbody>
<tr>
<td>
<div id="attachment_334" class="wp-caption aligncenter" style="width: 204px"><a href="http://briodesign.com/blog/wp-content/uploads/2009/07/front2.jpg"><img class="size-medium wp-image-334" title="Front Cover" src="http://briodesign.com/blog/wp-content/uploads/2009/07/front2-194x300.jpg" alt="Front Cover" width="194" height="300" /></a><p class="wp-caption-text">Front Cover</p></div></td>
<td>
<p><div id="attachment_320" class="wp-caption aligncenter" style="width: 204px"><a href="http://briodesign.com/blog/wp-content/uploads/2009/07/back.jpg"><img class="size-medium wp-image-320" title="back" src="http://briodesign.com/blog/wp-content/uploads/2009/07/back-194x300.jpg" alt="Back Cover" width="194" height="300" /></a><p class="wp-caption-text">Back Cover</p></div></td>
</tr>
</tbody>
</table>
<p>I picked this book mainly because I am familiar with the content, having watched each season of the series, as well as watching the movie. Familiarization is a good thing. The second reason for picking up the book is because I just knew that the photography was going to be amazing, what with the fashion and elegance the series exudes. Sadly, the book makes a mess of it (in my eyes, anyway). While the pages contain a lot of content&#8211;there&#8217;s a table of contents that includes two introductions, background on filming, recaps of every season of the series, the movie itself, and acknowledgments&#8211;the design is all over the place.</p>
<table style="height: 712px;" border="0" width="480">
<tbody>
<tr>
<td>
<p><div id="attachment_322" class="wp-caption aligncenter" style="width: 200px"><a href="http://briodesign.com/blog/wp-content/uploads/2009/07/page10.jpg"><img class="size-medium wp-image-322" title="page10" src="http://briodesign.com/blog/wp-content/uploads/2009/07/page10-190x300.jpg" alt="Page 10" width="190" height="300" /></a><p class="wp-caption-text">Page 10</p></div></td>
<td>
<p><div id="attachment_323" class="wp-caption aligncenter" style="width: 207px"><a href="http://briodesign.com/blog/wp-content/uploads/2009/07/page13.jpg"><img class="size-medium wp-image-323" title="page13" src="http://briodesign.com/blog/wp-content/uploads/2009/07/page13-197x300.jpg" alt="Page 13" width="197" height="300" /></a><p class="wp-caption-text">Page 13</p></div></td>
</tr>
<tr>
<td>
<p><div id="attachment_324" class="wp-caption aligncenter" style="width: 207px"><a href="http://briodesign.com/blog/wp-content/uploads/2009/07/page37.jpg"><img class="size-medium wp-image-324" title="page37" src="http://briodesign.com/blog/wp-content/uploads/2009/07/page37-197x300.jpg" alt="page37" width="197" height="300" /></a><p class="wp-caption-text">Page 37</p></div></td>
<td>
<p><div id="attachment_326" class="wp-caption aligncenter" style="width: 207px"><a href="http://briodesign.com/blog/wp-content/uploads/2009/07/page174.jpg"><img class="size-medium wp-image-326" title="page174" src="http://briodesign.com/blog/wp-content/uploads/2009/07/page174-197x300.jpg" alt="page174" width="197" height="300" /></a><p class="wp-caption-text">Page 174</p></div></td>
</tr>
</tbody>
</table>
<p>The text pages (as shown on pages 10 and 13) are blocked in by photos that run along the top and bottom of the page (using the entire width of the page), confining the text to the middle of each page. The combination of the color behind the text, and the excessive leading given to the body text, makes the copy difficult to read. Combining that with the distracting photos (and the occasional photo bubble laid over an image), doesn&#8217;t do justice to the words or the images. Additionally, as you can see from the side by side images above, the height of the images isn&#8217;t consistent throughout the book either.</p>
<p><div id="attachment_325" class="wp-caption aligncenter" style="width: 310px"><a href="http://briodesign.com/blog/wp-content/uploads/2009/07/page92.jpg"><img class="size-medium wp-image-325" title="page92" src="http://briodesign.com/blog/wp-content/uploads/2009/07/page92-300x227.jpg" alt="Page 92" width="300" height="227" /></a><p class="wp-caption-text">Page 92</p></div>
<p>Further along, when the images become the most central part of the book, the words and image treatment is reversed. Text is confined to thin, colorful rectangles at the top and bottom of pages. Sometimes, though, the text box and enclosed text sits three inches above the bottom of the page to make room for images. Other times, text boxes interact with the images to create a pattern of squares on the page. Because of the colored text boxes, the vast catalog of images for the book go to waste. Even without a lot of text on the page, the book occassionally tries to function as a flipbook version of the movie, as seen on page 92 (above).</p>
<p>My redesign of this book would attempt to respect the visual imagery of the movie&#8217;s still photography, while giving the text the room to breathe so that a reader would want to actually read the copy.</p>
]]></content:encoded>
			<wfw:commentRss>http://briodesign.com/blog/2009/07/project-3-possibilities-part-one-sex-and-the-city-the-movie-book/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>First Completed Book: The Elephant&#8217;s Child</title>
		<link>http://briodesign.com/blog/2009/06/first-completed-book-the-elephants-child/</link>
		<comments>http://briodesign.com/blog/2009/06/first-completed-book-the-elephants-child/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 01:34:19 +0000</pubDate>
		<dc:creator>Danielle</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Book design]]></category>
		<category><![CDATA[Rudyard Kipling]]></category>
		<category><![CDATA[The Elephant's Child]]></category>

		<guid isPermaLink="false">http://briodesign.com/blog/?p=290</guid>
		<description><![CDATA[It&#8217;s been a long time coming, but I finally have a moment to post images of the finished layout of The Elephant&#8217;s Child, Book Design&#8217;s first project. Once I&#8217;ve gotten the fully assembled book back, I&#8217;ll post a picture of that as well. But for now, JPEGs extracted from the PDF file will have to [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been a long time coming, but I finally have a moment to post images of the finished layout of The Elephant&#8217;s Child, Book Design&#8217;s first project. Once I&#8217;ve gotten the fully assembled book back, I&#8217;ll post a picture of that as well. But for now, JPEGs extracted from the PDF file will have to do. Let me know what you think.</p>
<p><span id="more-290"></span></p>
<div id="attachment_291" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-291" style="border: 1px solid black;" title="elephantschild_cover" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_cover-300x238.jpg" alt="Cover and Spine" width="300" height="238" /><p class="wp-caption-text">Back Cover, Spine and Front Cover</p></div>
<div id="attachment_301" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-301" style="border: 1px solid black;" title="elephantschild_title" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_title-300x245.jpg" alt="Title Page" width="300" height="245" /><p class="wp-caption-text">Title Page</p></div>
<div id="attachment_299" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-299" style="border: 1px solid black;" title="elephantschild_copyright" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_copyright-300x245.jpg" alt="Copyright and Dedication" width="300" height="245" /><p class="wp-caption-text">Copyright and Dedication</p></div>
<div id="attachment_300" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-300" style="border: 1px solid black;" title="elephantschild_halftitle" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_halftitle-300x245.jpg" alt="Half Title Page" width="300" height="245" /><p class="wp-caption-text">Half Title Page</p></div>
<div id="attachment_292" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-292" style="border: 1px solid black;" title="elephantschild_chapter1" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_chapter1-300x245.jpg" alt="Chapter One Heading" width="300" height="245" /><p class="wp-caption-text">Chapter One Heading</p></div>
<table style="height: 44px;" border="0" width="100%">
<tbody>
<tr>
<td>
<div id="attachment_295" class="wp-caption aligncenter" style="width: 193px"><img class="size-medium wp-image-295" style="border: 1px solid black;" title="elephantschild_chapter1c" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_chapter1c-183x300.jpg" alt="Chapter Two Heading" width="183" height="300" /><p class="wp-caption-text">Chapter Two Heading</p></div></td>
<td>
<p><div id="attachment_296" class="wp-caption aligncenter" style="width: 193px"><img class="size-medium wp-image-296" style="border: 1px solid black;" title="elephantschild_chapter1d" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_chapter1d-183x300.jpg" alt="Chapter Three Heading" width="183" height="300" /><p class="wp-caption-text">Chapter Three Heading</p></div></td>
</tr>
<tr>
<td>
<p><div id="attachment_297" class="wp-caption aligncenter" style="width: 193px"><img class="size-medium wp-image-297" style="border: 1px solid black;" title="elephantschild_chapter1e" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_chapter1e-183x300.jpg" alt="Chapter Four Heading" width="183" height="300" /><p class="wp-caption-text">Chapter Four Heading</p></div></td>
<td>
<p><div id="attachment_298" class="wp-caption aligncenter" style="width: 193px"><img class="size-medium wp-image-298" style="border: 1px solid black;" title="elephantschild_chapter1f" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_chapter1f-183x300.jpg" alt="Chapter Five Heading" width="183" height="300" /><p class="wp-caption-text">Chapter Five Heading</p></div></td>
</tr>
</tbody>
</table>
<p><div id="attachment_293" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-293" style="border: 1px solid black;" title="elephantschild_chapter1a" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_chapter1a-300x245.jpg" alt="First Page of Chapter" width="300" height="245" /><p class="wp-caption-text">First Page of Chapter</p></div>
<div id="attachment_294" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-294" style="border: 1px solid black;" title="elephantschild_chapter1b" src="http://briodesign.com/blog/wp-content/uploads/2009/06/elephantschild_chapter1b-300x245.jpg" alt="Text Treatment" width="300" height="245" /><p class="wp-caption-text">Text Treatment</p></div>
]]></content:encoded>
			<wfw:commentRss>http://briodesign.com/blog/2009/06/first-completed-book-the-elephants-child/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Elephant&#8217;s Child</title>
		<link>http://briodesign.com/blog/2009/06/the-elephants-child/</link>
		<comments>http://briodesign.com/blog/2009/06/the-elephants-child/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 17:48:41 +0000</pubDate>
		<dc:creator>Danielle</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Aria Eden]]></category>
		<category><![CDATA[Book design]]></category>
		<category><![CDATA[Khawan Barton]]></category>
		<category><![CDATA[Rudyward Kipling]]></category>
		<category><![CDATA[The Elephant's Child]]></category>

		<guid isPermaLink="false">http://briodesign.com/blog/?p=273</guid>
		<description><![CDATA[This summer, I&#8217;ve enrolled in the book design class at the University of Baltimore. Since UB&#8217;s summer session is a short eight weeks, the class instruction (and time to complete a project) is a whirlwind. The first project is to design a book for the Rudyard Kipling short story, &#8220;The Elephant&#8217;s Child&#8221;. After several revisions, [...]]]></description>
			<content:encoded><![CDATA[<p>This summer, I&#8217;ve enrolled in the book design class at the University of Baltimore. Since UB&#8217;s summer session is a short eight weeks, the class instruction (and time to complete a project) is a whirlwind. The first project is to design a book for the Rudyard Kipling short story, &#8220;The Elephant&#8217;s Child&#8221;. After several revisions, I feel I&#8217;m close to being happy with my cover design.</p>
<p>Since I am not an illustrator by any stretch of the imagination, obtaining art for a project is always a challenge for me. Especially when there is no client to bill for the work. I found some exceptional paintings from artist <a href="http://ariaeden.blogspot.com/" target="_blank">Aria Eden</a> which I used to create a rough mock-up to present to class. After attempting the first cover, I was told that artwork created for the story itself could not be used-even unpublished artwork. D&#8217;oh!</p>
<p><span id="more-273"></span></p>
<div id="attachment_274" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-274" title="Project-1-v1-1" src="http://briodesign.com/blog/wp-content/uploads/2009/06/Project-1-v1-1-300x214.jpg" alt="Version 1" width="300" height="214" /><p class="wp-caption-text">The Elephant&#39;s Child Book Cover Concept (Version 1)</p></div>
<p>Scouring the Web, I found a beautiful sketch of an elephant&#8217;s face. The artist added pink watercolor to the sketch to soften the pencil lines. The use of pink gave me a unique color palette to work from to create the back cover of the book. Sadly, a week after first presenting the cover, a comment was made that the illustration looked like a body part that rhymes with &#8220;heinous&#8221;. Needless to say, this was a bad thing.</p>
<div id="attachment_275" class="wp-caption aligncenter" style="width: 221px"><img class="size-medium wp-image-275" title="Project-1-v2-1" src="http://briodesign.com/blog/wp-content/uploads/2009/06/Project-1-v2-1-211x300.jpg" alt="Version 2" width="211" height="300" /><p class="wp-caption-text">The Elephant&#39;s Child Book Cover Concept (Version 2)</p></div>
<p style="text-align: left;">Back to the drawing board, I found myself scrambling. Until I found <a href="http://www.kimnaturegirl.net/" target="_blank">Khawan Barton</a>&#8216;s fantastic sketches on Flickr. Khawan&#8217;s elegant sketches of elephants gave me the opportunity to use a more wistful font choice for the title of the book. The only comment in class was that the artwork needed a little more &#8220;meat&#8221; behind it. I am guessing this means a little more substance to help support it. The result is below. I&#8217;m fairly happy with it, though now I&#8217;m not sure about the color of the title in version 4.</p>
<table style="height: 358px; text-align: center;" border="0" width="100%">
<tbody>
<tr>
<td>
<p><div id="attachment_276" class="wp-caption aligncenter" style="width: 224px"><img class="size-medium wp-image-276" title="Project-1-v3-1" src="http://briodesign.com/blog/wp-content/uploads/2009/06/Project-1-v3-1-214x300.jpg" alt="Version 3" width="214" height="300" /><p class="wp-caption-text">The Elephant&#39;s Child Book Cover Concept (Version 3)</p></div></td>
<td>
<p><div id="attachment_276" class="wp-caption aligncenter" style="width: 224px"><img class="size-medium wp-image-276" title="Project-1-v3-1" src="http://briodesign.com/blog/wp-content/uploads/2009/06/Project-1-v4-1-214x300.jpg" alt="Version 3" width="214" height="300" /><p class="wp-caption-text">The Elephant&#39;s Child Book Cover Concept (Version 4)</p></div></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://briodesign.com/blog/2009/06/the-elephants-child/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

