<?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>DesignRJC &#187; Design</title>
	<atom:link href="http://designrjc.com/category/web-development/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://designrjc.com</link>
	<description>basic.design.simple.methods.</description>
	<lastBuildDate>Thu, 29 Apr 2010 21:27:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Lorem Ipsum Guide to Dummy Text</title>
		<link>http://designrjc.com/lorem-ipsum-guide-to-dummy-text/</link>
		<comments>http://designrjc.com/lorem-ipsum-guide-to-dummy-text/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 18:54:34 +0000</pubDate>
		<dc:creator>RJC@DesignRJC</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[dummy text]]></category>
		<category><![CDATA[lorem ipsum]]></category>
		<category><![CDATA[mock up design]]></category>
		<category><![CDATA[Photoshop CS4 extension plugin]]></category>
		<category><![CDATA[web themes]]></category>

		<guid isPermaLink="false">http://designrjc.com/?p=816</guid>
		<description><![CDATA[I am not alone when it comes to developing mock up websites or doing any sample graphic design work that requires dummy text or &#8220;lorem ipsum&#8221; text.  I found myself always searching for this dummy text and then copy and pasting it.  I&#8217;ve found several solutions to this dummy text madness we all experience. Head [...]]]></description>
			<content:encoded><![CDATA[<p>I am not alone when it comes to developing mock up websites or doing any sample graphic design work that requires dummy text or &#8220;lorem ipsum&#8221; text.  I found myself always searching for this dummy text and then copy and pasting it.  I&#8217;ve found several solutions to this dummy text madness we all experience.</p>
<p>Head on over to one of these handy <a title="Lorem Ipsum Generator" href="http://www.lipsum.com/" target="_blank">lorem ipsum generation</a> sites and you&#8217;ll get your dummy text.  So have it bookmarked and you&#8217;ll always have it close enough.  Plus you can generate based on number of paragraphs, words, bytes or lists.  Not bad as its pretty customizable but how custom does it need to be since its <em>only dummy text</em>.</p>
<p>So repeat visits to the lorem ipsum generator can be mitigated if you plan accordingly.  Open up a new text document and copy and paste all your lorem ipsum into this new text document and have it around handy so you can use it at any time.</p>
<p>Finally, one of the neater things I&#8217;ve found is this Photoshop CS4 Extension that adds an additional panel that generates lorem ipsum text.  This <a title="EDDF: Photoshop CS4 Extension for Lorem Ipsum" href="http://eddf.co.uk/?p=148" target="_blank">Lorem Ipsum Photoshop CS4 Extension</a> is quite useful, integrated and is easily installed.</p>
<p>Perfect for those mock up theme designs that I do, day in and day out.  This one is definitely a time saver for me.</p>
<p>How do you get your dummy text?  Do you also use some sort of plugin for your programs?</p>
]]></content:encoded>
			<wfw:commentRss>http://designrjc.com/lorem-ipsum-guide-to-dummy-text/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4 Principles of Design, It&#8217;s all CRAP!</title>
		<link>http://designrjc.com/4-principles-of-design-its-all-crap/</link>
		<comments>http://designrjc.com/4-principles-of-design-its-all-crap/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 00:20:50 +0000</pubDate>
		<dc:creator>RJC@DesignRJC</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[alignment]]></category>
		<category><![CDATA[contrast]]></category>
		<category><![CDATA[crap]]></category>
		<category><![CDATA[principles of design]]></category>
		<category><![CDATA[proximity]]></category>
		<category><![CDATA[repetition]]></category>

		<guid isPermaLink="false">http://blog.designrjc.com/?p=734</guid>
		<description><![CDATA[In design, there are four fundamental principles that need to be followed.  These four rules are as follows: Contrast Repetition Alignment Proximity If you browse to a website or pick up a magazine, you will notice that many successful designs follow these principles.  Once you familiarize yourself with these principles, you will begin to notice [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-735" href="http://designrjc.com/4-principles-of-design-its-all-crap/crap/"><img class="alignnone size-full wp-image-735" title="4 Principles of Design" src="http://designrjc.com/top/blog/wp-content/uploads/2010/01/crap.jpg" alt="CRAP - contrast, repetition, alignment and proximity." width="600" height="300" /></a></p>
<p>In design, there are four fundamental principles that need to be followed.  These four rules are as follows:</p>
<ul>
<li>Contrast</li>
<li>Repetition</li>
<li>Alignment</li>
<li>Proximity</li>
</ul>
<p>If you browse to a website or pick up a magazine, you will notice that many successful designs follow these principles.  Once you familiarize yourself with these principles, you will begin to notice them in other components from the table of contents in a book your reading or the flier you just picked up at the local coffee shop.</p>
<h2>Contrast and Repetition</h2>
<p>Contrast is the state of being strikingly different between two objects, colors or textures.  In design, contrasting elements is how to make things stand out.  You use opposite colors such as a dark colored background with a light colored text.  By using opposite or contrasted colors, you will be able to compare these elements in such a way to emphasize their differences.  An example would be the chapter heading in the table of contents, the font may be larger and it is usually emphasized with bold lettering.</p>
<p>Repetition is to repeat elements consistently.  An example would be the navigation menu items for a website or table of contents in a book.  If the navigation menu items came in assorted sizes and colors, a user will have difficulty using the website because of inconsistencies.  In the case of the table of contents, if chapters or subjects were not distributed evenly, you would have a hard time finding exactly what you are looking for in a book.</p>
<p><a rel="attachment wp-att-736" href="http://designrjc.com/4-principles-of-design-its-all-crap/contrastrepitition/"><img class="size-full wp-image-736 alignnone" title="contrast repetition image" src="http://designrjc.com/top/blog/wp-content/uploads/2010/01/contrastrepitition.jpg" alt="Example of Contrast and Repetition" width="600" height="300" /></a></p>
<p><em>The header and navigation use contrasting colors and navigation items are repeated for consistency.</em></p>
<h2>Alignment and Proximity</h2>
<p>Alignment is to arrange elements in correct or relative positions.  By using alignment you can line up text or images so that it is evenly distributed and easier to read.  Without alignment, every paragraph would be indented differently or placed in random locations throughout a page in a book or magazine article.    This principle goes with images as well.  Imagine an image gallery with images placed without order on a page and how difficult that would be.  A good example is when you are using forms, the information fields are typically aligned so it makes it easier for you to follow the form to fill it out.</p>
<p>Proximity is placing similar elements in relationship or space.  An example is like the contact  information on a business card.  Typically, the address, telephone, fax and email information are in proximity to each other.  They are all components that make up the contact information area.  It would be  difficult to read if the address is separated from telephone number and  if each item were typed out with a different font and size.</p>
<p><a rel="attachment wp-att-737" href="http://designrjc.com/4-principles-of-design-its-all-crap/alignmentproximity/"><img class="size-full wp-image-737 alignnone" title="alignmentproximity" src="http://designrjc.com/top/blog/wp-content/uploads/2010/01/alignmentproximity.jpg" alt="Example of Alignment and Proximity" width="600" height="300" /></a></p>
<p><em>The Discounts and Commitment boxes are in proximity with each other and all items are aligned to the left.</em></p>
<h2>Conclusion</h2>
<p>I&#8217;ve just barely introduced you to some basic design principles by explaining the importance of using contrast, repetition, alignment and proximity in design.  Whether you are doing print or web design, you will need to follow these rules to be successful.  To see some great examples and have a basic knowledge to build upon, I suggest reading <a title="Design Workshop by Robin Williams" href="http://www.amazon.com/gp/product/0321441761?ie=UTF8&amp;tag=designrjc-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=0321441761" target="_blank">Design Workshop by Robin Williams</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://designrjc.com/4-principles-of-design-its-all-crap/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
