<?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>overflow:visible; &#187; Web Design</title>
	<atom:link href="http://overflowvisible.com/blog/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://overflowvisible.com</link>
	<description></description>
	<lastBuildDate>Sat, 10 Sep 2011 20:26:18 +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 Layered Approach</title>
		<link>http://overflowvisible.com/blog/2011/06/05/a-layered-approach/</link>
		<comments>http://overflowvisible.com/blog/2011/06/05/a-layered-approach/#comments</comments>
		<pubDate>Sun, 05 Jun 2011 14:00:52 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Project Management]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[future designers]]></category>
		<category><![CDATA[in-house design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[workflow]]></category>

		<guid isPermaLink="false">http://overflowvisible.com/?p=311</guid>
		<description><![CDATA[<p>An often overlooked element of the work-flow process is layers. All the Adobe products use layers. They are great – you can have a layer for every little line in your project if you want. It’s actually a great thing &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>An often overlooked element of the work-flow process is layers. All the Adobe products use layers. They are great – you can have a layer for every little line in your project if you want. It’s actually a great thing for editing a file later. So when aren’t they beneficial? When you haven’t named a single one of them and someone else has to use your file to edit a project. Note: the next person could be you in six months. Will you remember what Layer 135 is? </p>
<p>I think it all started when, at my first job as an in-house designer, I inherited all the files from the previous designer. I had to click through so many layers to find what I needed, re-labeling, re-grouping and deleting empty layers. A half hour at least for every file I had to open. Multiply that by even just 10 files and looks how much time is wasted. Right then and there, every file I created was labeled, grouped and clearly named. This became a blessing when the company hired two more designers and I already had a workflow in place.</p>
<div id="attachment_313" class="wp-caption alignleft" style="width: 160px"><a href="http://overflowvisible.com/wp-content/uploads/layers-mess.jpg" rel="lightbox[layers]"><img class="size-thumbnail wp-image-313 " title="Layers Mess" src="http://overflowvisible.com/wp-content/uploads/layers-mess-150x150.jpg" alt="Layers Mess" width="150" height="150" /></a><p class="wp-caption-text">The Offending File</p></div>
<p>Another more recent example &#8211; I downloaded a template file that a client purchased. I open the file, ready to get to work and what a letdown. None of the layers have names or they are weird names that make no sense to me. It took me an unnecessary 20 minutes just to nail down the layers and where things were.</p>
<p>Sure, it might seem tedious to name every layer. How about folders? You can group layers into folders named Header, Footer, Right Sidebar, etc. and, even if you don’t name the layers, at least you can drill down right to the specific area you need to edit and instead of going through 50 layers you only need to go through 10. I do both.</p>
<div id="attachment_319" class="wp-caption alignleft" style="width: 160px"><a href="http://overflowvisible.com/wp-content/uploads/layers-mine.jpg" rel="lightbox[layers]"><img class="size-thumbnail wp-image-319 " title="Neat Layers" src="http://overflowvisible.com/wp-content/uploads/layers-mine-150x150.jpg" alt="Neat Layers" width="150" height="150" /></a><p class="wp-caption-text">Neat &amp; Organized</p></div>
<p>I name every layer and then group things into named folders. I’m a freelancer and, at this point, I’m the only one who works on my files but my workflow is so much easier because I can just open a file, zero right in to where I need to be. But who knows – maybe I’ll have an assistant someday. I wouldn’t want nightmare files slowing down the person who is supposed to be helping me. Besides being a bit anal and knowing that I have to practice what I preach, I just think it’s courteous and although I’m usually only being courteous to myself  &#8211; if I’m not courteous to myself, who will be?</p>
<p><em>Side Note:</em> I recently worked with another designer who sent me the psd files that I would be using to develop the website. Of course, I was thinking the files were going to be a mess when I got them but I was wrong! Much to my surprise, this fellow designer created her files like I do. Naming every layer and grouping the areas in folders. The project was a breeze to develop.</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2011/06/05/a-layered-approach/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 for Web Designers</title>
		<link>http://overflowvisible.com/blog/2010/09/03/html5-for-web-designers/</link>
		<comments>http://overflowvisible.com/blog/2010/09/03/html5-for-web-designers/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 02:17:40 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[a book apart]]></category>
		<category><![CDATA[book review]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[linkedin]]></category>

		<guid isPermaLink="false">http://overflowvisible.com/?p=277</guid>
		<description><![CDATA[<p>The first book of <a title="Website for a book apart" href="http://www.books.alistapart.com" target="_blank">abookapart</a>, HTML5 for Web Designers, whose goal was to be “clear, brief and specific with a touch of humor” were quite successful in their endeavor!</p>
<p>The book is 89 pages including the index, foreword, table &#8230;</p>]]></description>
			<content:encoded><![CDATA[<div id="attachment_278" class="wp-caption alignleft" style="width: 115px"><a href="www.books.alistapart.com"><img class="size-full wp-image-278 " title="HTML5 for Web Designers" src="http://overflowvisible.com/wp-content/uploads/html5-for-web-designers.jpg" alt="HTML5 for Web Designers" width="105" height="152" /></a><p class="wp-caption-text">HTML5 for Web Designers by Jeremy Keith</p></div>
<p>The first book of <a title="Website for a book apart" href="http://www.books.alistapart.com" target="_blank">abookapart</a>, HTML5 for Web Designers, whose goal was to be “clear, brief and specific with a touch of humor” were quite successful in their endeavor!</p>
<p>The book is 89 pages including the index, foreword, table of contents, about abookapart, about the author and a note on the font. Even the copyright and ISBN information are brief! Cleary brevity was achieved but can you be specific and clear in that amount of space? Yes and we’re not talking a 4 point font with no whitespace either. No sir! This is a great little book that manages to provide a history of mark-up, the new features of HTML and nifty little workable Javascript tricks to gracefully degrade in browsers without full HTML5 support thereby providing an almost seamless user experience.</p>
<p>It is a great little book with lots of good examples of how to use these new HTML5 elements throughout. I highly recommend! And a note to author Jeremy Keith: if you ever need back-up in your hunt for the users of autoplay and loop – I’ve got your back!</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2010/09/03/html5-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My Own Worst Design Enemy</title>
		<link>http://overflowvisible.com/blog/2010/08/12/my-own-worst-design-enemy/</link>
		<comments>http://overflowvisible.com/blog/2010/08/12/my-own-worst-design-enemy/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 20:43:59 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[linkedin]]></category>

		<guid isPermaLink="false">http://overflowvisible.com/?p=256</guid>
		<description><![CDATA[<p>
<div id="attachment_206" class="wp-caption alignleft" style="width:150px;"><img class="size-full wp-image-206" src="http://overflowvisible.com/wp-content/uploads/mysite.jpg" border="0" width="150" height="150" />
<p class="wp-caption-text">A Corner of<br />
My Future Site</p></div>
</p><p>I am currently in the process of redesigning my own website,  which showcases a portfolio of my web design work along with my photography. It  is long overdue and certainly could benefit from more &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>
<div id="attachment_206" class="wp-caption alignleft" style="width:150px;"><img class="size-full wp-image-206" src="http://overflowvisible.com/wp-content/uploads/mysite.jpg" border="0" width="150" height="150" />
<p class="wp-caption-text">A Corner of<br />
My Future Site</div>
<p>I am currently in the process of redesigning my own website,  which showcases a portfolio of my web design work along with my photography. It  is long overdue and certainly could benefit from more copy and a more coherent  design and flow. Looking at the site from a potential client or employer’s  perspective one would wonder who this designer is. What does this designer have  to offer? On the surface, it doesn’t look like much.</p>
<p> The design aspect of my site is definitely farther along  than the copy which is unfortunate because it is really better to design with  content than without. Designing without the copy can lead to a whole host of  issues including continually redesigning and, were it for a client, extra  charges. While I may not be charging myself, I don’t want to waste my own time  either. </p>
<p> Writing copy for the web is a little different, as many  articles will tell you. The copy needs to be succinct but as detailed as  possible because it needs to be found by search engines and users otherwise  it’s just a pretty element of cyberspace. The thing that gets in the way is the  search engine optimization (SEO) aspect of the writing. While there are key  phrases and words you want to find you in a search, you also don’t want to  sound like you’re writing just for the search, which is part of what was  holding me back writing copy for my site. I could blame it on writer’s block  but I can eke out a few blog posts and a lot of poetry in a given time span so  clearly it isn’t writer’s block. Part of it of course, is determining who I am  as a designer and then making that work with ‘key phrases’ and part of it is my <a href="http://overflowvisible.com/2009/08/10/perfection-confinement/">perfection  confinement</a>: it has to be right the first time.</p>
<p> An article I read the other day at <a href="http://www.websitemagazine.com/">Website Magazine</a> really helped. And  the thing that got me was that as a writer, the advice was so obvious. <a href="http://www.websitemagazine.com/content/blogs/posts/archive/2010/06/15/seo-copywriting-guide.aspx">“Start  by writing 2 or 3 bulleted points that you want to make….”</a> Wow. Brilliant,  eh? That’s the basis for essay writing in high school: the outline. (Incidentally,  I don’t think I ever wrote an outline that was worth anything. I went right  into the writing part – I guess its coming back to haunt me now!) Using this  paramount piece of advice for the ‘elevator pitch’ at the beginning of my  resume, which was also eluding me, I broke through these barriers and I feel  that I’m ready to move on to tackle the copy on my website. </p>
<p> Another good point at the <a href="http://www.webdesignerdepot.com/2010/06/information-architecture-enhancing-the-user-experience/">Web  Designer Depot was to “Think about the story you want to tell at each point in  the design process.”</a> This is something that was definitely missing from my  approach. Looking at how I was proceeding in my own site design, I was seeing  each page as its own entity, separate from any other page but this shouldn’t be  the case. A website, in this instance mine, should have a solid idea as a whole  and each page should support that. I am my worst client. I was doing all the  things that frustrate me in dealing with clients. Not provide copy, not having  a clear vision of flow, not thinking about the audience. No wonder I have been  stumbling all over the place. </p>
<p> I now have a much more clear vision of what I want the site  to do and I see my little cyber niche becoming a much more enjoyable place to land.</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2010/08/12/my-own-worst-design-enemy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Say Something!</title>
		<link>http://overflowvisible.com/blog/2009/12/12/say-something/</link>
		<comments>http://overflowvisible.com/blog/2009/12/12/say-something/#comments</comments>
		<pubDate>Sat, 12 Dec 2009 16:01:10 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[compromise]]></category>
		<category><![CDATA[future designers]]></category>
		<category><![CDATA[in-house design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[speak up]]></category>

		<guid isPermaLink="false">http://blog.raynadiane.com/?p=151</guid>
		<description><![CDATA[<p><img class="alignleft title=" src="http://www.raynadiane.com/blog-images/you-are-the-expert.jpg" alt="" />Over the thanksgiving holiday, I was in West Virginia  visiting my parents. They live across from West Liberty University where my  father teaches theater. Unbeknownst to me, my father spoke with Jim, the web  design teacher and asked him if &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft title=" src="http://www.raynadiane.com/blog-images/you-are-the-expert.jpg" alt="" />Over the thanksgiving holiday, I was in West Virginia  visiting my parents. They live across from West Liberty University where my  father teaches theater. Unbeknownst to me, my father spoke with Jim, the web  design teacher and asked him if he would like a practicing web designer speak  in front of his class. That web designer would be me.</p>
<p>I was a little put off at first. What could I possibly offer  to these students and I said as much. Dad said you don’t have to decide right  now, think about it a bit. So, before drifting off into the sweet slumber of  vacation, I thought about it. As it turns out a number of things began popping  up that I thought might be good to share with graduating students. Some of the  most important parts of being a designer, at least as far as what I’m going  through, are being able to compromise and not being afraid to speak-up.</p>
<p>When a CEO or a marketer, for example, comes up against  something that won’t work or isn’t the right strategy for a particular project,  what happens? They aren’t afraid to speak up and neither should you. Why? <em>You are the expert.</em> The designer is the  expert in his or her field just as a marketer or CEO are the experts in their  fields. Designers (you!) know layout, placement, typography and how to use  color to convey meaning. And that education is continued all the time. Think  about all the blogs you read, magazines you buy, even if they aren’t design  related. Designers keep up with trends just the way CEOs keep up with financial  and business trends. BUT  a good designer  or business person also knows that some things have to be let go, which brings  us to…</p>
<p>Compromise. It’s a tough word to love. It means some part of  what you wanted must give way to what someone else wants whether it’s a  personal or professional relationship. Design is always a compromise from the  start between the designer and the end market. What is currently accepted as a  trend may not be what the designer would choose but the final piece isn’t for  the designer. Throw into that mix producers, managers, art directors and I’m  sure a few others as well and there could be a lot of compromising. Not every  element needs to be fought for.  If the  major element, say the header, is the piece that is really breaking the  meaning, fight for that and let the grainy sponsor logos go. If that font is  wrong and you know it and other people know it, it’s worth it. Show them a  piece like it that worked because of the font change or show them a piece that  didn’t work because the header wasn’t given the proper treatment.</p>
<p>These aren’t mind-blowing revelations by any means but I think  they’re important. The in-house design department I work in suffered for a long  time because we didn’t speak up. We also compromise a lot since there are more  than 3 people involved in any given project, which can be frustrating but if  you really believe that what you’re thinking should be done will benefit the  project, say it.</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2009/12/12/say-something/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Forays into twitter</title>
		<link>http://overflowvisible.com/blog/2009/06/02/forays-into-twitter/</link>
		<comments>http://overflowvisible.com/blog/2009/06/02/forays-into-twitter/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 02:43:13 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://blog.raynadiane.com/?p=59</guid>
		<description><![CDATA[<p>So while I may not tweet myself, my current company certainly does and I figured it was only a matter of time before they were going to want to have their twitter pages more &#8216;design-y&#8217; as they are wont to &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>So while I may not tweet myself, my current company certainly does and I figured it was only a matter of time before they were going to want to have their twitter pages more &#8216;design-y&#8217; as they are wont to say. I was actually on the verge of offering to design one just to get familiar with the interface and so forth when voila! the outlook invite to a twitter design meeting appeared at my inbox horizon. And so I share my first three twitter backgrounds, which, are by no means as stellar as some of the ones featured on <a title="25 of the Best Twitter Designs" href="http://designreviver.com/inspiration/25-of-the-best-designed-twitter-homepages/" target="_blank">Design Reviver</a>, they are certainly functional for the type of company that <a title="Institute for International Research" href="http://www.iirusa.com" target="_blank">IIR</a> is, which is an educational conference company.</p>
<p><a title="Visit the Shopper 360 twitter page" href="http://twitter.com/Shopper360" target="_blank">Shopper 360</a> // <a title="Visit the Edge of Marketing twitter page" href="http://twitter.com/edgeofmarketing" target="_blank">Edge of Marketing</a> // <a title="Visit the Future of BioPharma twitter page" href="http://twitter.com/futurebiopharma" target="_blank">Future of Biopharma</a></p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2009/06/02/forays-into-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Site Launch</title>
		<link>http://overflowvisible.com/blog/2009/04/24/new-site-launch/</link>
		<comments>http://overflowvisible.com/blog/2009/04/24/new-site-launch/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 19:45:35 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[linkedin]]></category>

		<guid isPermaLink="false">http://blog.raynadiane.com/?p=45</guid>
		<description><![CDATA[<p><a href="http://www.iirusa.com/projectworldnovember"><img class="alignleft" title="ProjectWorld November Thumb" src="http://www.raynadiane.com/images/Thumb_pwwcba_nov.jpg" alt="" width="150" height="150" /></a>The most recent launch in my portfolio of events is the <strong><a href="http://www.iirusa.com/projectworldnovember" target="_blank">November ProjectWorld event/conference</a></strong>.</p>
<blockquote><p>This program is what every advanced Project Manager or Business Analysts needs. It’s time to Re-Examine                      and Recharge core fundamentals, Lead Exceptional Execution through these </p>&#8230;</blockquote>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iirusa.com/projectworldnovember"><img class="alignleft" title="ProjectWorld November Thumb" src="http://www.raynadiane.com/images/Thumb_pwwcba_nov.jpg" alt="" width="150" height="150" /></a>The most recent launch in my portfolio of events is the <strong><a href="http://www.iirusa.com/projectworldnovember" target="_blank">November ProjectWorld event/conference</a></strong>.</p>
<blockquote><p>This program is what every advanced Project Manager or Business Analysts needs. It’s time to Re-Examine                      and Recharge core fundamentals, Lead Exceptional Execution through these challenging times and                     sustain long term growth for competitive advantage.</p></blockquote>
<p>This is the second event in this particular conference series. The other, which was launched a few months ago, is the <strong><a href="http://www.iirusa.com/projectworldjune" target="_blank">June ProjectWorld event</a></strong>. Both are very similar in look and feel though the gold element on the November event provides a more regal feeling.</p>
<p>It went smoothly, which, after working in this particular job for 3 1/2 years, makes me antsy. I&#8217;m waiting for the other shoe to drop! It seems rare that an event would launch so easily. hmmmm&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2009/04/24/new-site-launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

