<?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>The Website Owner&#039;s Manual &#187; contrast</title>
	<atom:link href="http://www.nurelm.com/themanual/tag/contrast/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nurelm.com/themanual</link>
	<description>Tips and tricks from the trenches. Written by people who like the Web so much that they decided to turn obsessive surfing habits into career choices.</description>
	<lastBuildDate>Wed, 01 Feb 2012 02:46:27 +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>Designing for the Non-Designer &#8211; Part II Review &amp; Tips and Trick-</title>
		<link>http://www.nurelm.com/themanual/2009/08/20/designing-for-the-non-designer-part-ii-review-tips-and-trick/</link>
		<comments>http://www.nurelm.com/themanual/2009/08/20/designing-for-the-non-designer-part-ii-review-tips-and-trick/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 13:22:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[basics]]></category>
		<category><![CDATA[contrast]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designing]]></category>
		<category><![CDATA[solutions]]></category>
		<category><![CDATA[Trends]]></category>

		<guid isPermaLink="false">http://www.nurelm.com/themanual/?p=255</guid>
		<description><![CDATA[This post  is for those who get thrown into graphic design without any formal knowledge of what makes a good design, or,  what causes unforgettable disasters.  Once able to recognize the basics of designing principles you will be more in control of your work and marketing materials.  This can range from printed articles to website [...]]]></description>
			<content:encoded><![CDATA[<p>This post  is for those who get thrown into graphic design without any formal knowledge of what makes a good design, or,  what causes unforgettable disasters.  Once able to recognize the basics of designing principles you will be more in control of your work and marketing materials.  This can range from printed articles to website design. This three-part series will help you understand basic design principles, tips and tricks,  typography,  and how each can help you.</p>
<p><strong>Reviewing C.R.A.P.<img class="alignright size-full wp-image-104" title="C.R.A.P." src="http://www.nurelm.com/themanual/wp-content/uploads/2009/07/crap.jpg" alt="C.R.A.P." width="300" height="300" /></strong></p>
<p>Be bold.  Leave plenty of blank space for a place for the eyes to rest.  Be asymmetrical,  it typically makes your efforts stronger.  Don&#8217;t be afraid to make text or images big or  small.  <strong>Proximity</strong> is where related items should be grouped together.  Separate items that are not directly related.  <strong>Alignment</strong>: make sure to keep pieces unified and keep alignment with other elements on the page. <strong>Repetition</strong> is the stronger form of being consistent,  see what you already consistently use and make one of the elements stronger.  <strong>Contrast </strong>draws the eye to the page, the strong black versus white space.</p>
<p><strong>Extra Tips &amp; Tricks</strong></p>
<p><strong>Identity Packaging </strong>- the most prominent features of an identity package are cohesive repetition throughout.</p>
<p><strong>Business Cards</strong> &#8211; Use second colors sparingly. Talk to the print shop on how to set up your business cards on a page.  Standard business card size is 3.5 inches by 2 inches (vertical or horizontal).  Some pitfalls to avoid on business cards are to keep things out of the corners,  avoid using Times, Arial, or Helvetica typefaces.  They&#8217;re dated. Try to avoid using 12-point size font business cards. Typically, 10-point or smaller is used.  Finally, don&#8217;t feel like you have to use the entire space. There&#8217;s no need to have the words email or website on the card. A left or right alignment gives a more professional look than a center alignment.  Use periods instead of dashes or parentheses, it gives a much cleaner look.</p>
<p><strong>Letterhead &amp; Envelopes</strong> &#8211; Use a similar format on the letterhead, envelope and business card.  Make one element dominant, but avoid having the boring center aligned across the top layout.  If you make a second page take a small element from the first page and use it alone on the second page.  Since you&#8217;ll invariably be faxing or copying your letterhead avoid dark or speckled paper.</p>
<p><strong>Flyers </strong>- With flyers the sky is the limit. You want your piece to stand out because it has to compete with all the other readable junk out there.  Most of all you want to call attention to your headline.  Some pitfalls to avoid: boring typefaces, putting characters in boxes, instead of hyphens or bullets try zapf dingbats instead, don&#8217;t center everything (boring),  avoid  ho hum gray contrasts, watch your line breaks so there are no unnecessary hyphens. Try using interesting new typefaces. Use a big graphic element or typeface in a huge way.  If you draw the reader in with interest they will read the text.  Try to use subheadings that contrast so the reader can scan,  make a strong focal point,  use repetition for typefaces even if the typeface is bold or different.  Finally, make sure to choose one kind of alignment.</p>
<p><strong>Newsletters </strong>- The main element when designing a newsletter is consistency. Each pages should look like it belongs.  That doesn&#8217;t mean everything needs to look exactly the same, though.  Also don&#8217;t forget your white space. Your flag or masthead sets the tone for the rest of your newsletter. It should tell your readers who you are.  Use contrasting type, but use your type consistently throughout the newspaper.  Make sure to have your headlines and sub heads bold and contrasting so the reader can skim.  Avoid using a sans serif typeface for the body text as it&#8217;s hard to read.</p>
<p><strong>Brochures</strong> &#8211; Before making a brochure you should sit down and fold a piece of paper to determine how you want your brochure to look.  Choose the style for the front and back panel and how it will open.  Be careful though, the fold measurements aren&#8217;t the same on the front as they are on the back.  Be aware of the folds. You don&#8217;t want information getting lost in the folds.  You will need a &#8220;gutter&#8221; to keep you from losing text in the folds.  On the other hand, feel free to have graphics flow from panel to panel. As always keep alignment consistent throughout the whole brochure and keep the text size under 12-point.</p>
<p><strong>Postcards</strong> &#8211; Postcards are a great way to grab attention.  Be different.  Use an odd sized postcard to make it stand out.  Be specific with your message but keep it brief.  Use color to attract the eye. The guidelines for business cards can also be applied to post cards.  Be brave in your design and don&#8217;t forget your white space.</p>
<p><strong>Newspaper Ads</strong> -  White space is a must. It gives the reader something to land on.  Be clever with your headlines, be clear on your purpose, and be brief.  Readers want simple and to the point.  Avoid reverse type (white type on black background).</p>
<p><strong>Websites</strong> &#8211; As always repetition and clarity are important. Websites must be inviting and easy to navigate. Consistency is also a key factor is designing websites.  Line lengths of text are actually shorter than what is used on paper.</p>
<p><strong>What now?</strong></p>
<p>If you&#8217;re still confused or need help please don&#8217;t hesitate to call <strong>NuRelm</strong> 724.430.0490!</p>
<p><strong>Preview of next article:</strong></p>
<p>How to design with typefaces and make them work effectively.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nurelm.com/themanual/2009/08/20/designing-for-the-non-designer-part-ii-review-tips-and-trick/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Designing for the Non-Designer &#8211; Part I The Basics</title>
		<link>http://www.nurelm.com/themanual/2009/07/07/designing-for-the-non-designer-part-i-the-basics/</link>
		<comments>http://www.nurelm.com/themanual/2009/07/07/designing-for-the-non-designer-part-i-the-basics/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 13:58:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[basics]]></category>
		<category><![CDATA[contrast]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designing]]></category>
		<category><![CDATA[NuRelm]]></category>

		<guid isPermaLink="false">http://www.nurelm.com/blog/?p=85</guid>
		<description><![CDATA[This post  is for those who get thrown into graphic design without any formal knowledge of what makes a good design, or, what causes unforgettable disasters. Once able to recognize the basics of designing principles you will be more in control of your work and marketing materials. This can range from printed articles to website [...]]]></description>
			<content:encoded><![CDATA[<p>This post  is for those who get thrown into graphic design without any formal knowledge of what makes a good design, or, what causes unforgettable disasters. Once able to recognize the basics of designing principles you will be more in control of your work and marketing materials. This can range from printed articles to website design. This three-part series will help you understand basic design principles, tips and tricks,  typography, and how each can help you.</p>
<div id="attachment_104" class="wp-caption alignright" style="width: 310px"><img class="size-full wp-image-104" title="C.R.A.P." src="http://www.nurelm.com/blog/wp-content/uploads/2009/07/crap.jpg" alt="C.R.A.P." width="300" height="300" /><p class="wp-caption-text">proximity shows how the text is related to the rest of the layout, contrast is the difference in text weights used, alignment is how all the text is left aligned at the same margin, and repetition is how the color is used throughout the layout.</p></div>
<p><strong>The Four Basic Principles</strong></p>
<p>As taken from Robin Williams&#8217; <em>The Non-Designer&#8217;s Design Book</em>, there is an awkward yet memorable acronym to recall the basic design principles. The four principles are Contrast, Repetition, Alignment, and Proximity, or <strong>C.R.A.P</strong> for short. Very rarely will only one of these principles be used, since all are really interconnected with one another.</p>
<p><strong>Contrast</strong></p>
<p>The point of contrast is to avoid putting multiple elements together that are considered similar. Contrast is one of the most effective ways to put visual interest into a page. The most important rule in order for contrast to be effective is that it must be strong. To add contrast, you can use your typeface choices, line thickness,  colors,  shapes,  sizes,  space, etc. By adding these elements into your piece, it draws your reader in and aids in the organization of information for the reader.  Some things you should avoid when using contrast are to stay away from the &#8220;too similar.&#8221;  Brown text against black visual elements is an example. Another example is using two similar typefaces.  Make each different and it will create a much more pleasing piece.</p>
<p><strong>Repetition</strong></p>
<p>When you repeat visual elements of a design throughout the whole piece, you create unity, which makes a stronger, more organized piece.  Elements such as a bold font,  thick line,  color,  formatting,  spacial relationship, etc.  are some things you can use to tie your piece together.  The visual element can be anything the reader will visually recognize. Another way of thinking about repetition is consistency.  When you keep all your headers the same size and use the same font,  you are implementing repetition.  One point to avoid with repetition is that you don&#8217;t want to be overwhelming and overbearing. &#8220;For instance,  if the woman is wearing a black evening dress with a red hat,  earrings, red lipstick,  a red handbag,  red shoes and a red coat &#8211; the repetition would not be a stunning and unifying contrast -  it would be overwhelming and the focus would be confused,&#8221; says Robin Williams.  The point is to make the piece look interesting.  Once you do so, the more likely it will be read.</p>
<p><strong>Alignment</strong></p>
<p>It has been stated that with alignment, nothing should be placed on the page arbitrarily. Every item on the page should have a visual connection with something else on the page. With alignment,  even if certain elements are separated by space,  there&#8217;s an invisible line that connects them.  Just by using careful alignment,  you can create a sophisticated, serious,  funky,  or formal look.  So when laying out your work,  be conscious of where things are placed and aligned,  as  it can make a huge difference. When using alignment try not to use more than one alignment for text,  such as centered and right aligned,  in one layout.  Also, try to  break away from using the standard center aligned text unless  you want a formal and sedate feel.</p>
<p><strong>Proximity</strong></p>
<p>The idea behind proximity is the grouping of related elements together.  This is so that the items can be seen as one cohesive group. Organizing is the primary purpose of proximity.  Some points to consider when using proximity: avoid too many separate elements on a page, don&#8217;t put items in the corners or the middle of the page, avoid leaving equal amounts of white space between elements unless each element is part of a subset, don&#8217;t let a split second of confusion occur with the relationship to a headline, and finally, don&#8217;t create relationships with elements that don&#8217;t belong together!  Using this principle will give your readers a logical progression defining a beginning to a logical end.</p>
<p><strong>Pulling it all together!</strong></p>
<p>So when it comes down to making a newsletter or sending out a memo, take your time! Remember to use your C.R.A.P. principles. Everything should be placed where it is on a page for a reason. If you still need help,  please don&#8217;t hesitate to call <strong>NuRelm</strong> &#8211; 877-268-7356.</p>
<p><strong>Preview of next article:</strong></p>
<p>A brief review of our previous content combined with many tips and tricks to help with all of your design projects.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nurelm.com/themanual/2009/07/07/designing-for-the-non-designer-part-i-the-basics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

