<?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>Finamore Design &#187; Graphic Design</title>
	<atom:link href="http://www.finamoredesign.com/category/graphic-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.finamoredesign.com</link>
	<description>Graphic Design • Web Development</description>
	<lastBuildDate>Sat, 11 Jun 2011 17:50:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>True North Wellness Logo</title>
		<link>http://www.finamoredesign.com/2009/03/23/true-north-wellness-logo/</link>
		<comments>http://www.finamoredesign.com/2009/03/23/true-north-wellness-logo/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 15:44:49 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/?p=332</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-331" title="true_north_logo" src="http://www.finamoredesign.com/wp-content/uploads/2009/03/true_north_logo.jpg" alt="true_north_logo" width="401" height="458" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2009/03/23/true-north-wellness-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Morals &amp; Ethics in the Design Community</title>
		<link>http://www.finamoredesign.com/2006/12/23/morals-ethics-in-the-design-community/</link>
		<comments>http://www.finamoredesign.com/2006/12/23/morals-ethics-in-the-design-community/#comments</comments>
		<pubDate>Sat, 23 Dec 2006 20:48:58 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=132</guid>
		<description><![CDATA[One of my favorite movie interactions regarding the topic of morals and ethics is in the movie Election and goes as follows: Jim McAllister: Dave, I&#8217;m just saying this as your friend: What you&#8217;re doing is really, really wrong&#8230; and you&#8217;ve gotta stop. The line you&#8217;ve crossed is&#8230; it&#8217;s immoral&#8230; and it&#8217;s illegal. Dave Novotny: [...]]]></description>
			<content:encoded><![CDATA[<p>One of my favorite movie interactions regarding the topic of morals and ethics is in the movie <a title="View product details at Amazon" href="http://www.amazon.com/gp/redirect.html%3FASIN=6305574944%26tag=finamoredesig-20%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/6305574944%253FSubscriptionId=0EMV44A9A5YT1RVDGZ82">Election</a> and goes as follows:</p>
<p><strong>Jim McAllister:</strong> Dave, I&#8217;m just saying this as your friend: What you&#8217;re doing is really, really wrong&#8230; and you&#8217;ve gotta stop. The line you&#8217;ve crossed is&#8230; it&#8217;s immoral&#8230; and it&#8217;s illegal.<br />
<strong>Dave Novotny:</strong> Jim, come on, I don&#8217;t need a lecture on ethics.<br />
<strong>Jim McAllister:</strong> I&#8217;m not talking about ethics, I&#8217;m talking about morals.<br />
<strong>Dave Novotny:</strong> What&#8217;s the difference?</p>
<p>What is the difference? That is the attitude a lot of designers take, whether it is browsing stock photos or design annuals. Taking a photo, copying a design concept or layout. Is it wrong? Is it illegal? Who cares?</p>
<p>Morals define personal character, while ethics stress a social system in which those morals are applied.  While something may be wrong morally, ethically or both, it does not mean that it is illegal (although in most cases it may well be).<span id="more-128"></span></p>
<p>Lets take cigarette advertising for example. It is fully legal to create a print ad campaign that promotes the sales of cigarettes, yet it is illegal to advertise cigarettes on television, in America. Society has deemed it ethical business to create print ads. To me advertising a product that has been proven to have zero health benefits and a laundry list to the contrary, is immoral. While I find it immoral albeit ethical, I will not work on a cigarette campaign no matter how much I am offered. (Still, I will not hold it against the designer who chooses to accept the work.)</p>
<p>Whether the circumstance is business or life, understanding your moral values is the first step towards understanding your personal ground-rules for behavior. When we live by these values we are demonstrating that we are worthy of trust.</p>
<p><strong>Now how does this apply to graphic design? </strong><br />
There are three areas that ethics are applied to design work</p>
<ol>
<li>Your professional behavior in daily business</li>
<li>Your professional expertise as related to accessibility and the environment</li>
<li>Your moral obligations to society at large</li>
</ol>
<p>How do designers define ethical conduct in the work place? This can be a daunting subject for designers who have never thought of this before. Luckily, there are a number of design organizations worldwide  that have thought a lot about this and have posted their guidelines on their websites</p>
<p><a target="_blank" href="http://www.aiga.org/standards_of_practice">AIGA, the professional association for design</a><br />
<a target="_blank" href="http://www.gag.org/about/fair_code.php%E2%80%A2%20Industrial%20Designers%20Society%20of%20America%20www.idsa.org/webmodules/articles/anmviewer.asp?a=57&#038;z=30">Graphic Artists Guild</a><br />
<a target="_blank" href="http://www.gdc.net/for_business/ethics.php?id=1&#038;press=1&#038;draw_column=3:1:2%E2%80%A2%20Australian%20Graphic%20Design%20Associationwww.agda.com.au/aboutagda/more/codeofethics.html">Society of Graphic Designers of Canada</a></p>
<p>They are all very similar, focusing on how to conduct yourself with clients, vendors, and your design peers.</p>
<ul>
<li>Showing respect toward other designers in fair and open competition</li>
<li>Being honest in describing your professional experience and competencies</li>
<li>Avoiding any type of conflict of interest</li>
<li>Acquainting yourself with each client’s business and providing honest and impartial advice</li>
<li>Maintaining the confidentiality of all client information</li>
<li>Eliminating any form of hidden compensation or kickback</li>
<li>Maintaining commitment to the development of innovative work of the highest quality</li>
<li>Rejecting all forms of plagiarism</li>
<li>Making proper acknowledgment of authorship when others have collaborated with you in creating a design</li>
</ul>
<p>These codes describe recommended behavior for association members. Typically, however, adherence is voluntary. Such guidelines can be helpful in avoiding misunderstandings and disputes between designers and clients, and they can be very useful in educating new designers who are just entering the profession. AIGA also publishes guidelines for ethical practices related to the purchase and use of fonts, software, illustrations and photography. Pamphlets on these topics can be downloaded as PDF files:<a target="_blank" href="http://www.aiga.org/content.cfm/designbusinessandethics"> Design Business and Ethics Series</a></p>
<p>Bill Bernbach, founder of Doyle Dane Bernbach, once stated: &#8220;All of us who professionally use mass media are the shapers of society. We can vulgarize that society. We can brutalize it. Or we can lift it to a high level.&#8221;</p>
<p>Leading designers explored how they can use their talents for social change and betterment.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/12/23/morals-ethics-in-the-design-community/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AIGA Event: Your AD Here: Is Design Reshaping Advertising (Again)?</title>
		<link>http://www.finamoredesign.com/2006/10/06/aiga-event-your-ad-here-is-design-reshaping-advertising-again/</link>
		<comments>http://www.finamoredesign.com/2006/10/06/aiga-event-your-ad-here-is-design-reshaping-advertising-again/#comments</comments>
		<pubDate>Fri, 06 Oct 2006 11:54:51 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=130</guid>
		<description><![CDATA[On September 27, I attended AIGA New York&#8216;s sold out event titled &#8220;Your AD Here: Is Design Reshaping Advertising (Again)?&#8221; at FIT&#8216;s Katie Murphy Amphitheater. The talk was supposed to discuss design and it&#8217;s impact on advertising. Asking the questions of why so many advertising agencies are starting to hire graphic designers instead of traditionally [...]]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" title="AIGA Event" href="http://www.aigany.org/events/details/?event=07AD"><img id="image131" alt="AIGA" src="http://finamoredesign.com/wp-content/uploads/2006/09/aiga.jpg" /></a>On September 27, I  attended <a target="_blank" title="AIGA NY" href="http://www.aigany.org">AIGA New York</a>&#8216;s sold out event titled &#8220;<a target="_blank" title="AIGA Event" href="http://www.aigany.org/events/details/?event=07AD">Your AD Here: Is Design Reshaping Advertising (Again)?</a>&#8221; at <a target="_blank" title="Fashion Institute of Technology" href="http://www.fitnyc.edu/">FIT</a>&#8216;s Katie Murphy Amphitheater.</p>
<p>The talk was supposed to discuss design and it&#8217;s impact on advertising. Asking the questions of why so many advertising agencies are starting to hire graphic designers instead of traditionally trained &#8220;advertising art directors&#8221;, and why so many clients are turning to design agencies to create their advertising campaigns.<span id="more-124"></span></p>
<p>The moderator for the evening was Randall Rothenberg. He is the senior director of intellectual capital at <a target="_blank" title="Booze Allen Hamilton" href="http://www.boozallen.com/">Booz Allen Hamilton</a>, the international strategy and technology consulting firm as well as an editor-at-large and media/marketing columnist for Advertising Age magazine. I was quite impressed with Mr. Rothenberg. He is obviously a seasoned speaker, very comfortable at the mike, and asked some poignant questions.</p>
<p>Unfortunately, he asked a question that the panel of speakers never quite really answered to his (or the audience&#8217;s) satisfaction. To the point the the question, or variations of it, kept coming up from both moderator and audience alike. The question was &#8220;What is the difference between a graphic designer and an art director.&#8221;</p>
<p>Before I get into the answers, lets take a look at the panelists. They included:</p>
<p>Brian Collins, executive creative director at <a target="_blank" title="O&#038;M" href="http://www.ogilvy.com/">Ogilvy &#038; Mather Worldwide</a> where he leads the Brand Integration Group (BIG), the agency’s brand experience and design division, and creator of the Dove &#8220;Real Beauty&#8221; campaign. Dove.</p>
<p>Jane Hope one of the founders of <a target="_blank" title="TAXI" href="http://www.taxi.ca/">TAXI</a> and winner of numerous national and international industry accolades. TAXI creates print, radio, television and interactive work for Mini, Viagra, Jergens, and more</p>
<p>Neil Powell, who merged his graphic design/brand-building agency with <a target="_blank" title="MFP" href="http://www.mfpnewyork.com/">Margeotes Fertitta and Partners</a> to form Margeotes Fertitta Powell in 2005. Neil and his team received its third gold EFFIE award for the re-launch of Rheingold Beer.</p>
<p>Gary Kopke, founder of <a target="_blank" title="M!" href="http://www.modernista.com">Modernista!</a>  where he creates campaigns for Cadillac, Hummer, Rockport, and more. Gary is another Graphic Designer who stepped into the world of advertising.</p>
<p>With all of this experience in the panel, I was surprised that the main answer to the question was &#8220;art directors work with concepts and designers make things pretty&#8221;.  You should have heard the crowd boo! To say that a designer&#8217;s job is to make things pretty would be the equivalent of saying the job of the advertising art director is to write 2-for-1 ads.</p>
<p>In the reality in which I live, there are art directors in design agencies and advertising agencies, therefore the question should have been reworded to something like &#8220;what is the difference between advertising and graphic design.&#8221; To my experience most (not all) art directors in advertising agencies are focused on creating print and tv advertising campaigns that sell a specific product or service for the client while making sure that it fits within their brand image.</p>
<p>What does a designer do? They are the ones who create that brand image. We do this through researching the client, their industry, their competitors, their target audience to figure what typefaces, imagery and colors will best promote their point-of-difference and build their brand. We then roll this out through all their marketing materials, in-house communications, catalogs, packaging, and sometimes both websites and advertising. One product of all of this is the companies brand manual. This specifies what typefaces, style of photos/illustrations, and colors are used, and how to use them. This brand manual is then handed off to the ad agency so they can make sure their work fits into the global vision of the client&#8217;s brand identity.</p>
<p>Of all the panelists, Jane from TAXI seemed the most realistic, intelligent, and down to earth of the panelists. Unfortunately, due to all of the testosterone and larger egos in the room, she didn&#8217;t seem to get much floor time. I would like to see AIGA inviter her to host her own &#8220;Small Talk&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/10/06/aiga-event-your-ad-here-is-design-reshaping-advertising-again/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What is a Design Brief</title>
		<link>http://www.finamoredesign.com/2006/09/17/what-is-a-design-brief/</link>
		<comments>http://www.finamoredesign.com/2006/09/17/what-is-a-design-brief/#comments</comments>
		<pubDate>Sun, 17 Sep 2006 16:32:05 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=128</guid>
		<description><![CDATA[When you initiate a project with a designer you need to do more than say I need a logo and my company&#8217;s name is [fill in the blank]. You need to know who you are selling to, what you are selling to them, why you are selling to them, and why they will want to [...]]]></description>
			<content:encoded><![CDATA[<p>When you initiate a project with a designer you need to do more than say I need a logo and my company&#8217;s name is [fill in the blank]. You need to know who you are selling to, what you are selling to them, why you are selling to them, and why they will want to buy it. Typically, this information is provided in a &#8216;Design Brief&#8217;.<span id="more-118"></span></p>
<p>The design brief not only gives the designer the tools he needs to make sure the work he does for you is on target, but it also gives you a sounding board to bounce the designers solutions off of to make sure that they have done their job correctly.</p>
<p>Having a design brief does not guarantee that your sales will sky rocket and your company will take the #1 spot in your market sector. But what it will do is make sure you are communicating effectively with your target audience. In a way, it will help you keep a focused view of who you are, where you are going and what you need to do to get there.<br />
<strong /></p>
<p><strong>The Design Brief </strong><br />
When answering these questions try to be as succint as possible.</p>
<p><strong>1. Profile</strong></p>
<ul>
<li>What do you do?</li>
<li>Why does it matter to your target audience.</li>
<li>What is your Mission Statement</li>
<li>What are your business&#8217; Core Values</li>
</ul>
<p><strong>2. Context</strong></p>
<ul>
<li>What is happening in the world today that makes your mission relevant to your target audience</li>
</ul>
<p><strong>3. Positioning</strong></p>
<ul>
<li>Who do you have business relationships with?</li>
<li>Who are your competitors?</li>
</ul>
<p><strong>4. Audience</strong></p>
<ul>
<li>Who is your Primary Audience? (buyers of your products/services)</li>
<li>Who is your Secondary Audience? (Board of Directors, Funders)</li>
<li>What do they value?</li>
<li>Do you have any demographic research?</li>
</ul>
<p><strong>5. Brand Personality</strong></p>
<ul>
<li>How do you describe your company&#8217;s personality?</li>
<li>How is your company perceived by your audience?</li>
<li>How do you want to be perceived?</li>
</ul>
<p><strong>6. Current Situation</strong></p>
<ul>
<li>Why are you looking to (re)brand?</li>
<li>What do you expect it to do for you?</li>
</ul>
<p><strong>7. Budget</strong></p>
<ul>
<li>How much are you willing to spend?</li>
</ul>
<p><strong>8. Media</strong></p>
<ul>
<li>What materials will you need? These can include logo, stationery, brochures, catalogs, websites, print and online advertising, packaging, and more.</li>
</ul>
<p><strong>9. Schedules &#038; Deadlines</strong></p>
<ul>
<li>At what stages during the design process do you want to see the work?</li>
<li>When do designs need to be submitted for approval?</li>
<li>What is your drop-dead delivery date for produced pieces.</li>
</ul>
<p><strong>10. Technical Requirements</strong><strong> </strong></p>
<ul>
<li>Do you need Mac or PC compatible files?</li>
<li>Does your printer prefer PDF or source files?</li>
</ul>
<p>The questions and bullet points listed under each section above are not necessarily all of the question/info that you need to provide, nor do you have to answer every single question listed here. But it is a good start and to most companies all of these questions are relevant.</p>
<p>Spend some time with it and make sure you fully understand all the information you are providing before handing it over to the designer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/09/17/what-is-a-design-brief/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Qualify A Graphic Designer</title>
		<link>http://www.finamoredesign.com/2006/09/17/how-to-qualify-a-graphic-designer/</link>
		<comments>http://www.finamoredesign.com/2006/09/17/how-to-qualify-a-graphic-designer/#comments</comments>
		<pubDate>Sun, 17 Sep 2006 15:51:39 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=127</guid>
		<description><![CDATA[Graphic Design is not like engineering, law, medicine or even plumbing, where you need to be certified in order to practice the trade. Anybody can walk into a stationery store, buy pre-fabricated business card paper and print their name and address on them, and call themselves a graphic designer. Because of this, there are a [...]]]></description>
			<content:encoded><![CDATA[<p>Graphic Design is not like engineering, law, medicine or even plumbing,  where you need to be certified in order to practice the trade. Anybody can walk into a stationery store, buy pre-fabricated business card paper and print their name and address on them, and call themselves a graphic designer. Because of this, there are a LOT of designers out there. If you are in need of design services, your job is to qualify who the GOOD graphic designers and choose the one who is smart, creative, and understands your needs.<span id="more-117"></span></p>
<p>Before hiring a graphic designer the first thing you should know is exactly what is is that you want. Are you looking for someone to do everything for you, to manage the entire process for you from design conception to production on print and interactive projects, or do you already have a brand identity and jsut need someone to design a brochure?</p>
<p>Once you have this figured out, ask for recommendations from other business associates and review their online portfolios. If you do not have any contacts or referrals to work with there are a lot of design organizations you can contact to get a list from (<a target="_blank" title="AIGA" href="http://www.aiga.org">American Institute of Graphic Artists</a>, <a href="http://www.gag.org">Graphic Artists Guild</a>) or magazines (<a target="_blank" title="Comm Arts" href="http://www.commarts.com/">Communication Arts</a>, <a target="_blank" title="How Magazine" href="http://www.finamoredesign.com/FinaBlog/www.howdesign.com">How</a>, <a target="_blank" title="Print Mag" href="http://www.printmag.com/">Print</a>), or you can contact your local chamber of commerce.</p>
<p>Now that you have a list of designers try doing preliminary research by reviewing their online portfolios, these are usually a good way to start weeding out which ones you think will not meet your needs. Once you have your short list of designers, call them and ask for a meeting time so that you can review their professional portfolio.</p>
<p>These face-to-face interviews are extremely important. It gives you the chance to see how well you will interact with the designer as well as an idea of how the process will work.</p>
<p>When reviewing the portfolios keep these points in mind:</p>
<ul>
<li>Is the work strong, and is it logically organized?</li>
<li>Does the work speak for itself or does each piece need to be explained?</li>
<li>Is there a concept behind each piece or is it merely decorative eye candy?</li>
<li>Has the work actually been produced or is it prototype?</li>
<li>Does the artists style match your style?</li>
<li>Does the portfolio contain samples of materials that you will need the designer to produce for you.</li>
</ul>
<p>Questions to ask the Designer</p>
<ul>
<li>Pick a design and ask the designer to explain how it met the clients  specific needs for that project.</li>
<li>Find out how many applications the designer has produced for a specific brand campaign.</li>
<li>Ask to see samples of the entire program if they are not readily available.</li>
<li>Ask who acted as project manager for the project, the deisgner or the client.</li>
<li>Ask if the client is currently successfully using the design.</li>
</ul>
<p>Another thing you should do is ask for a copy of their resume. It is not necessarily important that they have a formal education in design. For every excellent designer without a college degree, there iks a lousy one with the degree. What the degree will tell you is that the designer will most likely work with a logical process rather than a impulsive way. What you should really look for in the resume is their breadth of experience. What level of clientele have they worked with? Have they been trained/worked with any other more experienced designers/creatives? Have they won any awards? Is the content of their resume logically organized? All of these factors will start building the picture of what it will be like for you to work with them.</p>
<p>It is important for you to understand the designers approach to projects, their process and methodologies, as well as how they value their relationships with their clients. Some designers perfer to show only one solution to each project &#8211; the best solution to meet your needs. Others choose to keep clients in the loop throughout the design process, sharing creative ideas and sketches  and working collaboratively with their clients. Both options are valid, it is up to the client to decide which process and which designer is best for them.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/09/17/how-to-qualify-a-graphic-designer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Elements of Design, Part 2: Order &amp; Interaction</title>
		<link>http://www.finamoredesign.com/2006/06/29/elements-of-design-part-2-order-interaction/</link>
		<comments>http://www.finamoredesign.com/2006/06/29/elements-of-design-part-2-order-interaction/#comments</comments>
		<pubDate>Thu, 29 Jun 2006 13:09:27 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=62</guid>
		<description><![CDATA[Part 2 The process of designing is the ability to control the interaction of elements within a defined space. Understanding the principles of how to organize elements within this space is the second step to becoming a graphic designer. (The first is to be able to define the structure of the elements themselves.)A single image [...]]]></description>
			<content:encoded><![CDATA[<p>Part 2</p>
<p>The process of designing is the ability to control the interaction of elements within a defined space. Understanding the principles of how to organize elements within this space is the second step to becoming a graphic designer. (The first is to be able to define the structure of the elements themselves.)A single image within a single defined space exerts a certain amount of independent force. It instantly creates positive and negative space. It defines itself and what it is not. The designers goal is to achieve an aesthetic order within the space that makes visual sense for the overall goal of the piece. The more elements you introduce the more difficult this task becomes. Below are five visual conditions that an artist needs to be aware of when designing, making sure that the proper amount of each (or lack of) is not only appropriate, but also contributes to the meaning of the piece.<span id="more-99"></span></p>
<ol>
<li><strong>Proportion</strong><br />
Proportion refers to size relationships. The relative visual ratios can be compared within one image or between multiple images through contrasting line, shape, color, and size and the amount of each.  Some artists use &#8216;correct&#8217; proportions in order to depict realism while others use exaggerated proportions in order to express moods and feelings.<br />
<img alt="porportion" id="image99" src="http://finamoredesign.com/wp-content/uploads/2006/06/1-proportion.jpg" /></li>
<li><strong>Emphasis</strong><br />
Emphasis is the creation of visual importance through the use of selective stress. Through the use of emphasis a designer can cause one element or area of a piece to be the most important part of the page. This point is usually called the &#8216;focal point&#8217;. By using contrasting color, size, texture, etc., a designer can use emphasis to draw a viewers eye to the focal point of the piece. Contrast, isolation, location, convergence and the unusual can all be used to create emphasis.<br />
<img alt="emphasis" id="image100" src="http://finamoredesign.com/wp-content/uploads/2006/06/2-emphasis.jpg" /></li>
<li><strong>Movement</strong><br />
Movement describes the way the eye travels on a piece. The sequence in which the viewer sees the parts of a work of art and the relative importance of each is controlled by emphasis.<br />
<img alt="movement" id="image101" src="http://finamoredesign.com/wp-content/uploads/2006/06/3-movement.jpg" /></li>
<li><strong>Balance<br />
</strong>Artists use balance to achieve different expressive qualities. Balance can be affected by placement of objects, use of colour, direction of line, use of pattern, etc. Some artists intentionally create visually unbalanced works to evoke a specific emotion. There are three different types of balance:</p>
<ul>
<li><strong> Formal/Symmetrical Equilibrium</strong><br />
one half mirrors the other</li>
<li><strong> Informal/Asymmetrical</strong><br />
Visual weight is the same on op[posing side but they are not identical in layout</li>
<li><strong> Radial</strong><br />
Parts grow outward from the center (spider webs, flowers, bicycle spokes, snowflakes)<br />
<img alt="balance" id="image102" src="http://finamoredesign.com/wp-content/uploads/2006/06/4-balance.jpg" /></li>
</ul>
</li>
<li><strong>Repetition</strong><br />
Repetition develops a rhythm within the piece. Through repetition, similarities in a work are accented to create an uncomplicated, uniform appearance through organization of images, colour (monochromatic or analogous), shape (repetition of related shapes) and space (equal space between objects).Note: Some works are interesting because of the artist&#8217;s deliberate creation of a chaotic effect.</p>
<ul>
<li><strong> Simple Regularity</strong><br />
consistent shapes and intervals (picket fence)</li>
<li><strong> Alternation</strong><br />
the repetition of two images (circle, square)</li>
<li><strong>Inversion</strong><br />
repetition where the position of the unit is reversed or turned upside down</li>
<li><strong>Radiation</strong><br />
units fan out from a central point<br />
<img alt="repetition" id="image103" src="http://finamoredesign.com/wp-content/uploads/2006/06/5-repetition.jpg" /></li>
</ul>
</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/06/29/elements-of-design-part-2-order-interaction/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Elements of Design, Part 1: Definition &amp; Structure</title>
		<link>http://www.finamoredesign.com/2006/06/28/elements-of-design-definition-structure/</link>
		<comments>http://www.finamoredesign.com/2006/06/28/elements-of-design-definition-structure/#comments</comments>
		<pubDate>Wed, 28 Jun 2006 16:12:52 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=61</guid>
		<description><![CDATA[Part 1 When you build a house there are basic materials that you need in order to complete the project. The basic support structure, fastening materials, roofing materials, paneling, etc. Inside each category there are a multitude of options (ie; your support structure could be aluminum or wood 2x4s, I-beams, bricks, cement and re-bar, etc.). [...]]]></description>
			<content:encoded><![CDATA[<p>Part 1</p>
<p>When you build a house there are basic materials that you need in order to complete the project. The basic support structure, fastening materials, roofing materials, paneling, etc. Inside each category there are a multitude of options (ie; your support structure could be aluminum or wood 2x4s, I-beams, bricks, cement and re-bar, etc.).</p>
<p>Graphic design is no different. In design we believe that there are 6 major categories of materials that are used when developing your final piece. How you use these elements will be discussed in Part 2. In this article I will begin by discussing the six categories; Line, Value, Color, Shape, Texture, and Space. When you understand the categories you will have an easier time identifying the choices you have within each.<span id="more-97"></span></p>
<p>Lets take a look at each one individually:</p>
<ol>
<li><strong>Line</strong><br />
Line records movement and creates space and shape (width and length), but not depth. A line&#8217;s direction can convey a mood: Horizontal: calm (sunset), Vertical: potential (skyscrapers), Diagonal: movement &#038; vitality.</li>
<li><strong>Value</strong><br />
Value is the overall relative lightness and darkness.</li>
<li><strong>Color</strong><br />
Color is the most complex piece of the designer&#8217;s visual vocabulary. A designer needs to understand the human response to color. <a href="http://www.finamoredesign.com/FinaBlog/?p=20">Color Theory</a> starts with the three primary colors (red, yellow, blue). By mixing equal amounts of the primary colors our net result is what we call the secondary colors (orange, green, purple). And without getting too much deeper one more stage of mixing (equal amounts a primary and an adjoining secondary color creates the tertiary colors (red-orange, blue-green, etc). While when we select our color palette for our design projects we can choose any number of colors, we quickly learn that not all colors are harmonious. Here are the six most common harmonies:</p>
<ul>
<li><strong> Monochromatic</strong><br />
a single hue that varies in value, we accomplish this by adding various amounts of black and white.</li>
<li><strong> Analogous</strong><br />
adjacent on the color wheel, slight variance (red, red-orange, orange)</li>
<li><strong> Complementary</strong><br />
opposite sides of the color wheel (red &#038; green)</li>
<li><strong> Split Complementary</strong><br />
one color and the analogous colors of it&#8217;s compliment (red, yellow-green, blue-green)</li>
<li><strong>Tetradic</strong><br />
4 colors equally spaced on the color wheel</li>
<li><strong>Triadic</strong><br />
3 colors equally spaces (primary R-Y-B)</li>
</ul>
</li>
<li><strong>Shape</strong><br />
A shape is a closed two-dimensional figure described by an edge.<br />
Negative Shape: The area not used by the subject or the space between shapes.</li>
<li><strong>Texture</strong><br />
Texture is defined by the surface quality of an object. It can be tactile, visual, or both.<br />
The three main approaches to the creative use of texture:</p>
<ul>
<li><strong> Simulated</strong><br />
rendering of real textures (simulated wood grain)</li>
<li><strong> Actual</strong><br />
the physical piece (a piece of wood)</li>
<li><strong> Invented</strong><br />
man-made non-representational</li>
</ul>
</li>
<li><strong>Space</strong><br />
Space is the illusion of depth (3d in a 2d format).</p>
<ul>
<li><strong> Size and Vertical Location</strong><br />
smaller objects appear to be farther away than larger objects</li>
<li><strong> Overlapping</strong><br />
obscured objects appear to be farther back</li>
<li><strong> Detail</strong><br />
atmospheric ibjects that are farther away appear to ave less contrast, foreground will be clear and distinct</li>
<li><strong> Linear Perspective</strong><br />
all lines converge on a common horizon point (vanishing point)</li>
</ul>
</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/06/28/elements-of-design-definition-structure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typography 101</title>
		<link>http://www.finamoredesign.com/2006/06/23/typography-101/</link>
		<comments>http://www.finamoredesign.com/2006/06/23/typography-101/#comments</comments>
		<pubDate>Sat, 24 Jun 2006 01:15:57 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=78</guid>
		<description><![CDATA[Whether in print or on the web, typography is one of the key tools to every designer. Understanding the terminology and history of type can only help you in the long run of your career. Every industry has a language of it&#8217;s own, and every certain terms in each can be interpreted differently by each [...]]]></description>
			<content:encoded><![CDATA[<p>Whether in print or on the web, typography is one of the key tools to every designer. Understanding the terminology and history of type can only help you in the long run of your career.</p>
<p>Every industry has a language of it&#8217;s own, and every certain terms in each can be interpreted differently by each individual person. Typography is the same. There seems to be two different camps of manipulating type; in print and on screen. Some terms enjoy unanimous approval, others are proprietary. I will try to help you understand both and point out some general &#8220;rules&#8221; along the way.<span id="more-71"></span>When discussing typography we usually start by separating fonts into categories. Some people use three, others a lot more. I generally put them into five categories: Serif, Sans Serif, Display, Script, and Dingbats.<br />
<img alt="TYPES" id="image71" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/types.jpg" /></p>
<ol>
<li><strong>Serif</strong><br />
A serif faces contain cross-lines at the end of a strokes. Times is a serif typeface. Serifs help distinguish individual letters and provide continuity for the reader.</li>
<li><strong>Sans Serif</strong><br />
Typefaces without serifs are called Sans Serif. Helvetica is a sans-serif typeface. Sans Serif fonts are also sometimes referred to as gothic or grotesque.</p>
<p>For headlines and short bursts of text Sans Serif fonts tend to be more legible and instantly recognizable. Conversely, for body copy, or long passages of text, serif faces are easier to read. (If you want to use sans-serif fonts for long blocks of text, try making the line lengths shorter, and add more leading. Some people believe that san-serif fonts should be used for body text on screen because all the little serifs are not rendered well, but this is a matter of opinion.)</li>
<li><strong>Display</strong><br />
Display or decorative faces are letter-based fonts that fall outside the previous categories. Due to the detail in the design of these fonts, they usually look best when used in larger sizes such as in headlines, thus, display. Conversely, they tend to be unpractical for use as text because of their limited legibility.</p>
<p>This is one of the most popular categories, probably because there are so many of them to choose from. You can achieve just about any look using display faces. Among some of the more popular display type foundries are Emigre, T-26, and House industries.</li>
<li><strong>Script</strong><br />
Script faces are designed to mimic cursive handwriting or are made from actual handwriting. These can convey a range of emotions from quiet elegance to a playful casual mood. Script faces set in all caps tend to be extremely difficult to read. If you do use a script face, remember to allow for extra character or line spacing for faces with exaggerated curves, curls, and swashes. Also, avoid long lines of text set in script as this is usually too difficult to read.</li>
<li><strong>Dingbats/Symbols</strong><br />
Dingbats are decorative symbols, or glyphs, used by printers and designers to add interest to pages. From bullets to frames to tiles to clip art, these fonts replace each letter and character on the keyboard with a piece of art</li>
</ol>
<p><strong>We Are Family</strong><br />
A type family consists of variations on a typeface; regular, italic, bold, bold italic, etc. Some fonts range from ultra light to ultra black and also contain other variations like condensed, extended, etc. These come in handy when you need to fit a certain amount of copy across a predetermined length. If you have too many or too few characters, and adjusting the tracking makes the text too difficult to read, consider using a face with multiple widths in the family. Just to illustrate the point here is the <a target="_blank" href="http://store.adobe.com/type/browser/browser_H.html">Helvetica Neue family according to Adobe</a> :</p>
<p><img alt="family" id="image76" src="http://finamoredesign.com/wp-content/uploads/2006/06/helveticaneuefamily1.jpg" /></p>
<p><strong>Horror-zontal Scaling</strong><br />
Typefaces are designed to maintain a consistent line quality and serif weight across these variations. Adjusting a font’s horizontal scale will in effect create a new face. For example Helvetica has a consistent line weight around all vertical, horizontal and curved strokes. if you set the horizontal scale of Helvetica to 200%, then the vertical strokes will be stretched to twice the size while the horizontal strokes remain the same. Now the face will have an inconsistent line weight, and is no longer true to the way Helvetica was designed. This is why we have alternate versions of fonts like extended and condensed,</p>
<p><img alt="scaling" id="image73" src="http://finamoredesign.com/wp-content/uploads/2006/06/scale.jpg" /></p>
<p><strong>Measuring Type</strong><br />
Before computers, when type was cast in metal, it was measured in points. This refers to the height of the metal body that held the individual letter. This was usually slightly larger than the highest and lowest feature in the entire face design.</p>
<p>Traditionally, a point is 1/72 of an inch. Picas are another form of measurement used for type in print. 12 points = 1 pica. 6 pica = 1 inch. This method is still in use today. Most design software for both print and web give you the option in working in points.</p>
<p>In CSS the size of a font is adjusted using the font-size tag.</p>
<p>Print designers often use the term x-height, referring to the height of the lowercase x, but in CSS, web designers us the term em, which refers to the height of the lowercase M. These are basically the same measurement. This is important because at smaller point sizes, fonts with a larger e-x-height, or em, are easier to read when everything else is equal.</p>
<p>According to Miles Tinker and Donald Paterson, readable text starts at 9 points, improves at 10, maxes at 11, then starts to fall off at 12 points, and gets much worse at 14 points. This theory, of course, assumes the reader has unimpaired vision and is reading print.</p>
<p><strong>Monotype vs. Proportional</strong><br />
Type is defined by the space around it, whether between letters, words, or lines. Monospaced means that every character uses up the same amount of space, a capital O and a lowercase l will both require the same amount of horizontal space. Proportional means that the space to the left and right of a letter remains the same, but each individual letter&#8217;s footprint will vary.</p>
<p><img alt="mono" id="image74" src="http://finamoredesign.com/wp-content/uploads/2006/06/mono.jpg" /></p>
<p><strong /></p>
<p><strong>One Space or Two?</strong><br />
If you look closely at any professionally printed magazine or book, you will notice that there is only one space between a period and the start of the next sentence. The rule of two spaces after every period was created for the typewriter that uses monospaced text. This was a rule created to help the viewers eye notice when one sentence ended and the next one was beginning.</p>
<p>With the advent of proportional lettering and computer fonts, the way the letters are set is much different than the old traditional typewriter. Letters sit next to each other more comfortably, as well as words next to words, therefore only one space is needed for the reader to comprehend the end of a sentence. The extra space looks awkward and disrupts reading in professional publications.</p>
<p>If you disagree with the need for only one space instead of two, here is food for thought: Web pages use by default only one space between sentences. HTML is set up to only display one space no matter how many are typed. If you want to insert an extra space between sentences you have to code it in using &#038;nbsp using five characters to get one more.</p>
<p><strong>Line Length</strong><br />
The longer a line of text gets the harder it is for a person to read, conversely, shorter line lengths tend to break up the text and interrupt the reader. The ideal length depends upon the typeface and the type size. Generally, a line should contain between 10 and 50 words for optimum readability.</p>
<p><strong>Leading</strong><br />
Leading is the vertical distance between lines of text and is generally measure in points. In the days of metal type, printers inserted strips of lead between each line to separate them. Leading is measured from the baseline of one line to the baseline of the next.</p>
<p>Too much leading causes the eye to jump, and too little creates a dark and uninviting paragraph that may cause the eye to skip lines. Text is generally specified as points over leading, 12/18 would mean 12 point text with 18 point leading.</p>
<p><strong>Type and Color</strong><br />
Just as the line spacing can affect the readability of text, so can letter spacing. in print we call this tracking or kerning, in CSS on the web it is adjusted with the code: letter-spacing. Text with tight letter spacing becomes dark and unreadable, and text with letter spacing that is too loose starts to confuse the reader as it becomes increasingly difficult to distinguish one word from another.</p>
<p>Good contrast is important. it is preferable to have dark text on a light background. Reverse type is harder to read but not unreadable if the contrast is high enough. The worst possible combination is red text on blue background because the human eye focuses on blue in the front of the retina and the red behind the retina. Red on blue can cause a condition called chromosteropsis, which can have symptoms such as headaches and dizziness.</p>
<p>Another point to consider is that setting text in all caps slows reading by 14-20%</p>
<p><strong>Alignment</strong><br />
Individual words or entire blocks of text can be set in four basic alignments; left (rag right), right (rag left), centered and justified (block).</p>
<p>Left justification is easier to read and is less formal than full justification. Pick the alignment that matches the tone of your design.</p>
<p><img alt="alignment" id="image77" src="http://finamoredesign.com/wp-content/uploads/2006/06/align.jpg" /></p>
<p><strong>Combining Typefaces</strong><br />
Avoid using an excessive number of typefaces in a single document. Some experts recommend using no more than two families; others set the bar a little higher. Using selective typefaces can help your reader sort information and navigate the document. Too many faces tends to cause chaos.</p>
<p>Avoid using two or more similar fonts on the same page. Selecting fonts that are not different enough, Times vs. Garamond, also causes conflict.</p>
<p>Remember, fonts affect your overall design and should be chosen to match the style you want to portray. While readability is important, so is design!</p>
<p><strong /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/06/23/typography-101/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What is Graphic Design?</title>
		<link>http://www.finamoredesign.com/2006/06/22/what-is-graphic-design/</link>
		<comments>http://www.finamoredesign.com/2006/06/22/what-is-graphic-design/#comments</comments>
		<pubDate>Fri, 23 Jun 2006 02:22:58 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=60</guid>
		<description><![CDATA[Graphic Design is a commercial art form of selecting and arranging visual elements (typography, images, symbols, colors) to communicate ideas for a purpose (convey information or a message to an audience). It is a collaborative discipline: writers produce words and photographers and illustrators create images that the designer combines to complete the visual message. A [...]]]></description>
			<content:encoded><![CDATA[<p>Graphic Design is a commercial art form of selecting and arranging visual elements (typography, images, symbols, colors) to communicate ideas for a purpose (convey information or a message to an audience).</p>
<p>It is a collaborative discipline: writers produce words and photographers and illustrators create images that the designer combines to complete the visual message.<span id="more-59"></span></p>
<p>A graphic designer needs to understand how people respond to color, type, imagery, etc. This is key to getting the message across. In order for us to respond to the concept, it is not enough for the image to be appropriate or beautiful – the picture and elements must stand for something and they must be presented in a new or inventive relationship.</p>
<p>Expand your vocabulary to more than just words. Here are some concepts on how you express your ideas in out of the ordinary ways:</p>
<ul>
<li><strong>Metaphors:</strong> figure of speech in which a word or phrase literally denoting one kind of object or idea is used in place of another to suggest a likeness or analogy between them (ex: swimming in money)</li>
<li><strong>Puns:</strong> the usually humorous use of a word in such a way as to suggest two or more of its meanings or the meaning of another word similar in sound (ex: put it on my bill, said the duck)</li>
<li><strong>Irony:</strong> the use of words to express something other than the literal meaning, usually the exact opposite (ex: calling a linebacker &#8220;tiny&#8221;)</li>
<li><strong>Metonymy:</strong> the use of the name of one thing for that of another of which it is an attribute or with which it is associated (ex: calling an business executive a “suit”)</li>
</ul>
<p>Over the long haul of  a designer’s career, one should continually research the history of the profession; learn who the innovators were and what they did that was innovative. How did they push the boundaries of the current technologies? Look at the boundaries of your current technologies and by taking a hint from the past try to recreate their thinking to find ways to push the current limits.</p>
<p>A short list of the prominent graphic designers include: <a target="_blank" href="http://www.aiga.org/content.cfm?ContentAlias=alexeybrodovitch">Alexy Brodovitch</a>, <a target="_blank" href="http://www.davidcarsondesign.com/">David Carson</a>, <a target="_blank" href="http://www.aiga.org/content.cfm?ContentAlias=herblubalin">Herb Lubalin</a>, <a target="_blank" href="http://www.aiga.org/content.cfm?ContentAlias=ivanchermayeffandtomgeismar">Ivan Chermayeff and Thomas Geismar</a>, <a target="_blank" href="http://www.aiga.org/content.cfm?ContentAlias=lesterbeall">Lester Beall</a>, <a target="_blank" href="http://www.aiga.org/content.cfm?ContentAlias=massimoandlellavignelli">Massimo and Lella Vignelli</a>, <a target="_blank" href="http://www.miltonglaser.com/">Milton Glaser</a> &#038; <a target="_blank" href="http://www.aiga.org/content.cfm?ContentAlias=seymourchwast">Seymour Chwast</a>, <a target="_blank" href="http://www.researchstudios.com/home/006-neville-brody/NEVILLE_home.php">Neville Brody</a>, <a target="_blank" href="http://www.dlsdesign.com/paul_rand/">Paul Rand</a>, <a target="_blank" href="http://www.aiga.org/content.cfm?contentalias=paulascher">Paula Scher</a>, <a target="_blank" href="http://www.the-artists.org/ArtistView.cfm?id=D9901068-C762-11D4-A93800D0B7069B40">Piet Zwart</a>, <a href="http://www.aiga.org/content.cfm?ContentAlias=zuzanalickoandrudyvanderlans">Rudy Vanderlans and Zuzana Licko</a>, <a target="_blank" href="http://www.aiga.org/content.cfm?ContentAlias=saulbass">Saul Bass</a>, <a target="_blank" href="http://www.aiga.org/content.cfm?contentalias=tiborkalman">Tibor Kalman</a>.</p>
<p>Develop your own voice as a designer.</p>
<p>Take risks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/06/22/what-is-graphic-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Color Theory Primer</title>
		<link>http://www.finamoredesign.com/2006/06/22/color-theory/</link>
		<comments>http://www.finamoredesign.com/2006/06/22/color-theory/#comments</comments>
		<pubDate>Thu, 22 Jun 2006 19:51:53 +0000</pubDate>
		<dc:creator>troy</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.finamoredesign.com/FinaBlog/?p=20</guid>
		<description><![CDATA[Color Theory is one of those subjects that takes years to fully understand. Some people have even turned it into a career. Here I will try to cover some of the basics theories of Color Theory and show you some ideas you should think about when developing designs of your own. Primary Colors There are [...]]]></description>
			<content:encoded><![CDATA[<p>Color Theory is one of those subjects that takes years to fully understand. Some people  have even turned it into a career. Here I will try to cover some of the basics theories of Color Theory and show you  some ideas you should think about when developing designs of your own.<span id="more-53"></span></p>
<p><strong>Primary Colors</strong></p>
<p>There are only three primary or true colors. Red, yellow, and blue. Mixtures of these three colors can produce almost any other color (excluding specialty colors like metallics, fluorescents, etc.)</p>
<p><img id="image47" alt="primary" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/01-primary.jpg" /><br />
<strong>Secondary Colors</strong></p>
<p>A simple 50/50 mix of any two of the three primarys will result in what we call the Secondary colors; Orange, Green, and Purple.</p>
<p>Red + Yellow = Orange<br />
Yellow + Blue = Green<br />
Blue + Red = Purple</p>
<p><img id="image48" alt="Secondary" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/02-secondary.jpg" /><br />
<strong>Tertiary Colors</strong></p>
<p>The third step away we call the Tertiary colors. These are created by a 50%/50% mix of one Primary color and one of that Secondary Colors that resulted from a mix of that Primary Color. Therefore, there are 6 tertiary colors.</p>
<p>Red + Orange = Vermillion<br />
Red + Purple = Maroon<br />
Blue + Purple = Violet<br />
Blue + Green = Aquamarine<br />
Yellow + Green = Chartreuse<br />
Yellow + Orange = Marigold<br />
The names of the tertiary colors are subjective)</p>
<p><img id="image49" alt="Tertiary" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/03-tertiary.jpg" /><br />
<strong>Black &#038; White</strong></p>
<p>Contrary to popular belief. Black and White are not colors. White is a tint. Black is a shade. We do not use them to create new colors, only to lighten and darken existing colors.</p>
<p><strong>Color Schemes</strong><br />
While there are an unlimited number of color combinations you can use, there are 6 basic categories of color schemes that most people will agree usually net in a harmonious color system.</p>
<p><strong>Analogous </strong></p>
<p>Analogous color refers to colors that are adjacent on the color wheel that show only a slight variance, like; yellow, chartreuse, and green.</p>
<p><img id="image50" alt="Analogous" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/04-analogous.jpg" /><br />
<strong>Complementary</strong></p>
<p>A complimentary color system uses the two colors that are directly opposite each other on the color wheel (red &#038; green or blue and orange)</p>
<p><img id="image51" alt="Complimentary" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/05-complimentary.jpg" /><br />
<strong>Split Complementary </strong><br />
A split compliment utilizes one color and the analogous colors of it’s compliment. An example of this would be using Red, Aquamarine and Chartreuse.</p>
<p><img id="image52" alt="Split Complementary" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/06-splitcomp.jpg" /><br />
<strong>Monochromatic</strong></p>
<p>A monochromatic color system uses a single hue that varies in value, by adding various amounts of black and white.</p>
<p><img id="image53" alt="Monochromatic" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/09-mono.jpg" /><br />
<strong>Tetradic</strong></p>
<p>A tetradic color scheme is a combination of four colors equally spaced on the color wheel. Starting with any color and moving 90 degrees along the color wheel you will produce 4 colors that are well matched.</p>
<p><img id="image54" alt="Tetradic" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/08-tetradic.jpg" /><br />
<strong>Triadic</strong><br />
<img id="image54" alt="Tetradic" src="http://www.finamoredesign.com/wp-content/uploads/2006/06/08-tetradic.thumbnail.jpg" />Tetradic color schemes use three colors equally spaced on the color wheel. The mos common used triadic color system is the primary colors. But by starting with any color on the wheel and moving 120 degrees to select your other two colors, you are guaranteed a well balanced palette.</p>
<p><img id="image55" alt="Triadic" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/07-triadic.jpg" /><br />
<strong>Psychology of Color</strong></p>
<p>Color means different things to different people, knowing the culture of your audience will can help you establish how the site will be interpreted by your viewer.</p>
<p>In America, blue is for boys and pink is for girls, but in China, blue is for girls, black is for boys. Green makes people think of money, health, and tranquility, and in Japan yellow means cheap. Pretty much universally, orange and red make most people hungry while blue is an appetite suppressant.</p>
<p>An independent study was done asking thousands of people world wide their reactions to color. The majority of the people surveyed had the following reactions to color (remember, these results are majority rules for the world, not for every specific culture):</p>
<p>Yellow: Happy?Red: Sexy, Powerful, Good-tasting<br />
Blue: Dependable, Favorite Color<br />
Purple: Dignity?Green: Good Luck, Nausea<br />
Orange: Least Favorite Color<br />
Brown: Inexpensive<br />
White: Pure, Deity<br />
Black: Mourning, High Quality, Bad Luck<br />
Silver: High Tech<br />
Gold: Expensive</p>
<p><strong>Designing for the color blind</strong><br />
Most people don&#8217;t realize this, but 1 in 12 have a color deficiency (8% of males &#038; .5% of women) The most common form of color blindness is red green color blindness, which is the inability to distinguish between them. This is a good reason to avoid putting red type on a green background. Aside from being hard to read, if you do use this combination, it is likely that 1/12 of you audience will only see a solid color field and not see the text at all.</p>
<p>The higher the contrast between the text and the background the easier it will be for your audience to read. To determine if you have enough contrast between text and background, view your layout in grayscale or make a black and white printout.</p>
<p><strong>Websafe Colors</strong><br />
All of the information above regarding color mixing is great for mixing paints, but now that you are on the computer how does it apply? Your monitor displays RGB color. This means that your monitor&#8217;s pixels use a combination or Red, Green, and Blue to create the color spectrum visible on the screen.</p>
<p>If you play with your color sliders you will see that 100% Red and 100% Green actually creates Yellow and 100% Red and 100% Blue creates Pink. This seems a bit contrary to what we have previously discussed, right?</p>
<p>In reality, color is visible to us in two ways, as light, and as a pigment (the reflection of light). While the mixing of pigments results in darker colors, mixing light results lighter colors. Stated another way, White light is a combination of all colors, and black is the absence of light.</p>
<p>Every monitor produces colors differently, every computer changes the way the monitor displays it&#8217;s color, and every web browser again changes the way color is displayed. Now, with all this variance how do we guarantee that the specific color of, say, vermillion, that i want on my webpage will look the same on every computer, every monitor, and every web browser? The truthful answer is, you can&#8217;t. But, the web community has developed a system call WebSafe Colors that breaks down RGB mixes into 216 uniquely identifiable colors. Based on the hexidecimal system, we can use pairs of 0, 3, 6, 9, C, or F for each of the three RGB colors to identify which color we want to use, and rest knowing that the color variance will be so minimal, it should be nearly unrecognizable to the naked human eye. For example, Orange=FF9900 (Red=FF, Green=99, Blue=00), and to simplify things, since websafe colors are all pairs, in CSS to identify the same Orange we could just write F90.</p>
<p><img id="image56" alt="Websafe" src="http://www.finamoredesign.com/FinaBlog/wp-content/uploads/2006/06/RGB.png" /><br />
The only real problem I see with this system is that we are knocking a palette of millions of colors down to 216. This is a very limited color palette.</p>
<p>There are some issues to keep in  mind wether using websafe color codes or not. While color codes in html and css will net the same result as an index color coded into a gif image, jpg files use rgb and you may get color shifts if you are trying to match up a solid color in a jpg with a solid color in a gif or in html.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.finamoredesign.com/2006/06/22/color-theory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

