<?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>Design With a Thought - Design/Marketing Blog &#187; Articles</title>
	<atom:link href="http://designwithathought.com/category/articles/feed/" rel="self" type="application/rss+xml" />
	<link>http://designwithathought.com</link>
	<description>Design/Marketing Blog</description>
	<lastBuildDate>Mon, 29 Mar 2010 16:32:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>5 Basic Layout Rules and Tricks</title>
		<link>http://designwithathought.com/articles/5-basic-layout-rules-and-tricks/</link>
		<comments>http://designwithathought.com/articles/5-basic-layout-rules-and-tricks/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 16:28:59 +0000</pubDate>
		<dc:creator>Elena Savitskaya</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[block]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[examples]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[rules]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://designwithathought.com/?p=776</guid>
		<description><![CDATA[We’ve all been in the situation when you need to create a layout for a brochure, web-site, stationary, pretty much anything, and you just get stuck, or even worse, you don’t know where to start, or you’ve done about 10 bazillion revisions for the client and it’s still not working. The thing with layout and ]]></description>
			<content:encoded><![CDATA[<p>We’ve all been in the situation when you need to create a layout for a brochure, web-site, stationary, pretty much anything, and you just get stuck, or even worse, you don’t know where to start, or you’ve done about 10 bazillion revisions for the client and it’s still not working.<span id="more-776"></span> The thing with layout and design in general, there’s no “right way” to do it, there are some general rules, but once again, a lot of successful designers can break these rules and the final outcome will still rock their clients socks, as well as look good. If you ever find yourself in this situation, here are few rules and tricks to help you find the solution to your project:</p>
<h2>1.	Pattern.</h2>
<p>Patterns been about since the universe began, if that sounds crazy to you, think of an atom structure – it follows a pattern, or a DNA, there’s millions of examples. It’s all in front of you, all around you, all you need to do is open your eyes a little bit wider and start seeing what our extremely awesome nature got to show you. Pattern is pretty much anything with observed regularities.  Look around you and try to find patterns that are far from obvious – you will be hugely surprised. Now all you need to do is apply the rule of pattern to your designs.</p>
<p><img class="alignnone size-full wp-image-779" title="pattern_nature" src="http://designwithathought.com/wp-content/uploads/2010/03/pattern_nature.jpg" alt="" width="613" height="243" /></p>
<p>So here are few examples of how you could use pattern in your layouts. The scheme below shows an example of pattern use in a very simplistic form &#8211; to get your imaginations started.</p>
<p><img class="alignnone size-full wp-image-780" title="pattern_use_layout_example" src="http://designwithathought.com/wp-content/uploads/2010/03/pattern_use_layout_example.jpg" alt="" width="613" height="590" /><br />
<strong><em>Schematic of pattern use in layout and design.</em></strong></p>
<p><img class="alignnone size-full wp-image-781" title="pattern_exampl1" src="http://designwithathought.com/wp-content/uploads/2010/03/pattern_exampl1.jpg" alt="" width="613" height="243" /><br />
<strong><em>Pattern use in the background and also in the pricing table.</em></strong></p>
<p><img class="alignnone size-full wp-image-782" title="pattern_exampl2" src="http://designwithathought.com/wp-content/uploads/2010/03/pattern_exampl2.jpg" alt="" width="613" height="243" /><br />
<strong><em>Old school &#8220;pixel&#8221; pattern use on Thinkstock.</em></strong></p>
<p><strong><em> </em></strong></p>
<p><img class="alignnone size-full wp-image-783" title="pattern_exampl3" src="http://designwithathought.com/wp-content/uploads/2010/03/pattern_exampl3.jpg" alt="" width="613" height="243" /><br />
<strong><em>A very subtle use of pattern in the background on Graphic River.</em></strong></p>
<h2>2.	Consistency</h2>
<p>Remaining consistent throughout your design is very important. If there’s no consistency, there’s no visual and sub-conscious link, there’s no connection for human brain to easily store the information you’re presenting. By being consistent, you’re making sure that the eye flows easily through your design and that brain of anyone who sees your design has that “constant” to catch on to, which makes it easier to remember.  Best example – good branding, think big brands: their constant for you is their logo, you see it and your brain instantly makes the connection with the image, service the company offers and all the experiences connected to it. It works like labels in different sections of a library – makes it easier to find things.<br />
Examples of consistency in design:<br />
<img class="alignnone size-full wp-image-784" title="consistency_use_layout_exam" src="http://designwithathought.com/wp-content/uploads/2010/03/consistency_use_layout_exam.jpg" alt="" width="613" height="315" /><br />
<strong><em>Schematic of consistency use in layout design.</em></strong></p>
<p><img class="alignnone size-full wp-image-785" title="consistency_use_layout_exa2" src="http://designwithathought.com/wp-content/uploads/2010/03/consistency_use_layout_exa2.jpg" alt="" width="613" height="301" /><br />
<strong><em>Schematic of consistency in shapes and color.</em></strong></p>
<p><a href="http://www.behance.net/Gallery/STAR-GRID-POSTERS/311165"><img class="alignnone size-full wp-image-786" title="consist_exampl1" src="http://designwithathought.com/wp-content/uploads/2010/03/consist_exampl1.jpg" alt="" width="613" height="243" /></a></p>
<p><strong><em>Example of great use of consistency in brochure design.</em></strong></p>
<p><a href="http://www.behance.net/Gallery/Life-Style-Branding/319282"><img class="alignnone size-full wp-image-787" title="consist_exampl2" src="http://designwithathought.com/wp-content/uploads/2010/03/consist_exampl2.jpg" alt="" width="613" height="243" /></a><br />
<strong><em>Another great example of consistency in brochure design.</em></strong></p>
<h2>3.	Color Accents</h2>
<p>If you’re stuck with too many colors in your design and it just looks too cluttered, try narrowing down the palette and choosing an accent color. You’ve probably seen many websites, brochures, business card designs that use this technique, but we don’t always pay attention to tiny detail when browsing about, so here’s a few examples of accent color use:<br />
<img class="alignnone size-full wp-image-789" title="coloraccent_layout_example" src="http://designwithathought.com/wp-content/uploads/2010/03/coloraccent_layout_example.jpg" alt="" width="613" height="331" /></p>
<p><strong><em>Schematic of color accent use in layout.</em></strong></p>
<p><img class="alignnone size-full wp-image-790" title="coloraccent_examp2" src="http://designwithathought.com/wp-content/uploads/2010/03/coloraccent_examp2.jpg" alt="" width="613" height="243" /><br />
<strong><em>Great color accent use on buttons by BuySellAds.com</em></strong></p>
<p><img class="alignnone size-full wp-image-791" title="coloraccent_exampl3" src="http://designwithathought.com/wp-content/uploads/2010/03/coloraccent_exampl3.jpg" alt="" width="613" height="243" /><br />
<strong><em>(Click for full view) Great use of color accent in poster layout.</em></strong></p>
<p>Accent color makes particular parts of your layout stand out more than other parts, which has great use in marketing. If your client is trying to highlight particular messages in your layout in order to market their product or service better, that’s a perfect place to use accent color.  Accent color can also be used as a guiding line for the eye to flow through your design. Here’s a few simple examples of basic images that use accent, all you need to do is implement same ideas throughout your designs.</p>
<h2>4.	Visual Connections</h2>
<p>Every design needs visual framework, no matter if it’s obvious or not. Visual framework, in a nutshell, it’s a glue that holds pieces of information and imagery together. It can be in a form of grid layout, blended subtle background, little icons in the same style and size, repeating colors or shapes, as long as it glues pieces of your layout “puzzle” together, it creates visual connection. When I was at school, we use to have a classroom game, the rules were simple, you draw a train coach and pass piece of paper to the person next to you and they draw a coach in their own style, and so on. You end up with perfect example of visual connection. Even thou every coach is different, they are connected into one train, and they all represent one object when “glued” together.  Here’s a few examples of how visual connections can be established in a layout:</p>
<p><img class="alignnone size-full wp-image-792" title="visual_conn" src="http://designwithathought.com/wp-content/uploads/2010/03/visual_conn.jpg" alt="" width="613" height="301" /><br />
<strong><em>Schematic examples of creating visual connetion.</em></strong></p>
<p><a href="http://www.behance.net/Gallery/Festival-Brochure-_amp-Billboard/373730"><img class="alignnone size-full wp-image-793" title="visual_connection_exampl1" src="http://designwithathought.com/wp-content/uploads/2010/03/visual_connection_exampl1.jpg" alt="" width="613" height="243" /></a><br />
<strong><em>Beautiful use of color, shapes and inforgraphics to create visual connetion.</em></strong></p>
<p><img class="alignnone size-full wp-image-794" title="visual_connection_exampl2" src="http://designwithathought.com/wp-content/uploads/2010/03/visual_connection_exampl2.jpg" alt="" width="613" height="243" /><br />
<strong><em>Facebook uses tiny icons to create visual connection.</em></strong></p>
<p><img class="alignnone size-full wp-image-795" title="visual_connection_exampl3" src="http://designwithathought.com/wp-content/uploads/2010/03/visual_connection_exampl3.jpg" alt="" width="613" height="243" /><br />
<strong><em>Tabs establish great visual connections between content and navigation. A true web 2.0 wonder.</em></strong></p>
<h2>5.	Usual vs. Unusual</h2>
<p>Sometimes it’s not very obvious that the project requires a little more than usual layout approach. A lot of designers dread the idea of going into a new direction, away from their “safe place”.  But the only way you can keep evolving as a Graphic or Web designer, is if you take risks and experiment. Sometimes the most accidental and craziest idea can become great success. The best advice when considering Usual vs. Unusual is to consider client’s opinion on the approach first and if you get a solid “yes”- experiment, experiment, experiment.  On the other hand, going for “usual” look can save you time, nerves and amount of critique you will get once the project is completed. Here’s a few examples of unusual approach to layout:<br />
<img class="alignnone size-full wp-image-796" title="usual_vs_unusual" src="http://designwithathought.com/wp-content/uploads/2010/03/usual_vs_unusual.jpg" alt="" width="412" height="301" /><br />
<strong><em>Schematic represenation of creating unusual out of usual using same shape.</em></strong></p>
<p><a href="http://www.behance.net/Gallery/Energo-Holding-brochure/221975"><img class="alignnone size-full wp-image-797" title="unusual_exampl" src="http://designwithathought.com/wp-content/uploads/2010/03/unusual_exampl.jpg" alt="" width="613" height="243" /></a><br />
<strong><em>Example of great unusual approach to corporate brochure design.</em></strong></p>
<p><a href="http://www.behance.net/Gallery/LAGUN-ARTEA_-branding/260480"><img class="alignnone size-full wp-image-798" title="usual_exampl1" src="http://designwithathought.com/wp-content/uploads/2010/03/usual_exampl1.jpg" alt="" width="613" height="243" /></a><br />
<strong><em>Example of great, old school approach to brochure design.</em></strong></p>
<p>Do you have any tips or tricks or your own rules that help you get through layout tasks? Let us know in the comment section! We would love to hear your opinion.<br />
Please consider tweeting the life out of this post to help other people find this article! <img src='http://designwithathought.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://designwithathought.com/articles/5-basic-layout-rules-and-tricks/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How to design perfect business cards</title>
		<link>http://designwithathought.com/articles/design-perfect-business-cards/</link>
		<comments>http://designwithathought.com/articles/design-perfect-business-cards/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 06:00:56 +0000</pubDate>
		<dc:creator>Elena Savitskaya</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[business cards]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://designwithathought.com/?p=82</guid>
		<description><![CDATA[Ever wondered what makes a perfect business card? It&#8217;s a hard one to figure out, but all you really need to do is remember when you&#8217;ve been given a few or just go through those that you already have.

Recently i decided to print that perfect one for myself. My main marketing tool was internet, so ]]></description>
			<content:encoded><![CDATA[<p>Ever wondered what makes a perfect business card? It&#8217;s a hard one to figure out, but all you really need to do is remember when you&#8217;ve been given a few or just go through those that you already have.</p>
<p><span id="more-82"></span></p>
<p>Recently i decided to print that perfect one for myself. My main marketing tool was internet, so i never really considered having some. But recently, stumbling upon  potential client&#8217;s in my everyday life, i realised that i need them. And they must have &#8220;The Wow Factor&#8221;.</p>
<h2><strong>Tip #1. State what u do obliviously obvious.</strong></h2>
<p>Why? Cos you want your prospective client to instantly recognize your business among all others in massive pile of business cards that they might have to go trough.</p>
<p>If you&#8217;re designing a business card for a company or yourself, you have to make sure that first thing the receiver sees is what you actually do, what service or product you are selling.  An instant trigger like a well made logo or a bold statement normally does the trick.</p>
<h2><strong>Tip #2. Make it easy to find contact details.</strong></h2>
<p>Why? Cos that&#8217;s probably what clients are going to be looking for on your card.<br />
Make your contact details easily readable, you might as well make your number (or e-mail) stand out a little bigger than the rest, if that is the way your clients would use most often. Keep in mind that you still have to keep it aesthetically sensible.</p>
<h2><strong>Tip #3.  Looking professional.</strong></h2>
<p>Why? Cos no-one wants to deal with tacky looking people/businesses.<br />
One important thing: NEVER use tacky templates with unrelated pictures, print website templates and all templates of this kind. Make sure the paper is think enough not to look cheap, the cheaper your business card looks, the more likely it&#8217;d get thrown away 5 minutes after you give it away. If you&#8217;re not sure of your own capabilities, hire a professional to design it for you, it will pay off.  If you can&#8217;t afford to hire a professional, hire a student, the chances are he will still do a better job than a template would.</p>
<h2><strong>Tip #4. Give them a reason to contact you.</strong></h2>
<p>That&#8217;s where USP (unique selling points) come in handy. Do you have one? What makes you different? What is it that you have that would make them call you and not your competitor? Make sure you state it clearly on the business card, but keep in mind that you don&#8217;t want to look desperate, otherwise, you&#8217;ll have an opposite effect.</p>
<h2><strong>Tip #5. The WOW factor.</strong></h2>
<p>Look slick and professional might not be enough these days, so surprise your clients with something that has a &#8220;wow&#8221; factor, that could be anything, creative shape, idea, implementation. Doing some competitor research can help with this one too, as you get to see what your competitors didn&#8217;t do or were too afraid to do with their business cards. Stand out from the crowd, but make sure you stand out with &#8220;wow&#8221;, not with &#8220;weirdo&#8221; factor.</p>
<h2><strong>Tip #6. Colors.</strong></h2>
<p>Make sure your business cards are done in appropriate colors, as they vary from industry to industry, it&#8217;s a good idea trying to project some particular feelings with colors.  If you have a corporate palette that would come in handy too. Once again, don&#8217;t use insane colors to stand out, all it does is that it makes you seem desperate.</p>
<h2><strong>Tip #7 . Little humour and human touch never hurts.</strong></h2>
<p>Add some humour, make it interesting, engage a person into actually being interested in what you do. It could also be a good ice breaker and conversation starter.<br />
Expert Opinion</p>
<blockquote style="text-align: left;"><p><a href="http://www.3akis.com/" target="_blank"><img class="size-full wp-image-507 alignleft" style="margin: 2px; padding-right: 8px;" title="Rytis, Graphic Designer" src="http://designwithathought.com/wp-content/uploads/2008/08/2912_1132845996273_10809716.jpg" alt="Rytis, Graphic Designer" width="100" height="100" align="left" /></a><a href="http://www.3akis.com/" target="_blank">Rytis, Graphic Designer</a><br />
Most important is a unique idea, which doesn’t cover the main concept. The most important to stay in memories of the person with who you just been talking. Next thing that I always value is the price of the card itself, not the design, but a paper (strong or soft, texture, material) the quality of choice is very wide, and that selection can provide me with a lot of information (of course I am in the same market). Next – the ink. I like to touch the card, and feel the rounded edges of the ink. These small things can tell me how careful you are at the details and how much you are experienced in print design techniques.</p></blockquote>
<p>Random Opinion</p>
<blockquote><p><strong>Thanasis, Civil Engineer</strong><br />
First of all keep it simple and professional. Colors should not be too vivid, because you must make the viewer focus on the information.</p></blockquote>
<p><em>Futher Reading: </em></p>
<p><span><a href="http://www.infoplease.com/spot/colors1.html">Color Psychology</a></span></p>
<p><span><a href="http://blogof.francescomugnai.com/2008/12/the-best-65-business-cards-of-the-year-the-final-collection/">The best 65 business cards of the year</a></span></p>
<p><span><a href="http://blogof.francescomugnai.com/2009/03/38-new-business-cards-best-of-jan-feb-mar-2009/">More inspiration</a><br />
</span></p>
<p><span><strong>Do you have something to say? Leave us a comment.</strong><br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://designwithathought.com/articles/design-perfect-business-cards/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
