<?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>Webdesigner Depot &#187; Design</title> <atom:link href="http://www.webdesignerdepot.com/category/design/feed/" rel="self" type="application/rss+xml" /><link>http://www.webdesignerdepot.com</link> <description>Web Design Resources and Tutorials</description> <lastBuildDate>Fri, 10 Feb 2012 09:48:34 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=abc</generator> <item><title>Best practices for creating government websites</title><link>http://www.webdesignerdepot.com/2012/02/best-practices-for-creating-government-websites/</link> <comments>http://www.webdesignerdepot.com/2012/02/best-practices-for-creating-government-websites/#comments</comments> <pubDate>Fri, 10 Feb 2012 09:48:34 +0000</pubDate> <dc:creator>Justin Hubbard</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Websites]]></category> <category><![CDATA[.gov]]></category> <category><![CDATA[best practices]]></category> <category><![CDATA[government]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=28420</guid> <description><![CDATA[For America, creating a government website from the states, all the way down to the federal government can be an interesting but controversial task.  It&#8217;s important to follow a user-centered design process and make it easy for citizens to find the information they&#8217;re looking for. Any confusion in the way the site is setup, its [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/12/thumb11.jpg"><img
class="alignleft size-full wp-image-28428" title="thumb" src="http://netdna.webdesignerdepot.com/uploads/2011/12/thumb11.jpg" alt="Best practices for creating Government websites" width="200" height="159" /></a>For America, creating a government website from the states, all the way down to the federal government can be an interesting but controversial task.  It&#8217;s important to follow a user-centered design process and make it easy for citizens to find the information they&#8217;re looking for.</p><p>Any confusion in the way the site is setup, its search functions or even the appearance can create large amounts of controversy between citizens and governments; as history has shown.</p><p>With that said, we&#8217;re going to look at the best practices for creating government websites by comparing local with federal, the usability of these sites and their designs.</p><p><em>Note: To eliminate the chance of political debates in the comments,  any reference to government hierarchy will be according to the US  Constitution instead of their socially accepted hierarchies.</em></p><p><span
id="more-28420"></span></p><h1><strong>Transparency</strong></h1><p>Let’s start by taking a look at two .gov websites, the <a
rel="nofollow" href="http://www.whitehouse.gov/" target="_blank">White House</a> and the <a
rel="nofollow" href="http://www.smgov.net/departments/council/" target="_blank">Santa Monica City Council</a>.</p><p><a
href="http://www.whitehouse.gov/"><img
class="image-border alignnone" title="White House" src="http://netdna.webdesignerdepot.com/uploads/2011/12/screen1.jpg" alt="White House" width="615" height="357" /></a></p><p><em><a
rel="nofollow" href="http://www.whitehouse.gov/" target="_blank">White House</a> (top) and <a
rel="nofollow" href="http://www.smgov.net/departments/council/" target="_blank">Santa Monica City Council</a> (bottom) websites</em></p><p><em><a
href="http://www.smgov.net/departments/council/"><img
class="size-full wp-image-28423 alignnone" title="Santa Monica City Council" src="http://netdna.webdesignerdepot.com/uploads/2011/12/screen2.jpg" alt="Santa Monica City Council" width="615" height="302" /></a><br
/> </em></p><p>When considering the issue of transparency, which is priority #1 for most citizens when looking at a government website, the White House fails miserably.  Important information is extremely hard to find and may require hours of research to get a clear understanding of what&#8217;s going on inside the White House due to its lack of organization.</p><p>On the other hand, the Santa Monica City Council does a decent job of providing transparency.  When you first arrive to the site, it&#8217;s easy to find the last meeting that was held, all of the issues that were discussed, and any resolutions that occurred.  Minutes are accounted for, and it&#8217;s even easy to find out when the next meeting will be held so that you can watch it online.</p><p>It&#8217;s also important to provide an easily accessible and user-friendly search.  This is an area where the White House website performs well.  The search box is easy to find and the results are well organized, allowing the user to put them in chronological order.</p><p>The Santa Monica City Council also has an easy to find search box, but when the results are directed to Google it completely breaks the consistency of the website.  Results are difficult to sort through and the information isn&#8217;t always relevant to your search.</p><p>So when looking at these two government websites, we can learn the proper way and the wrong way to provide transparency.  By focusing on transparency on the homepage, the Santa Monica City Council website can be perceived as caring about its citizens as its primary concern. Adversely, citizens may get frustrated with the White House because their website makes it increasingly difficult to find important information.</p><p>In conclusion, while it&#8217;s important to maintain an aesthetic appeal, it&#8217;s even more important to make transparency easily accessible.  I see no reason why both can’t be done, with the aesthetic appeal of the White House website, and transparency put on the homepage like the Santa Monica City Council website.</p><p><br
class="spacer_" /></p><h1><strong>Issues</strong></h1><p>This is a dramatically important piece of any government website.  Let&#8217;s start by taking a look at one that has done this well.</p><p><a
href="http://paul.senate.gov/"><img
class="image-border" title="Sen. Rand Paul" src="http://netdna.webdesignerdepot.com/uploads/2011/12/screen3.jpg" alt="Sen. Rand Paul" width="615" height="320" /></a></p><p><a
rel="nofollow" href="http://paul.senate.gov/" target="_blank"><em>Sen. Rand Paul website</em></a></p><p>The website of <a
rel="nofollow" href="http://paul.senate.gov/" target="_blank">Sen. Rand Paul</a> lays out the issues in a very cohesive manner.  By simply hovering over a menu item that clearly states &#8220;issues&#8221; you get a nice drop-down menu with all of the issues laid out for you.  This is a very simple, straightforward approach to delivering the information citizens need.  Not only that, but when you choose one of the issues, the information is laid out thoroughly and in a user-friendly way.  It&#8217;s a very good example of what you should do when creating a government website.</p><p>Now let&#8217;s take a look at a government website that hasn&#8217;t done this so well.</p><p><a
href="http://governor.state.tx.us/"><img
class="size-full wp-image-28425 alignnone" title="Gov. Rick Perry " src="http://netdna.webdesignerdepot.com/uploads/2011/12/screen4.jpg" alt="Gov. Rick Perry" width="615" height="432" /></a></p><p><a
rel="nofollow" href="http://governor.state.tx.us/" target="_blank"><em>Gov. Rick Perry website</em></a></p><p>Now even though the website of <a
rel="nofollow" href="http://governor.state.tx.us/" target="_blank">Gov. Rick Perry</a> has a nice feature slider, digging deeper it&#8217;s actually pretty unorganized.  Finding the issues where the governor stands can be a fairly daunting task.  The website is more centered around mainstream news rather than focusing on information that&#8217;s important to citizens, such as the issues.</p><p>To summarize, when you are creating a government website, you never want to make the issues hard-to-find.  Make sure these are easily accessible to help citizens make informed decisions.</p><p><br
class="spacer_" /></p><h1><strong>Mainstream Design</strong></h1><p>It&#8217;s extremely important that government websites have a professional and polished look.  In order for a government website to be taken seriously, as statistics have shown, it needs to look and feel mainstream.  With that said, let&#8217;s take a look at a government website that has plenty of mainstream appeal.</p><p><a
href="http://paul.house.gov/"><img
class="size-full wp-image-28426 alignnone" title="Congressman Ron Paul" src="http://netdna.webdesignerdepot.com/uploads/2011/12/screen5.jpg" alt="Congressman Ron Paul" width="615" height="402" /></a></p><p><a
rel="nofollow" href="http://paul.house.gov/" target="_blank"><em>Congressman Ron Paul website</em></a></p><p>A website such as <a
rel="nofollow" href="http://paul.house.gov/" target="_blank">Congressman Ron Paul&#8217;s</a> has this mainstream look and feel, so therefore it can be taken seriously.  When a government official comes to you asking to create a website for them, it&#8217;s important that you understand what the mainstream looks and feels like.  Blue and red are common colors that government websites like to use, especially when they are federal.  A large header with the representative&#8217;s photo, their name, and what position they hold is a very common practice as well.  Study what mainstream government websites look and feel like, and you&#8217;re almost guaranteed to get repeat customers.</p><p>Now when looking at a government website that isn&#8217;t so mainstream, we go back to the Santa Monica City Council.</p><p><a
href="http://www.smgov.net/departments/council/"><img
class="size-full wp-image-28423 alignnone" title="Santa Monica City Council" src="http://netdna.webdesignerdepot.com/uploads/2011/12/screen2.jpg" alt="Santa Monica City Council" width="615" height="302" /></a></p><p><a
rel="nofollow" href="http://www.smgov.net/departments/council/" target="_blank"><em>Santa Monica city Council website</em></a></p><p>This is a good example of where the notion &#8220;content is king&#8221; holds true as the websites bounce rate hovers around 58% in the past month, which isn’t terrible.  It&#8217;s hard to look past the fact that this website looks like it was created in 1995, however, you&#8217;ll see that there is plenty of important information and it’s easily accessible at that.  Putting the content aside though, it&#8217;s not a website many people will stay on for the design alone.</p><p>So how important is design in a government website?  Well, with the bounce rate at 58% and the average user staying on the site for 2 min., the <a
rel="nofollow" href="http://www.smgov.net/departments/council/" target="_blank">Santa Monica City Council</a> website shows that the importance of the design is moderate.  However, it is noticeably important when you compare their website with Congressman Ron Paul&#8217;s website, which has a bounce rate of around 52% and an average time on site of around 3 min., whose design follows more along the mainstream guidelines.  Those numbers may not seem like a very big difference, but if you know anything about usability testing then you know they are significant.</p><p>So in closing, the importance of a government website design is the reason why it is number three on the priority list.  However, if you want to have repeat customers and referrals, you may want to consider understanding what government mainstream websites look and feel like.  Officials want to be taken seriously through their websites design just like anyone else, so you should provide that for them.</p><p><br
class="spacer_" /></p><h1><strong>Conclusion</strong></h1><p>Spend some time going through various government websites and ask yourself the following questions.</p><ul
class="tight_list"><li>What do they look like?</li><li>What is the feel that they are trying to generate?</li><li>What do people complain about on the forums or do they have one?</li><li>What do they have in common?</li><li>What don&#8217;t they have in common?</li><li>Whose user data looks better and why?</li></ul><p>These are just a few questions that you could ask yourself when studying government websites and how to create them.  However, if you can nail down these three core features that I have outlined for you; transparency, issues and mainstream design, you&#8217;ll be well on your way to a career in creating awesome government websites.</p><p><br
class="spacer_" /></p><p><em><a
rel="nofollow" href="http://justinhubbard.me/">Justin Hubbard</a> has been helping businesses since 2007 by creating timeless, memorable  logos as part of a branding package and modern, user-friendly websites.</em></p><p><em><strong>What other practices do you think are important when creating government websites?  Let us know in the comments!</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2012/02/best-practices-for-creating-government-websites/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2012/02/best-practices-for-creating-government-websites/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>7 mistakes developers make</title><link>http://www.webdesignerdepot.com/2012/01/7-mistakes-developers-make/</link> <comments>http://www.webdesignerdepot.com/2012/01/7-mistakes-developers-make/#comments</comments> <pubDate>Thu, 26 Jan 2012 09:26:08 +0000</pubDate> <dc:creator>Paul Scrivens</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Development]]></category> <category><![CDATA[Web Developers]]></category> <category><![CDATA[color palettes]]></category> <category><![CDATA[details]]></category> <category><![CDATA[information design]]></category> <category><![CDATA[Typography]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Web Development]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=28109</guid> <description><![CDATA[Great websites always seem to combine great design with great code. Since building a website is a pretty simple task you find many people learn HTML and CSS and figure that if they can learn that then they can design any website they want. While technically they can you will often find that there are [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/12/mistakes.jpg"><img
class="alignleft size-full wp-image-28132" title="mistakes" src="http://netdna.webdesignerdepot.com/uploads/2011/12/mistakes.jpg" alt="7 Mistakes" width="200" height="160" /></a>Great websites always seem to combine great design with great code. Since building a website is a pretty simple task you find many people learn HTML and CSS and figure that if they can learn that then they can design any website they want. While technically they can you will often find that there are some key mistakes they make because they don&#8217;t wish to take the time to actually learn about design.</p><p>Programmers are designers in their own right, but they design code and wonderfully architected systems. To design something visual is completely different and just because you have a good eye for design doesn&#8217;t mean you have a good mind to apply it.</p><p>Since so many programmers have personal projects that usually means they have to create their own websites. If you are a freelance coder, one of the greatest assets you can have is knowing the full web development process from beginning to end, and this includes design.</p><p>Here are eight mistakes that I often see developers make when applying design to a website.</p><p><span
id="more-28109"></span></p><h1><strong>1. I know what good design looks like</strong></h1><p>It can be difficult to separate an eye <em>for</em> design with the ability <em>to</em> design. It is very similar to the people that can look at fashion and tell you what looks good, but can&#8217;t really dress the same way themselves.</p><p>Great designers simply know what good design is. They know what will work and what won&#8217;t work many times before they even pick up a pencil or open Photoshop. Often this is the case because they have spent years pouring over different designs and trying out designs themselves. Just like no artist can pick up a pencil and draw something great the very first time, no developer should believe they can knock their first design right out of the park.</p><p>Similar to the way a programmer might study the code of another person, anyone can study a design and begin to gain an understanding of why it works.</p><p>Taking a look at the beautiful <a
href="http://punchfork.com/">Punchfork</a> you can see what makes the design so great.</p><ul><li>A great use of images. Images are always helpful in spicing up a design, but too many times designers can get carried away with them. The images used on Punchfork are helpful to getting the message across.</li><li>A solid grid. The great use of a grid layout helps the eye get into a flow.</li><li>Simple typography. There are fonts that should be used on the web and there are fonts that should be used very, very sparingly on the web (Papyrus, Comic Sans, etc.). There is nothing wrong with sticking with Georgia and Helvetica for a design because they work when done right.</li></ul><p>There are many more parts of the design that make it so wonderful. When you come across a design you like take the time to study the individual elements, but also acknowledge how they fit into the whole. One great element of a design doesn&#8217;t make the whole design great.</p><p><br
class="spacer_" /></p><h1><strong>2. Color selection</strong></h1><p>Color selection can be a pain. I hate having to pick colors because there are so many to choose from. For some reason most developers tend to stick to a blue and white palette. Maybe because it is used everywhere or those are the browser defaults, but great design can involve a range of colors. Fortunately for us color-challenged folks there are a ton of tools out there that can help us put together some wonderful color combinations.</p><p><a
href="http://www.colourlovers.com/">COLOURlovers</a> is a great community where people create their favorite color palettes and share them. You can browse, save and vote for your favorite palettes and colors. On more than one occasion I have turned to COLOURlovers to come through and save the day with color selection.</p><p>When picking a color palette be sure to stick with one that fits the mood of your site and its content. Don&#8217;t pick a palette simply because you love it. Orange and black might not be the best colors for a site around the concept of love for example.</p><p>Rarely will you need to use more than 3-4 different colors and if you decide to you need justify your choice.</p><p><br
class="spacer_" /></p><h1><strong>3. Center it</strong></h1><p>It can be very tempting to center a headline. It looks great in newspapers, but rarely will it work well on the web unless everything is centered. We know that left-aligned text looks professional and works with the natural flow of the eyes so why go outsides the lines?</p><p>Centered text is best used for headlines and short lines of text. Users can read them with ease because the lines are short, scannable, and don’t need repeated eye movements. Centered text can also give your layout an aesthetic look with its symmetrical format. This works for text that goes with centered images. If your images are left- or right-aligned, you should left-align your text to keep it consistent with your layout.</p><p>Centered headlines work in newspapers because the text is broken up into columns so the headline flows over the whole story. If you are only dealing with one column of text you should stick to a left-aligned headline.</p><p><br
class="spacer_" /></p><h1><strong>4. Font smorgasbord</strong></h1><p>When you aren&#8217;t immersed in the world of typography then Arial looks like Helvetica and Georgia resembles Times New Roman. You know that there are other fonts out there like Comic Sans, but you don&#8217;t see the importance of having to pay for a font when you can very easily use what is available to you.</p><p>With resources like <a
href="http://typekit.com">Typekit</a> though, font selection has become eerily similar to color selection. It can take days of research to find the right combination when you could&#8217;ve easily used a basic font and finished with the rest.</p><p>Don&#8217;t go overboard with fonts. Like colors a limited selection often works best. When it comes to fonts, one or two different fonts can be plenty to produce a beautiful design. Remember you can do a lot of different things with fonts. You can italicize them, bold them, underline them, uppercase them, or lowercase them.</p><p><br
class="spacer_" /></p><h1><strong>5. Pack in the information</strong></h1><p>When you are a developer, the more information you can have on a page the better. When I code I like to do so on multiple screens because it allows me to have everything right in front of me. Unfortunately this doesn&#8217;t work in design. You shouldn&#8217;t cram as much information in a tight space as you see fit because then the design becomes dysfunctional.</p><p>The eye can only take in so much information at a time and if the purpose of most designs is to get a task completed, then hiding it inside of a million other pieces of information isn&#8217;t going to help.</p><p>While busy websites can be effective, more times than not they aren&#8217;t. White space should be your best friend. You need empty portions in your design to provide emphasis to the parts of the design that are important.</p><p><br
class="spacer_" /></p><h1><strong>6. No questions asked</strong></h1><p>We all know that wonderful feeling of creating something and seeing it out in the real world. Because we created it, there tends to be a bias behind it that makes us think that it is better than it really is. You need to get the opinions of others to know if your design is effective and if it isn&#8217;t you can find ways to improve it. Instead, developers feel that they don&#8217;t need to ask the opinion of others because they know how their design works so it all makes sense to them.</p><p>You will also find that when people ask for an opinion about a design they aren&#8217;t asking for a critique, but approval. They want justification for the decisions they made and this isn&#8217;t the right approach. Asking questions really helps you find usability issues that you might not have been aware of before. Often you get so stuck in your own design that everything makes sense to you, but for a new person your design might be more complicated than a Rubiks Cube.</p><p><br
class="spacer_" /></p><h1><strong>7. Details waste time</strong></h1><p>With great designs it can be hard to notice the small details that really make it. They might be so subtle that the casual observer looks past them and continues on. For a developer, the small details might be a waste of time because they don&#8217;t understand the overall impact a drop shadow can have on an element.</p><p>Small details by themselves only impact a specific element of a design, but when they all come together then you have a wonderful design that flows. Sites like <a
href="http://dribbble.com">Dribbble</a> expose how great the small details can work in a larger design. However, if you aren&#8217;t a designer by trade, focusing too much on the details might slow down the process more than you would like. However, this doesn&#8217;t mean you shouldn&#8217;t be aware of how the details can impact a design.</p><p><br
class="spacer_" /></p><p><em>Paul Scrivens is the Product Designer at (mt) Media Temple. He also runs the Imagination Community, Drawar.  He believes great design makes the world a better place and that we should all strive to improve the world around us. You can find him on Twitter <a
href="http://twitter.com/scrivs">@scrivs</a>. He also likes cats.</em></p><p><em><strong>What other common mistakes do developers make when it comes to design? Please share in the comments!</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2012/01/7-mistakes-developers-make/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2012/01/7-mistakes-developers-make/feed/</wfw:commentRss> <slash:comments>14</slash:comments> </item> <item><title>Should designers do personal projects?</title><link>http://www.webdesignerdepot.com/2012/01/should-designers-do-personal-projects/</link> <comments>http://www.webdesignerdepot.com/2012/01/should-designers-do-personal-projects/#comments</comments> <pubDate>Tue, 17 Jan 2012 09:23:45 +0000</pubDate> <dc:creator>Kendra Gaines</dc:creator> <category><![CDATA[Business]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[How to]]></category> <category><![CDATA[Graphic Design]]></category> <category><![CDATA[outsourcing]]></category> <category><![CDATA[personal projects]]></category> <category><![CDATA[Productivity]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[workflow]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=28670</guid> <description><![CDATA[As creatives, most times we feel like we can do it all, or we are put in a position to do it all. We typically take on a &#8216;Jack-of-all-trades&#8217; mentality, that can either help or harm us. For some odd reason, there seems to be a discrepancy of sorts when it comes to doing the work for [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2012/01/thumbc.jpg"><img
class="alignleft size-full wp-image-28845" title="thumbc" src="http://netdna.webdesignerdepot.com/uploads/2012/01/thumbc.jpg" alt="" width="200" height="160" /></a>As creatives, most times we feel like we can do it all, or we are put in a position to do it all. We typically take on a &#8216;Jack-of-all-trades&#8217; mentality, that can either help or harm us.</p><p>For some odd reason, there seems to be a discrepancy of sorts when it comes to doing the work for ourselves. Some designers feel like of course we should take on that Jack-of-all-trades mindset, while others just feel like it makes sense to pass the work off and let someone else do it.</p><p>The truth is, they&#8217;re both great ideas but vary depending on your situation. How creative are you? What is your skill set? What kind of things stress you out? All these questions should be taken into consideration when determining whether or not designers should do their own personal projects.</p><p><em>Keep in mind, that for the purposes of this argument, we will say that a personal project is any type of work that contributes to yourself and your services. For example, we are talking about business cards, websites, etc.<span
id="more-28670"></span></em></p><h1>Yes, do personal projects</h1><p>Doing your own work can be extremely beneficial, especially if you are in a place where your client work is slow or you are just starting out and need some things to keep you occupied. Doing your own personal work from start to finish can sometimes be much more fun than client work and can teach you a lot about yourself and your style. Keep reading to find out some reasons why designers work on their own projects.</p><h2>Beginner&#8217;s luck</h2><p><a
href="http://www.sxc.hu/photo/894538"><img
class="alignnone size-full wp-image-28686" title="beginners" src="http://netdna.webdesignerdepot.com/uploads/2012/01/beginners.jpg" alt="" width="550" height="350" /></a></p><p>If you are at the very beginning of your design career, it&#8217;s kind of hard to offer services to others, especially if you are lacking the proper portfolio. Most times folks aren&#8217;t going to give you a chance if they don&#8217;t know you or know your work. The best way to counterattack this to make your first client yourself.</p><p>Let&#8217;s say for example, you are a graphic designer who would like to offer their services to the public. Well, to start off, you feel like you need to print up some business cards because you&#8217;d like to give them to some friends, family, and colleagues. That&#8217;s a great idea, but if you don&#8217;t have any work to show for, how are they going to know your work? Take the time out to really create your own business card and whatever other pieces you feel like you need to offer your services. There&#8217;s no need to run and grab a template if you can do it yourself.</p><p>As we are talking about personal projects essentially for your services and for promotional purposes, don&#8217;t forget that it&#8217;s okay to create conceptual art and put it in your portfolio. There&#8217;s this preconceived notion that all work in your portfolio has to be paid client work, but that is a falsehood. It&#8217;s okay to create a mock up, or some sort of conceptual art to let your viewers see what you are capable of. Whether you are a beginner or not, if there is a new technique you want to try out and show off, make something up. It&#8217;s totally fine to add imaginative work to your portfolio. It could quite possibly be the work that gets you in with a client!</p><h2>Growth and technique</h2><p><a
href="http://www.sxc.hu/photo/1133022"><img
class="alignnone size-full wp-image-28688" title="growth" src="http://netdna.webdesignerdepot.com/uploads/2012/01/growth.jpg" alt="" width="550" height="350" /></a></p><p>Doing personal projects really buys you time inside of whatever program it is that you may use. No matter your how good you think you are or how good others think you may be, it&#8217;s always great to have practice under your belt. Being involved with your personal projects allows you the opportunity to grow and be solid in your craft and allows you to become more familiar with techniques.</p><p>One thing that is extremely important to designers of all types, is their workflow. You may be an awesome web designer, but you don&#8217;t want it to be a pain in the butt to get done what it is that you need to get done. Personal projects help you figure out your workflow better because when you&#8217;re working on your own things, (hopefully) you aren&#8217;t as strict on yourself and you feel more free to create (than say, if you had a big near-deadline client). With your client work you want to try to be neat and color inside the lines—hopefully you loosen the reins a bit when it comes to your own creative projects.</p><p>Growth in whatever you do is necessary. Developing your technique and your workflow inside your programs of choice is absolutely necessary to the success of what you&#8217;re doing.</p><h2>Experimentation</h2><p><a
href="http://www.sxc.hu/photo/843471"><img
class="alignnone size-full wp-image-28689" title="experiment" src="http://netdna.webdesignerdepot.com/uploads/2012/01/experiment.jpg" alt="" width="550" height="350" /></a></p><p>Along with practicing and streamlining your workflow, you want to be able to experiment on some things. Experimentation, along with practice, really helps you figure out new techniques and helps you come up with your own style. Most times with commissioned projects, we aren&#8217;t as prone to experiment, but with our own personal projects, experimentation should be heavily utilized and looked forward to.</p><p>Depending on your target audience, the work you end up doing could be extremely repetitive. You may be known for the way you put together really clean, minimalistic web designs. There&#8217;s no foul there, but it&#8217;s nice to be able to step outside of yourself if necessary—if not to add a skill, then to be able to have a general knowledge of said skill.</p><p>You may also have a skill set that is closely related to another—there may be times where you are asked to carry out those tasks by a client. Now it&#8217;s all up to you whether or not you want to increase your skills, but it is good to be able to experiment and research so that you have some clue about related skillsets. As a strict graphic designer myself, I don&#8217;t know a ton about web development, but I have experimented enough to know what works and what may not work. I have enough knowledge to know, if I can&#8217;t do the task, I can point you in the right direction. This is what experimentation can do for you.</p><h2>Added personal touch</h2><p><a
href="http://www.sxc.hu/photo/1148655"><img
class="alignnone size-full wp-image-28690" title="personal" src="http://netdna.webdesignerdepot.com/uploads/2012/01/personal.jpg" alt="" width="550" height="350" /></a></p><p>What I think is most important about doing your own projects is the personal touch and flavor that&#8217;s put on it. Yes, you can tell someone your style and the things that you like but no one can really portray it and put it down as best as you can (especially if you have the ability to do so). Most times, the work that is done for yourself is and can be the first that people see of you. Are you okay with that first impression being work someone else has done for you?</p><p>It also makes sense that if you are known for a specific talent to carry out that specific talent for yourself. For example, if you are known for developing great WordPress themes and such, when you need your own website, make it a WordPress site and develop your own theme. That acts as a free advertisement and folks can know and understand how great you really are. If you were to outsource your website and a client wants a site much like yours, they&#8217;re more than likely going to skip out on you and hire the company that worked for you.</p><p>If you are in a position where you want people to under your vision and your brand, it&#8217;s probably best that you do as much of your own work as possible. Quite frankly, when you outsource, most times you end up being lumped together with other clients that are doing similar things and then you lose your personality and what makes you different. You never want to risk losing that by not doing your own personal projects.</p><p><br
class="spacer_" /></p><h1>No, don&#8217;t do personal projects</h1><p>There are some designers who feel like personal projects should be done by a third party. Much like doing your personal projects, there are some benefits to not doing your own work. When you think about outsourcing your personal projects, it&#8217;s best to take into consideration your business strategy, your common stressors, and much more. Again, below are some reasons why some designers choose to employ others and let them do the dirty work.</p><h2>The small things</h2><p><a
href="http://netdna.webdesignerdepot.com/uploads/2012/01/small2.jpg"><img
class="image-border" title="small2" src="http://netdna.webdesignerdepot.com/uploads/2012/01/small2.jpg" alt="" width="550" height="350" /></a></p><p>Simply put, giving the smaller tasks to a third party can really decrease your workload and your stress levels. You can focus on work you feel needs to be done (things close to deadlines, really big clients, etc.) and pass off smaller tasks, such as business cards and brochures, to others.</p><p>Of course, this is all with the assumption that you&#8217;ve already handled the larger tasks, such as the website, the logo, etc. What is really popular is to hire these third parties to make updates and changes as you move further along with your brand. It can get to be a bit much to update every single thing yourself, especially when it may be hard to find time—or it&#8217;s easily forgotten because it&#8217;s just not that huge of a task; however, it must be done. If your personal projects seem to always need updates and changes, you may want to think about outsourcing.</p><h2>Time is limited</h2><p><a
href="http://www.sxc.hu/photo/985578"><img
class="alignnone size-full wp-image-28692" title="time" src="http://netdna.webdesignerdepot.com/uploads/2012/01/time.jpg" alt="" width="550" height="344" /></a></p><p>Some of us aren&#8217;t beginners and some of us are actually swamped with tons of commissioned work. Depending on your business and your strategy, focusing on this type of work may be all you want to do. If that&#8217;s the case, you may only have the option to have a third party help out with your personal projects.</p><p>There are times when after you feel like you&#8217;ve really gotten to a place of some success, sometimes you might want to re-brand. The projects you did for yourself when you just started are no longer representative of you, or you feel like your business is going in a different direction. Re-branding (especially visually) is extremely important if what you had and where you are going are two different things. Just imagine, if you are a web designer who did dynamic websites, but wants to change to focus on mobile responsiveness, there may be some visual re-branding you want to do.</p><p>If your time is limited and wrapped up by your clients, it&#8217;s probably best that you bite the bullet and outsource. You want to find a way to manage your time and your projects as best as possible.</p><h2>You don&#8217;t know how</h2><p><a
href="http://www.sxc.hu/photo/555352"><img
class="alignnone size-full wp-image-28693" title="dontknow" src="http://netdna.webdesignerdepot.com/uploads/2012/01/dontknow.jpg" alt="" width="550" height="350" /></a></p><p>No matter how much you try to fake the funk on some things, when it&#8217;s time to actually sit down and create something you have no clue how to do it—or it just may not be of the quality you want it to be. We talked about how it&#8217;s nice be familiar with different skillsets, but most times, if you don&#8217;t have it, then you don&#8217;t have it. And you should be familiar enough with the skillset to know when it is time to reach out to someone else.</p><p>For example, as a designer you may want to create a promotional video for yourself. You have a nice digital camera that shoots in high def, and you even have iMovie or Final Cut, but perhaps that&#8217;s not quite what you had in mind. You know you want multiple angles and camera tricks and all types of fancy stuff—so it sounds like you may want to outsource.</p><p>What you don&#8217;t want to do is stress yourself out by trying to learn a completely new skill while trying to create something you know you want to use. It&#8217;s a great way to learn but it&#8217;s also one of the quickest ways to get stressed—you have to determine if that&#8217;s worth it, especially if you have a pile of client work to do and you&#8217;re trying to squeeze years worth of knowledge into a small personal project.</p><h2>A different outlook</h2><p><a
href="http://www.sxc.hu/photo/479608"><img
class="alignnone size-full wp-image-28695" title="different" src="http://netdna.webdesignerdepot.com/uploads/2012/01/different.jpg" alt="" width="550" height="413" /></a></p><p>It&#8217;s easy to get caught in the act of using the same techniques, same programs, and same workflow that you use constantly. Now, there&#8217;s nothing wrong with being efficient but there is an issue when all your work begins to look and feel the same. There is a fine line between having a style and having the same base, just changing a thing or two. If you feel like all your work is looking pretty much the same, you may want to call on an outside opinion.</p><p>Even if you are creating work that does not look different, it is good to have a different opinion. Many times, it&#8217;s hard for us to step outside of our roles and see the much bigger picture. Having an outsider&#8217;s opinion can go far, not just by the look and design of things but also in helping you figure some things out with your brand and services. Outsourcing your work doesn&#8217;t have to just be about giving someone else your workload, but it can also be a partnership that helps move your personal visions further.</p><p><br
class="spacer_" /></p><h1>Which one?</h1><p>Both of these &#8216;methods&#8217; sound so simple, but the truth is, a lot of designers make a bunch of mistakes by choosing to outsource or not to outsource. I don&#8217;t believe you have to stick to one method because both are appropriate depending on your situation and strategy, but it is important you use the right one at the right time.</p><p>Doing your personal projects is completely up to you and your capabilities, but if you are a designer of any sort and have some sort of general knowledge, you should definitely have some sort of hand in your personal projects. I&#8217;m not just talking about telling someone what you want to do, but actually doing something and being a large part of the creative process.</p><p>Ultimately, with whatever work you are doing, you don&#8217;t want to stress or burn yourself out. If that means you have to pass some work along to someone else, do that. You want to make sure you take as much care of your creativity as possible.</p><p><br
class="spacer_" /></p><p><em><a
rel="nofollow" href="http://www.kgainez.com" target="_blank">Kendra Gaines</a> is a freelance designer from Virginia, USA. <a
rel="nofollow" href="http://www.twitter.com/kgainez" target="_blank">Connect with her</a>.</em></p><p><em> <strong>Do you prefer to work on all your personal projects or not? When have you outsourced?<br
/> </strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2012/01/should-designers-do-personal-projects/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2012/01/should-designers-do-personal-projects/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>What&#8217;s new for designers &#8211; January 2012</title><link>http://www.webdesignerdepot.com/2012/01/whats-new-for-designers-january-2012/</link> <comments>http://www.webdesignerdepot.com/2012/01/whats-new-for-designers-january-2012/#comments</comments> <pubDate>Mon, 16 Jan 2012 09:27:44 +0000</pubDate> <dc:creator>Cameron</dc:creator> <category><![CDATA[Best Of]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Fonts]]></category> <category><![CDATA[github]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[images]]></category> <category><![CDATA[infographic]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[maps]]></category> <category><![CDATA[responsive design]]></category> <category><![CDATA[resume]]></category> <category><![CDATA[Templates]]></category> <category><![CDATA[Typography]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=28833</guid> <description><![CDATA[The January edition of what&#8217;s new for web designers and developers includes new web apps, frameworks, jQuery plugins, color tools, and a number of great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there. As always, [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2012/01/thumbnail2.jpg"><img
class="alignleft size-full wp-image-28835" title="thumbnail" src="http://netdna.webdesignerdepot.com/uploads/2012/01/thumbnail2.jpg" alt="" width="200" height="160" /></a>The January edition of what&#8217;s new for web designers and developers includes new web apps, frameworks, jQuery plugins, color tools, and a number of great new fonts.</p><p>Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.</p><p>As always, if we&#8217;ve missed something you think should have been included, please let us know in the comments.</p><p>And if you have an app or other resource you&#8217;d like to see included next month, tweet it to <a
href="http://tiwtter.com/cameron_chapman">@cameron_chapman</a> for consideration.<span
id="more-28833"></span></p><h1>Cuepoint JS</h1><p><a
href="http://cuepoint.org/">Cuepoint JS</a> is an open source plugin for adding subtitles or cue-points to HTML5 video.</p><p><a
href="http://cuepoint.org/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/cuepoint.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>jRumble</h1><p><a
href="http://jackrugile.com/jrumble/">jRumble</a> is a jQuery plugin that makes any element you choose rumble, vibrate, shake, and rotate.</p><p><a
href="http://jackrugile.com/jrumble/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/jrumble.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Circle Menu</h1><p><a
href="http://zikes.github.com/circle-menu/">Circle Menu</a> is a jQuery plugin that emulates the menu in the Path application, and includes various animation options for opening and closing menus.</p><p><a
href="http://zikes.github.com/circle-menu/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/circlemenu.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Hovercard</h1><p><a
href="http://designwithpc.com/Plugins/Hovercard">Hovercard</a> is a free jQuery plugin that lets you display related information when you hover over a link, label, or any other HTML element. It includes Twitter and Facebook hovercards, and uses minimum CSS and no external stylesheets.</p><p><a
href="http://designwithpc.com/Plugins/Hovercard"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/hovercard.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Sharrre</h1><p><a
href="http://sharrre.com/#">Sharrre</a> is a jQuery plugin for creating widgets for sharing for Facebook, Twitter, Google Plus, and more. It includes Google Analytics tracking, and is highly configurable and personalizable.</p><p><a
href="http://sharrre.com/#"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/sharrre.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Flow Slider</h1><p><a
href="http://www.flowslider.com/">Flow Slider</a> is a jQuery plugin that lets you slide HTML content in a variety of ways. It&#8217;s cross-browser compatible, customizable, and easy to set up.</p><p><a
href="http://www.flowslider.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/flowslider.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Gitview</h1><p><a
href="http://gitview.logicalcognition.com/">Gitview</a> is a JavaScript widget for listing Github repositories. It includes asynchronous loading of all data, a canvas element for the participation graph, and many other features.</p><p><a
href="http://gitview.logicalcognition.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/gitview.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Leaflet Maps Marker</h1><p><a
href="http://www.mapsmarker.com/">Leaflet Maps Marker</a> is a WordPress plugin that lets you pin your favorite places with markers, use integrated address search for finding your places, and much more.</p><p><a
href="http://www.mapsmarker.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/mapsmarker.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Initializr 2 Responsive Template</h1><p><a
href="http://www.initializr.com/">Initializr 2</a> is now offering an HTML5 responsive design template generator. You can create slightly customized and highly customized templates in under a minute.</p><p><a
href="http://www.initializr.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/initializr.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>AntiMap</h1><p><a
href="http://theantimap.com/">AntiMap</a> is an open source toolset for recording and visualizing your data. There&#8217;s a smart phone app for data capture, as well as desktop and web applications for analysis and visualization.</p><p><a
href="http://theantimap.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/antimap.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Kinzaa</h1><p><a
href="http://kinzaa.com/">Kinzaa</a> is a web app that lets you create infographic resumes that will set you apart from other job seekers.</p><p><a
href="http://kinzaa.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/kinzaa.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>HexHelp.com</h1><p><a
href="http://hexhelp.com/">HexHelp.com</a> is an easy-to-use app for getting hex codes for any color.</p><p><a
href="http://hexhelp.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/hexhelp.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Visual Heap</h1><p><a
href="http://visualheap.com/">Visual Heap</a> is a visual aggregator for designers that pulls images from all over the web for inspiration and ideas.</p><p><a
href="http://visualheap.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/visualheap.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>accentColor</h1><p><a
href="http://www.joelb.me/accentcolor/">accentColor</a> is a JS script for grabbing the main accent color from any website.</p><p><a
href="http://www.joelb.me/accentcolor/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/accentcolor.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Croply</h1><p><a
href="http://croply.com/">Croply</a> is a fast, secure, free online image cropping service. Just input the dimensions, upload your image, and that&#8217;s it.</p><p><a
href="http://croply.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/croply.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Revolver.js</h1><p><a
href="http://revolverjs.com/">Revolver.js</a> is a new content slider that&#8217;s equivalent to a boilerplate or framework for creating your own slider. It&#8217;s easy to use and completely customizable.</p><p><a
href="http://revolverjs.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/revolverjs.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Scrollorama</h1><p><a
href="http://johnpolacek.github.com/scrollorama/">Scrollorama</a> is a jQuery plugin for doing various &#8220;scrolly stuff&#8221;, like transitions.</p><p><a
href="http://johnpolacek.github.com/scrollorama/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/scrollorama.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Tmpltr</h1><p><a
href="http://rocktronica.github.com/tmpltr/">Tmpltr</a> is a tool for rapid web iteration, using JSON, HTML, and CSS.</p><p><a
href="http://rocktronica.github.com/tmpltr/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/tmpltr.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Standard International (free)</h1><p><a
href="http://www.dafont.com/standard-international.font">Standard International</a> is a modern sans serif font with slightly retro stylings.</p><p><a
href="http://www.dafont.com/standard-international.font"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/standardinternational.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Poly (free)</h1><p><a
href="http://www.fontsquirrel.com/fonts/poly">Poly</a> is a traditional serif typeface suitable for text or display use.</p><p><a
href="http://www.fontsquirrel.com/fonts/poly"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/poly.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Sofia (free)</h1><p><a
href="http://www.fontsquirrel.com/fonts/sofia">Sofia</a> is a feminine script font with lots of character.</p><p><a
href="http://www.fontsquirrel.com/fonts/sofia"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/sofia.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Brix Slab ($174.30)</h1><p><a
href="http://new.myfonts.com/fonts/hvdfonts/brix-slab/">Brix Slab</a> is an extended family with 24 fonts. It&#8217;s a robust slab serif font with subtle detailing, optimized for longer texts and readable in smaller sizes.</p><p><a
href="http://new.myfonts.com/fonts/hvdfonts/brix-slab/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/brixslab.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Rosarian ($55.10)</h1><p><a
href="http://new.myfonts.com/fonts/laura-worthington/rosarian/">Rosarian</a> is a beautiful brush serif font with curvy stems on many of the letters, designed by Laura Worthington.</p><p><a
href="http://new.myfonts.com/fonts/laura-worthington/rosarian/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/rosarian.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Blanch (name your price)</h1><p><a
href="http://www.losttype.com/font/?name=blanch">Blanch</a> is a display typeface that comes in six weights. It was designed for the Fruita Blanch brand, and is traditional but with a contemporary feel.</p><p><a
href="http://www.losttype.com/font/?name=blanch"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/blanch.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Cubano (name your price)</h1><p><a
href="http://www.losttype.com/font/?name=cubano">Cubano</a> has rounded corners and wide strokes, and features 167 glyphs.</p><p><a
href="http://www.losttype.com/font/?name=cubano"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/cubano.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Hexa (free)</h1><p><a
href="http://www.behance.net/gallery/Hexa-%28free-font%29/2759421">Hexa</a> is a blackletter typeface that has a modern look and feel.</p><p><a
href="http://www.behance.net/gallery/Hexa-%28free-font%29/2759421"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/hexa.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Haiku&#8217;s Script (free for personal use)</h1><p><a
href="http://www.fontspace.com/poemhaiku/haikus-script-ver06">Haiku&#8217;s Script</a> is a hadwritten script font, created by Poemhaiku.</p><p><a
href="http://www.fontspace.com/poemhaiku/haikus-script-ver06"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/haikusscript.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Gaunt (free)</h1><p><a
href="http://www.thriftandthistle.co.uk/fonts/gaunt-font/">Gaunt</a> is a varying-width, uppercase font. The varying widths can be mixed together to give it a more unpredictable, non-uniform effect.</p><p><a
href="http://www.thriftandthistle.co.uk/fonts/gaunt-font/"><img
src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/gauntfont.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Garamond Serial ($14.99)</h1><p><a
href="http://new.myfonts.com/fonts/softmaker/garamond-serial/">Garamond Serial</a> is a traditional serif typeface with seven widths.</p><p><a
href="http://new.myfonts.com/fonts/softmaker/garamond-serial/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/garamondserial.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Bad Script (free)</h1><p><a
href="http://www.behance.net/gallery/Bad-Script-%28Free-font%29/2711085">Bad Script</a> is a script font designed with a tablet to resemble casual and neat handwriting.</p><p><a
href="http://www.behance.net/gallery/Bad-Script-%28Free-font%29/2711085"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/new-apps-jan2012/badscript.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><em>Written exclusively for WDD by <a
href="http://cameronchapman.com">Cameron Chapman</a>.</em></p><p><strong><em>Know of a new app or resource that should have been included but wasn&#8217;t? Let us know in the comments!</em></strong></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2012/01/whats-new-for-designers-january-2012/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2012/01/whats-new-for-designers-january-2012/feed/</wfw:commentRss> <slash:comments>20</slash:comments> </item> <item><title>Are you being innovative?</title><link>http://www.webdesignerdepot.com/2011/12/are-you-being-innovative/</link> <comments>http://www.webdesignerdepot.com/2011/12/are-you-being-innovative/#comments</comments> <pubDate>Wed, 28 Dec 2011 09:05:57 +0000</pubDate> <dc:creator>Kendra Gaines</dc:creator> <category><![CDATA[Creativity]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Development]]></category> <category><![CDATA[ideas]]></category> <category><![CDATA[innovation]]></category> <category><![CDATA[invention]]></category> <category><![CDATA[Productivity]]></category> <category><![CDATA[steve jobs]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=27019</guid> <description><![CDATA[With the recent passing of Steve Jobs, a lot of people and experts are crowning him one of the greatest innovators of our time, if not of all time. It&#8217;s rather hard to disagree, as he&#8217;s helped bring forth many innovations that have seriously changed the way we look at our future. And with all [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/thumb22.jpg"><img
class="size-full wp-image-27090 alignleft" title="thumb" src="http://netdna.webdesignerdepot.com/uploads/2011/10/thumb22.jpg" alt="" width="200" height="160" /></a>With the recent passing of Steve Jobs, a lot of people and experts are crowning him one of the greatest innovators of our time, if not of all time. It&#8217;s rather hard to disagree, as he&#8217;s helped bring forth many innovations that have seriously changed the way we look at our future. And with all the talk about innovators, folks are starting to celebrate the lives of other creative geniuses at any level or platform before it&#8217;s too late. But all the talk about innovation is leaving people thinking, what is real innovation and how can one be innovative in whatever they&#8217;re doing?</p><p>Is innovation just a synonym for &#8220;invention&#8221;, or is it really just a positive spin on &#8220;imitation&#8221;? I guarantee if you ask five different people, you&#8217;ll probably get five different answers. Not because everyone is wrong, but because the exact definitions for &#8216;innovation&#8217; and &#8216;innovator&#8217; seem to vary by situation. Once you feel like you&#8217;ve answered the question, the next step is to figure out how you can be innovative so that it might help you go further in your situation.</p><p>Below, we will go through some definitions and examples to eventually get you to a better basic understanding of innovation, and how it can help you as a designer.<span
id="more-27019"></span></p><h1>And the answer is&#8230;</h1><p><a
href="http://www.sxc.hu/photo/410688"><img
class="alignnone size-full wp-image-27086" title="answer" src="http://netdna.webdesignerdepot.com/uploads/2011/10/answer.jpg" alt="" width="615" height="450" /></a></p><p>The word &#8220;innovation&#8221; kind of varies and is almost completely subjective; it has to deal a lot with the situation and it&#8217;s surroundings. Some will tell you that it&#8217;s the act of coming up with a new idea while others will tell you it&#8217;s just taking any idea and making it your own. I think it&#8217;s safe to agree with both points to a certain extent.</p><p>The dictionary lists it as something new or different introduced. That&#8217;s a concise textbook definition but innovation is not just about an idea or just about creating something new. If that was the case we&#8217;d be talking invention, right? And if we were talking just about ideas, we&#8217;d be just dealing with cultivating creativity, right? Innovation is much deeper than that, and lies in creating new processes.</p><p>Coming with a new and creative idea is just one point of being innovative because the next step is making something tangible from that idea. When you make that tangible thing, are you just hoping people like what you came up with or are you really thinking about it? Innovation begins with research so that you can, in turn, come up with a great process.</p><p>Think about this: some of the most innovative things are not new ideas, they&#8217;re just better processes. You create a better process by looking at what&#8217;s out there, figuring out what&#8217;s right and what&#8217;s wrong with it, and coming up with something new. The &#8220;idea&#8221; portion isn&#8217;t the most important thing; it&#8217;s about how you portray it. For example, if you are a web designer with your own business, your innovation doesn&#8217;t necessarily come from an &#8220;invention&#8221;, but it may come from the way in which you carry out your process: for example, finding a great way to figure out what your client wants or creating an easy way to communicate with clients can be your claim to innovation. You may also show it through your super intuitive designs.</p><p>The most important part, however, is doing something different. It&#8217;s a competitive world out here, and when a company sees another company come out with something new, oftentimes they try to mimic it and mark it down a couple bucks. I guess I understand the current marketing strategy, but how does doing something like that gain you real loyal customers? Companies in this situation (where they feel behind), have a better chance at re-doing the process and coming out with something new—pay attention to what those customers are saying they hate about said product and fix it. Don&#8217;t make the same thing and expect people to come running.</p><p><br
class="spacer_" /></p><h1>What are the differences?</h1><p><a
href="http://www.sxc.hu/photo/755768"><img
class="alignnone size-full wp-image-27087" title="telescope" src="http://netdna.webdesignerdepot.com/uploads/2011/10/telescope.jpg" alt="" width="615" height="450" /></a></p><p>Once again, trying to really define and teach innovation is really sticky, so perhaps one could understand it when being put against related terms. Innovation can be a completely new idea or a borrowed and improved idea. The thing, however, is not to get caught up in the &#8220;idea&#8221; of it all, but to focus on the finished product. We all have ideas.</p><p>Invention has a very similar definition to our topic. When we think of inventing, we obviously think of making something new. But the process of invention really only deals with creation. In the invention stage, we are working things out, on what&#8217;s usually a new idea. In the invention stage, we are trying our hardest to put money into the creation of an idea. We want whatever it is to work and be amazing. Innovation suggests that whatever we have isn&#8217;t necessarily a new idea, but it&#8217;s our new attempt to basically put it in front of people&#8217;s faces. In innovation, we have our finished and tangible reflection of the idea and now we typically want to make money off that, or at least get it seen on a larger scale.</p><p>For example, if you&#8217;ve studied a bit of science history, you may know we attribute the invention of the telescope to Galileo. The problem with this, is that telescopes were around for a while before Galileo got his hands on it and many people used them. He actually joined that bandwagon fairly late; he was about a year or so behind. Telescopes prior to Galileo&#8217;s usage weren&#8217;t used as a device to look at moons and stars—it was basically a pretty useless magnifying glass, sometimes purchased for fun. However, Galileo decided there was something important in the sky and he wanted to take a look at it, so he researched the product, made it better by increasing the distance in which you can see things and ended up giving us the precursors of the modern day telescope.</p><p>Galileo did not invent the telescope, but he helped to innovate and cultivate the idea. Steve Jobs didn&#8217;t create the MP3 player, but he helped to innovate the idea. Being or creating something that is innovative is about making the right connection to your consumer. There are many products that take extremely complex topics and scale them down to put them in front of an individual so that they may use it. There are also products that seem to be useless, that can be innovated into extremely useful products. However, if you have a simple audience and try to sell them an extremely complex product, you&#8217;ve completely lost hope. It&#8217;s just about making the connection between an idea or invention and an individual who has a problem to solve. Inventions can be innovative, but innovations do not have to be inventions.</p><p>Innovation relates not only to creation and making connections, but the organization as well as the design. If you want to create a better process that relates better to your audience, you&#8217;ve got to design it and organize it in a way that is easily understandable to your audience. Else, you&#8217;re a lost cause once again. Any product usually does not live without invention in some stage, but at some point there has to be a focus on the process and how to make it better for what ever problem needs to be solved. It&#8217;s easy to confuse invention and innovation, but the truth is, innovation is much more important.</p><p><br
class="spacer_" /></p><h1>Moving forward</h1><p><a
href="http://www.sxc.hu/photo/371171"><img
class="alignnone size-full wp-image-27088" title="nintendo" src="http://netdna.webdesignerdepot.com/uploads/2011/10/nintendo.jpg" alt="" width="615" height="450" /></a></p><p>Any good business, whether large or small, knows that in order to stay ahead of the game, they&#8217;ve got to be innovative. It isn&#8217;t about being better than anyone else, instead it&#8217;s about creating products and services that will have longevity. The great thing about innovative products is that they are typically timeless. Gimmicky products? Not so much.</p><p>Why is it so important to cultivate innovativeness? For one, people have short attention spans and get tired of new things fairly quickly. Secondly, innovation is what changes the world—it changes our interests, it changes our government and it changes the way we move in the future. Some products are for a time period, even some categorically innovative ones. But it takes that quality to be continuously visited in order for the product to remain relevant. You don&#8217;t just update features, but you update how it works, how it interacts and what it looks like. For example, the Nintendo GameBoy at every stage in its life (from the bulky handheld to the slim two-screen), hasn&#8217;t just simply added a feature, it changed the way you played handheld games. Not only did other copycat companies have to keep up, but game developers had to do the same, as did mobile phone makers and full gaming consoles. Nintendo has always been an innovator in the game console arena.</p><p>Companies that spring up just to copy off another company won&#8217;t make it. Even as designers, if we are trying to design like our favorite and follow the same path, we aren&#8217;t going to make it. You have to be different. You have to want to change something. The longevity of a company is in question when their main purpose is to copy every move of another company. Think about two companies that have broken the mold of typical companies; for example Starbucks, Apple, and PayPal just to name a few. Now think of the companies that came to be because they felt like &#8220;they could do that too&#8221;. The innovators mindset is not &#8220;I can do that, too&#8221;, but rather &#8220;anything you can do, I can do better.&#8221;</p><p>We must also keep in mind that innovation is not just directly related to products and commercialism. There are ways available to innovate in society through economics, laws and much much more. It is the propeller for all things linked to progressive movement. Innovators have to keep in mind that they have an opportunity to change the lives of 6+ billion people. It isn&#8217;t all about products and consumerism, but it is definitely about raising the bar for everyone.</p><p><br
class="spacer_" /></p><h1>How can you be innovative?</h1><p><a
href="http://www.sxc.hu/photo/170362"><img
class="alignnone size-full wp-image-27089" title="process" src="http://netdna.webdesignerdepot.com/uploads/2011/10/process.jpg" alt="" width="615" height="450" /></a></p><p>As a freelance designer who has clients, you&#8217;re probably not thinking you have to be innovative. That&#8217;s just the job of your clients and you follow suit. But as previously stated, any business knows that they must be innovative in order to prosper and be successful. Don&#8217;t you want that for yourself?</p><p>You already have the upper-hand because if you&#8217;re a good and mature designer, you know that graphic design is about visually solving a problem. You have a client that wants to use their website to sell their product; how would you do it? Your client needs a flyer for an event that people have to RSVP for; how do you do it? If you can answer these questions, you are already a problem solver of sorts and have no issues thinking in that mind frame.</p><p>The thing about innovation, however, is not just what you&#8217;re going to use to carry out your tasks but how you&#8217;re going to do it. See, innovation for a designer can present itself in several different ways. Do you find yourself and others in the same situation often, so you want to try to invent an app to take care of something? Do you want to change the way people look and see design, so you create the difference? Or perhaps you just want to change and better the process of graphic design all together, so you want to organize things differently.</p><p>Many innovators have mastered the task of paying attention. If there is a problem that needs to be solved, you must pay attention to the solutions already out there and you must also pay attention to the way consumers have reacted to the solution. Figure out what works and what doesn&#8217;t work and come up with something new. The trick to creating that new thing, though, is creating it so that it is used intuitively by your audience. If a solution or process is outdated or doesn&#8217;t work, flip it around and look at it from all angles. Try to figure out what works.</p><p>In order for innovation to take place, of course you need some creativity and you need some entrepreneurship capabilities, and you need an excellent relation between both. But you must know how to make things intuitive. Products and services are used when they make sense for people without the use of training and such. You must know how to find the bigger picture and act on and solve that.</p><p>You also want to make your self as susceptible to innovative thoughts as possible. It really begins when you attempt to think outside the box. It sounds cliche and boring, but the truth is a lot of people have issues thinking outside the box. Many of us our cultured into believing certain things and in some systems, that when one thinks against it, you automatically get scared. As a musician, I run into a lot of other musicians who are looking for fame and fortune. If anyone knows anything about the music industry, it isn&#8217;t doing so well. These musicians want to catch their big break while they are still running through the dying techniques of the industry, and when they have an out of the box idea, they shy away from it because it&#8217;s &#8220;too different.&#8221;</p><p>If you want to be innovative and move forward, you have to abandon the thought that all different ideas are bad ideas. Keeping an open mind and paying attention to your surroundings are some of the best things to do in order to be innovative. Innovators look for unique ways to solve problems. There&#8217;s no better way to think uniquely than to be open, daring, and bold; don&#8217;t be afraid of your creativity. Taking risks and not being afraid to break down barriers and walls will take someone further than playing it safe. There&#8217;s nothing wrong with being different, especially if you can bottle it up in a product that people will love.</p><p><br
class="spacer_" /></p><h1>Conclusion</h1><p>The definition and thoughts on innovation will always vary, but there&#8217;s never any real question of those who are innovative. Innovation doesn&#8217;t have to be this thing you put on a pedestal or fear but it should definitely be something you strive for and try to welcome. It comes in many different scales and in many different situations, you just have to open your eyes to it.</p><p>Is there a difference between the person who creates his own new innovative idea or the guy who borrows an idea and makes it better? Not really, as long as both things work and are accepted as such. Is there a difference between the guy who invents something but it&#8217;s deemed unusable for the public and the guy who takes that invention and flips it so that it is usable for the public? Absolutely—the latter person is an innovator.</p><p>You don&#8217;t have to invent the newest, shiniest technology, but you do want to bring something different to the table. If you find a consistent problem in some sort of process, turn it upside down and see if it still works. If it does, use it. If it doesn&#8217;t, try some other amazing idea. Innovation doesn&#8217;t require you to reinvent the wheel, but it does challenge you to look at that wheel differently.</p><p><br
class="spacer_" /></p><p><em><a
rel="nofollow" href="http://www.kgainez.com/" target="_blank">Kendra Gaines</a> is a freelance designer from Virginia, USA. <a
rel="nofollow" href="http://www.twitter.com/kgainez" target="_blank">Connect with her</a>.</em></p><p><em><strong>Where do you see the most opportunities for innovation in web design and development? Let us know in the comments!</strong><br
/> </em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2011/12/are-you-being-innovative/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2011/12/are-you-being-innovative/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Designing for your target audience</title><link>http://www.webdesignerdepot.com/2011/12/designing-for-your-target-audience/</link> <comments>http://www.webdesignerdepot.com/2011/12/designing-for-your-target-audience/#comments</comments> <pubDate>Tue, 27 Dec 2011 09:01:38 +0000</pubDate> <dc:creator>Kendra Gaines</dc:creator> <category><![CDATA[Clients]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Marketing]]></category> <category><![CDATA[demographics]]></category> <category><![CDATA[Freelancing]]></category> <category><![CDATA[Graphic Design]]></category> <category><![CDATA[psychographics]]></category> <category><![CDATA[research]]></category> <category><![CDATA[Web Design]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=26045</guid> <description><![CDATA[Some of the truest words I&#8217;ve heard to date are, &#8220;If you don&#8217;t plan on creating your own business, then you plan on being broke.&#8221; While, there are many people out there who have made a nice living working for other companies, it shouldn&#8217;t be crazy to think about going into business for oneself, whether [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/targetthumb.jpg"><img
class="image-border alignleft" title="targetthumb" src="http://netdna.webdesignerdepot.com/uploads/2011/10/targetthumb.jpg" alt="" width="200" height="160" /></a>Some of the truest words I&#8217;ve heard to date are, <em>&#8220;If you don&#8217;t plan on creating your own business, then you plan on being broke.&#8221;</em></p><p>While, there are many people out there who have made a nice living working for other companies, it shouldn&#8217;t be crazy to think about going into business for oneself, whether it be a full time job or a part time gig. With the changing economic climate things aren&#8217;t guaranteed and, quite frankly, the time spent helping someone else achieve their goals could be time well spent on chasing your own dreams.</p><p>As graphic designers, freelancing and creating our own small business is usually a pretty common thought; it&#8217;s almost a given. Even if we don&#8217;t market ourselves as freelancers, I&#8217;m sure some of us have gotten into doing side jobs to put some extra cash in our pockets. Some designers just like to offer design services while others have full businesses revolving around clothing design or creating products, or perhaps partnering with someone else to offer more products and services.</p><p>Regardless of what it is that you do, in order to see some growth in your business you&#8217;ve got to figure out who you are targeting. Many of us may believe that our product is for everyone, but trying to get your product in front of everyone is going to be painful and expensive. What you want to do is figure out who you are specifically targeting, figure out that niche and put your efforts into them. Finding out more about them will help your effectiveness and eventually help your reach because once you know who you&#8217;re selling to, you&#8217;ll better know how to design for them.<span
id="more-26045"></span></p><h1>Before we get started&#8230;</h1><p><a
href="http://www.sxc.hu/photo/1336892"><img
class="alignnone size-full wp-image-27010" title="begin" src="http://netdna.webdesignerdepot.com/uploads/2011/10/begin.jpg" alt="" width="615" height="450" /></a></p><p>If you&#8217;ve never taken the time out to do some customer research, don&#8217;t go nuts now. Hopefully you have enough customers to try and figure it out, or perhaps you have developed your product or service far enough to know around about who you think you can pitch it to. The biggest mistake is to throw your product or service into everyone&#8217;s face and hope that they bite. That&#8217;s a part of working hard, but in business you want to work smart. So here are some things to get you started on figuring out who purchases and should be purchasing your product.</p><p><br
class="spacer_" /></p><h1>Who are they?</h1><p><a
href="http://www.sxc.hu/photo/810432"><img
class="alignnone size-full wp-image-27004" title="whoarethey" src="http://netdna.webdesignerdepot.com/uploads/2011/10/whoarethey.jpg" alt="" width="615" height="450" /></a></p><p>The first thing you have to figure out about your target audience is who they are. What kind of things do they do? What kind of music do they listen to? What products do they use? How old are they? The answers to these questions and many more will help you better understand the people you are designing for. Getting an understanding of these individuals helps you create with ease and make something you know will relate to them and end up communicating well.</p><p>As a young designer, I notice that I take an interest in flyers and brochures that relate to me with great design techniques, a clear message, and a professional look. I&#8217;ve also been known to brake for really creative ideas or illustrations and things of that nature. I like that type of thing, so for me it&#8217;s easy to want to create that type of thing but the truth is the audiences I sometimes end up designing for could probably care less about design and making things clean and professional. It sounds absurd but it&#8217;s true; you&#8217;ve got to relate to the audience.</p><p>Again, you have to know the target audience. If you or your client have no idea who you&#8217;re designing for, you&#8217;re really taking a stab in the dark and hoping and praying you come up with something. There are times when you may have a wide variety of people in your audience, but you&#8217;ve got to find a commonality between the majority of folks.</p><p><br
class="spacer_" /></p><h1>Do the research</h1><p><a
href="http://www.sxc.hu/photo/680529"><img
class="alignnone size-full wp-image-27005" title="research" src="http://netdna.webdesignerdepot.com/uploads/2011/10/research.jpg" alt="" width="615" height="450" /></a></p><p>Finding out more about your audience does not have to be rocket science and don&#8217;t let anyone tell you otherwise. It&#8217;s not about how you get your information, but what questions you ask and what you decide to do with it. Let&#8217;s say for example, you run a brick and mortar t-shirt store. You&#8217;ve got a shirt design that sells really well, but you want to know how to create more like it. If you have a low volume of folks coming through, just ask them what attracts them to the particular shirt. Not only are you doing research here, but you&#8217;re making connections with your customers. If you have more volume, or you run an online store, create a quick and concise survey that asks the questions.</p><p>Also be aware that you&#8217;ve got to ask the right questions. If I want to know why people like that t-shirt design, I&#8217;m not going to ask them what size shirt they wear, I&#8217;m going to focus on the design. For example, why they like the design or what it means to them. You want to ask questions that will help you figure your audience out and help you make educated guesses on the things they&#8217;ll like in the future.</p><p>Keep in mind, demographic information is only useful to a certain extent. You still need to figure out what your audience likes and what they feel (as well as what they like to feel). Don&#8217;t get so caught up in asking the regular boring questions about age and income that you forget to ask about their interests as well.</p><p>New products may make it hard to figure out your target audience, but you can research similar products and do beta testing. With your beta testing, you can continue to survey your group of users not just on the effectiveness on the product, but about all things design-related as well. Also, keep in mind that who you intend to purchase your product is not always the same person who will purchase it. Oftentimes, we will have a big great idea and we feel like we know who&#8217;s going to buy it, but sometimes it doesn&#8217;t always go as we plan. This is why beta testing and gathering information are important.</p><p><br
class="spacer_" /></p><h1>What are you doing?</h1><p><a
href="http://www.sxc.hu/photo/92297"><img
class="alignnone size-full wp-image-27006" title="whtudoing" src="http://netdna.webdesignerdepot.com/uploads/2011/10/whtudoing.jpg" alt="" width="615" height="450" /></a></p><p>Once you feel like you have a good grasp on your target market, you need to have an even better grasp of what you&#8217;re trying to do or what it is you are trying to design for. If you are trying to sell a product or service, what are you trying to convey about that product or service?</p><p>When you come to this step it&#8217;s easy to want to set up some sort of feature-benefit analysis. This means, for example, if you are trying to sell your graphic design services, you may feature that you do great print design as well as web design, so your benefit is that you&#8217;re a &#8220;one-stop-shop.&#8221; That&#8217;s really nice, but you&#8217;ve got to be more than that. Try to highlight what you can do for them and not just your skill set. Say that your print designs have the ability to captivate the intended audience, not just that you can do print design. Say that your web designs allow users to connect with a company in ways that were never imagined. Say that your product isn&#8217;t just a product but it contributes to your life in much deeper ways.</p><p>Knowing what your target audience likes and is interested in will help you come up with these types of things much easier. It&#8217;s not wrong to display the features and the benefits—for some audiences that&#8217;s all you really need. But in a competitive market, you have to know what makes your audience react and whether or not your product or service has that.</p><p><br
class="spacer_" /></p><h1>Design basics</h1><p><a
href="http://www.sxc.hu/photo/1361061"><img
class="alignnone size-full wp-image-27007" title="designbasics" src="http://netdna.webdesignerdepot.com/uploads/2011/10/designbasics.jpg" alt="" width="615" height="450" /></a></p><p>After you have gathered all your information and you feel like you&#8217;re understanding your purpose and your audience, then it&#8217;s time to do your designing. Just because you&#8217;re designing with greater intentions does not mean you forget any of your fundamentals. You must continue to incorporate all the theories of design so that you can make an effective piece of design.</p><p>The greatest fundamental theory that you cannot ever lose is be visual hierarchy. As a designer, you have to remember and understand that you have all the power of figuring out what your audience looks at when they look at a flyer or a package. Use that to your advantage in everything you do. This theory basically states that you create hierarchy or importance based on what is the biggest and what is the smallest. While that&#8217;s the first contributor, the second contributor is going to be placement. Your most important visual, whether it be a headline or a picture, should be above or at eye level. Putting it below eye level or out of the initial view is a complete and total waste of time.</p><p>With visual hierarchy, you want to keep in mind the layout, the balance of the layout, and good proximity. These are just the basics to ensure that you have some sort of order and cleanliness about whatever it may be you are designing. A lot of times, we want people to stop and notice something crazy we&#8217;ve done with a layout or something, but we shouldn&#8217;t be reinventing the wheel, we should just be making sure everything makes sense and is legible. You want whoever sees your visual to get the main points even if they&#8217;re only passing by.</p><p><br
class="spacer_" /></p><h1>Putting the two together</h1><p><a
href="http://www.sxc.hu/photo/537902"><img
class="image-border" title="together" src="http://netdna.webdesignerdepot.com/uploads/2011/10/together.jpg" alt="" width="615" height="450" /></a></p><p>Knowing your fundamentals of graphic design is essential. That&#8217;s going to make sure your audience, whomever they may be, can understand what it is you are trying to say. The purpose in researching your audience and getting to know them is that when it is time to design, the visual speaks to them and gets them to move.</p><p>As I said before, as a graphic designer, I just want to do fun designs with crazy colors, cool shapes, and illustrations. For my own personal business that works, because I tend to cater to trendier, younger folks who are interested in trying new things. However, sometimes I get a client who is less interested in that. I sometimes get clients who are extremely corporate, so I have to pull myself in a bit as they aren&#8217;t interested at all in cool and crazy designs. I don&#8217;t bore them to death with my design, but I will make sure there is focus on what needs focus.</p><p>Many times we can get caught up in ourselves and what we want, but it has nothing to do with what we want, and everything to do with what the audience wants. If you feel like in your design you want to be extremely creative with what you&#8217;re doing, you have to have a purpose for that. You have to know that that is something your audience will respond to. Being unnecessarily creative and crazy can alienate a large portion of your target audience if that&#8217;s not what they are into.</p><p>The ultimate goal with whatever you are designing is to get the people to move. You have to relate to them in a way in which they get. If you are catering to 60+ year-olds, you&#8217;re not going to use pastel colors and illustrations to attract them. If you are trying to attract teenagers, you probably aren&#8217;t going to use earth tones and photos of older people to get them to do something. You have to know the demographic and, most importantly, the psychographics (how they think, feel, etc.). When you have a real understand of the psychographics you can get them to do anything. If you want them to feel excited about your product and elite for owning it, you should know how to convey that to them. You should also know that&#8217;s what they want to feel about your product.</p><p>Creating a visual doesn&#8217;t have to be extremely forward. You do want them to think about your product a bit and let it relate to them. Basically while you are worrying about your target or niche market, every so often you have a person that comes along that doesn&#8217;t fit any of your research, but you don&#8217;t want to shut them out completely. Use design to tap into making someone feel a certain way because that&#8217;s what gets people interested in your product or service.</p><p>Try to put yourself in their shoes—what would you like to see and what would you not like to see? Even if it&#8217;s unrelated to your product, put yourself in a consumer&#8217;s shoes. For example, I dislike picking up a flyer or seeing a site for a real estate agent and the only visual given is a nice glamor shot of the agent. What is that doing for me? How does that make me want to purchase property? Well, it doesn&#8217;t. If you were to create a visual and just have a picture of yourself or even just the product or service, how would that really make a customer want to make a purchase?</p><p><br
class="spacer_" /></p><h1>Designing your website</h1><p><a
href="http://www.sxc.hu/photo/346146"><img
class="alignnone size-full wp-image-27009" title="website" src="http://netdna.webdesignerdepot.com/uploads/2011/10/website.jpg" alt="" width="615" height="450" /></a></p><p>One of the most important visuals you will have and use, is your website. Some people are just going to stumble on it and want more information, and some are going to go to your website specifically in an attempt to gain more information. You have to keep your research consistent with the visuals on your website. Part of your research should indicate why customers come to your website and what they desire from the site.</p><p>Many designers and owners believe a website&#8217;s sole purpose is to tell everyone about your product or service and why it&#8217;s completely awesome. Well, I beg to differ. A website is supposed to be an extension of your business and should be used to communicate with current customers as well as potential customers. Keep it consistent with your target market and make yourself available on your website.</p><p>Make sure you have a clear message on your site—if you sell several products try to highlight one. If you have several different services highlight one or highlight the reasons why people keep coming back; create a feeling. No matter the demographics of your audience, your website should be clear and consistent.</p><p><br
class="spacer_" /></p><h1>More on research</h1><p>As graphic designers and/or as business owners, we have to learn how to understand marketing tactics as well as research. Determining a target market doesn&#8217;t take a lot, but you do want to make sure you&#8217;re doing it in a way that suits your needs. Your business and your clients depend on the visuals you make—if they end up being non-effective, that tends to be a direct reflection of your work. Once again, you want to make sure you are working smart (by doing your research and utilizing it), rather than working hard (creating a bunch of blind visuals hoping someone picks it up).</p><p>It can sometimes be a tough concept to understand, so I&#8217;ve added some pretty solid and helpful resources.</p><ul
class="tight_list"><li><a
rel="nofollow" href="http://www.inc.com/guides/2010/06/defining-your-target-market.html" target="_blank">How to Define Your Target Market</a></li><li><a
rel="nofollow" href="http://www.addicottweb.com/2009/08/what-to-ask-when-designing-for-a-target-audience/" target="_blank">What to Ask When Designing For a Target Audience</a></li><li><a
rel="nofollow" href="http://smallbusiness.aol.com/2011/01/27/conducting-market-research-5-things-you-need-to-know/" target="_blank">Conducting Market Research</a></li><li><a
rel="nofollow" href="http://www.entrepreneur.com/article/217345" target="_blank">How to Do Market Research</a></li></ul><p><br
class="spacer_" /></p><p><span
style="font-style: italic;"><a
rel="nofollow" href="http://www.kgainez.com" target="_blank">Kendra Gaines</a> is a freelance designer from Virginia, USA. <a
rel="nofollow" href="http://www.twitter.com/kgainez" target="_blank">Connect with her</a>.</span></p><p><em><strong>Have you had experience switching from a large audience to selecting your target? What was your experience?</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2011/12/designing-for-your-target-audience/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2011/12/designing-for-your-target-audience/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>What&#8217;s new for designers, December 2011</title><link>http://www.webdesignerdepot.com/2011/12/whats-new-for-designers-december-2011/</link> <comments>http://www.webdesignerdepot.com/2011/12/whats-new-for-designers-december-2011/#comments</comments> <pubDate>Mon, 12 Dec 2011 09:19:45 +0000</pubDate> <dc:creator>Cameron</dc:creator> <category><![CDATA[Compilation]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Resources]]></category> <category><![CDATA[Advertising]]></category> <category><![CDATA[Clients]]></category> <category><![CDATA[color schemes]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[e-commerce]]></category> <category><![CDATA[Fonts]]></category> <category><![CDATA[forms]]></category> <category><![CDATA[frameworks]]></category> <category><![CDATA[Freelancing]]></category> <category><![CDATA[Icons]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[responsive design]]></category> <category><![CDATA[Typography]]></category> <category><![CDATA[web apps]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=28036</guid> <description><![CDATA[The December edition of what&#8217;s new for web designers and developers includes new web apps, frameworks, some JavaScript tools and resources, color tools, e-commerce platforms, and a number of great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/12/thumb3.jpg"><img
class="alignleft size-full wp-image-28037" title="thumb" src="http://netdna.webdesignerdepot.com/uploads/2011/12/thumb3.jpg" alt="" width="200" height="160" /></a>The December edition of what&#8217;s new for web designers and developers includes new web apps, frameworks, some JavaScript tools and resources, color tools, e-commerce platforms, and a number of great new fonts.</p><p>Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.</p><p>As always, if we&#8217;ve missed something you think should have been included, please let us know in the comments.</p><p>And if you have an app or other resource you&#8217;d like to see included next month, tweet it to <a
href="http://twitter.com/cameron_chapman">@cameron_chapman</a> for consideration.<span
id="more-28036"></span></p><h1>Project Adthenticate</h1><p><a
href="http://labs.adobe.com/technologies/adthenticate/">Project Adthenticate</a> is a hosted service for ad validation from Adobe that aims to help publishers become more efficient at launching their advertising campaigns.</p><p><a
href="http://labs.adobe.com/technologies/adthenticate/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/adthenticate.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Colorpilgrim</h1><p><a
href="http://beta.colorpilgrim.com/Home">Colorpilgrim</a> offers tools for creating color palettes. The ColorClipper bookmarklet lets you easily collect colors, and other tools let you create palettes from uploaded images or from scratch.</p><p><a
href="http://beta.colorpilgrim.com/Home"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/colorpilgrim.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>FormBakery</h1><p><a
href="http://formbakery.com/">FormBakery</a> is an incredibly easy to use app for creating forms. Just drag and drop the elements you need (text boxes, drop downs, radio buttons, and check boxes are all available), enter the email address where the form should go, and then enter the name and email address where forms should go, and export your code.</p><p><a
href="http://formbakery.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/formbakery.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Easy Basket</h1><p><a
href="http://www.easybasket.co.uk/">Easy Basket</a> is a free Ajax shopping cart that works with PayPal and Google Checkout, and includes drag-and-drop functionality. There&#8217;s also a WordPress plugin version.</p><p><a
href="http://www.easybasket.co.uk/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/easybasket.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Draftest</h1><p><a
href="http://draftest.com/">Draftest</a> lets you set up tests to let your clients rate designs so you can get an idea of what styles they like most.</p><p><a
href="http://draftest.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/draftest.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Breakpoints.js</h1><p><a
href="http://xoxco.com/projects/code/breakpoints/">Breakpoints.js</a> makes it possible to define breakpoints for your responsive designs, and will trigger custom events when the user&#8217;s browser enters or exits these break points.</p><p><a
href="http://xoxco.com/projects/code/breakpoints/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/breakpoints.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>BestVendor</h1><p><a
href="http://bestvendor.com/">BestVendor</a> makes it easy to discover apps recommended by others. You can also enter your favorite three web services to recommend them to others.</p><p><a
href="http://bestvendor.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/bestvendor.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>QwikVu</h1><p><a
href="http://qwik.vu/">QwikVu</a> makes it easy to share website mockups with your clients at full scale, without resorting to email attachments and without requiring your clients to sign up for any kind of account.</p><p><a
href="http://qwik.vu/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/qwikvu.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>iWebInspector</h1><p><a
href="http://www.iwebinspector.com/">iWebInspector</a> is a free web debugging app for Safari on iPhone, iPad, and Phone Gap.</p><p><a
href="http://www.iwebinspector.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/iwebinspector.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>YAMB</h1><p><a
href="http://www.prowebdesign.ro/yet-another-boilerplate-for-responsive-mobile-web-design-yamb/">YAMB</a> is &#8220;yet another boilerplate for responsive web design.&#8221; It&#8217;s a set of tools for building better responsive designs in less time.</p><p><a
href="http://www.prowebdesign.ro/yet-another-boilerplate-for-responsive-mobile-web-design-yamb/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/yamb.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>CSS3 Click Chart</h1><p><a
href="http://www.impressivewebs.com/css3-click-chart/">CSS3 Click Chart</a> gives you a visual representation of different CSS3 properties, along with an explanation of each and example syntax.</p><p><a
href="http://www.impressivewebs.com/css3-click-chart/"><img
class="alignnone size-full wp-image-28043" title="css3clickchart" src="http://netdna.webdesignerdepot.com/uploads/2011/12/css3clickchart.jpg" alt="" width="615" height="450" /></a></p><p><br
class="spacer_" /></p><h1>Check My Colours</h1><p><a
href="http://www.checkmycolours.com/">Check My Colours</a> is a tool for checking the contrast of foreground and background elements on a website design to make sure they&#8217;re accessible to those with color deficits.</p><p><a
href="http://www.checkmycolours.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/checkmycolours.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Moment.js</h1><p><a
href="http://momentjs.com/">Moment.js</a> is a javascript library for parsing, manipulating, and formatting dates and times.</p><p><a
href="http://momentjs.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/momentjs.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Shapecatcher</h1><p><a
href="http://shapecatcher.com/">Shapecatcher</a> is a simple app that will help you find a Unicode character similar to whatever shape you draw.</p><p><a
href="http://shapecatcher.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/shapecatcher.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Dochub</h1><p><a
href="http://instacss.com/#">Dochub</a> is a fantastic resource for checking various CSS, HTML, JavaScript and DOM elements and definitions. In-depth documentation is provided for each, including usage notes and attributes.</p><p><a
href="http://instacss.com/#"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/instacss.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Keyboard JS</h1><p><a
href="http://robertwhurst.github.com/KeyboardJS/">Keyboard JS</a> is a library for binding to keys or key combos.</p><p><a
href="http://robertwhurst.github.com/KeyboardJS/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/keyboardjs.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>W3Clove</h1><p><a
href="http://w3clove.com/">W3Clove</a> will validate the entire markup of your entire website with a single click. Just enter your site&#8217;s address and click &#8220;Validate.&#8221;</p><p><a
href="http://w3clove.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/w3clove.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Reverie</h1><p><a
href="http://themefortress.com/reverie/">Reverie</a> is a responsive HTML5 WordPress framework based on Zurb&#8217;s Foundation. It follows the HTML5 Boilerplate standard and is hNews microformat ready.</p><p><a
href="http://themefortress.com/reverie/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/reverie.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Color Thief</h1><p><a
href="http://lokeshdhakar.com/projects/color-thief/">Color Thief</a> uses JavaScript and Canvas to grab the dominant color or color palette from an image.</p><p><a
href="http://lokeshdhakar.com/projects/color-thief/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/colorthief.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Sell Simply</h1><p><a
href="http://sellsimp.ly/">Sell Simply</a> is a service for sending and receiving direct payments on Twitter.</p><p><a
href="http://sellsimp.ly/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/sellsimply.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Smart Validate</h1><p><a
href="http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/">Smart Validate</a> is a jQuery plugin for validating credit cards. It supports American Express, MasterCard, Visa, Diners Club, and Discover cards.</p><p><a
href="http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/smartvalidate.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>foneFrame</h1><p><a
href="http://www.foneframe.com/fF/">foneFrame</a> is an HTML5 and CSS3 mobile framework that helps you create web pages designed specifically for smartphones.</p><p><a
href="http://www.foneframe.com/fF/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/foneframe.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>jqPagination</h1><p><a
href="http://beneverard.github.com/jqPagination/">jqPagination</a> is a design agnostic jQuery plugin for pagination of your website or app.</p><p><a
href="http://beneverard.github.com/jqPagination/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/jqpagination.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>In-Field Labels jQuery Plugin</h1><p><a
href="http://fuelyourcoding.com/scripts/infield/">In-Field Labels</a> is a jQuery plugin for turning properly formatted HTML forms into forms with in-field label support.</p><p><a
href="http://fuelyourcoding.com/scripts/infield/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/infieldlabels.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Excssive</h1><p><a
href="http://www.excssive.com/">Excssive</a> compresses your CSS files on the fly as you drag and drop them onto the page. It gives you a list of sortable and removable files, and once you&#8217;ve sorted the file hierarchy, just copy and save the minified output.</p><p><a
href="http://www.excssive.com/"><img
class="image-border" title="excssive" src="http://netdna.webdesignerdepot.com/uploads/2011/12/excssive.jpg" alt="" width="615" height="450" /></a></p><p><br
class="spacer_" /></p><h1>SimpLESS</h1><p><a
href="http://wearekiss.com/simpless">SimpLESS</a> is an app that will compile your .less files into valid CSS. It&#8217;s free for Mac, Linux, and PC.</p><p><a
href="http://wearekiss.com/simpless"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/simpless.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Stitches</h1><p><a
href="http://draeton.github.com/stitches/">Stitches</a> is a drag-and-drop app for creating sprites and stylesheets. It uses HTML5, and is only compatible with the latest versions of Firefox and Chrome currently.</p><p><a
href="http://draeton.github.com/stitches/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/stitches.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>SocialCompare</h1><p><a
href="http://socialcompare.com/en">SocialCompare</a> lets you compare anything in interactive comparison tables, and then share with your friends, and even solicit their opinions on the table data.</p><p><a
href="http://socialcompare.com/en"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/socialcompare.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Erler Dingbats (free)</h1><p><a
href="http://www.ffdingbatsfont.com/erler/index.html">Erler Dingbats</a> is a new complete Unicode dingbats font. It has a consistent design so everything harmonizes elegantly, and includes a wide range of popular pictograms and symbols.</p><p><a
href="http://www.ffdingbatsfont.com/erler/index.html"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/erlerdingbats.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Bitter Regular (free)</h1><p><a
href="http://www.designerinaction.de/fonts/bitter.html">Bitter Regular</a> is a very attractive serif font with a modern aesthetic.</p><p><a
href="http://www.designerinaction.de/fonts/bitter.html"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/bitter.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Streetscript ($59.99)</h1><p><a
href="http://new.myfonts.com/fonts/schizotype/streetscript/">Streetscript</a> is a contemporary script font with a wealth of OpenType features, including stylistic alternates, ligatures, swashes, and more.</p><p><a
href="http://new.myfonts.com/fonts/schizotype/streetscript/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/streetscript.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Accent (free)</h1><p><a
href="http://www.behance.net/gallery/Accenta-Free-Display-Typeface/2624657">Accent</a> is a free font designed by Nelson Balaban. It&#8217;s very modern, with exceptional details.</p><p><a
href="http://www.behance.net/gallery/Accenta-Free-Display-Typeface/2624657"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/accent.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Lorena (free)</h1><p><a
href="http://www.behance.net/gallery/Lorena-aFree-Font/2576379">Lorena</a> is a free slab-serif display font with rounded edges, designed by Arnold Hoepker.</p><p><a
href="http://www.behance.net/gallery/Lorena-aFree-Font/2576379"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/lorena.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Lavanderia (name your own price)</h1><p><a
href="http://www.losttype.com/font/?name=lavanderia">Lavanderia</a> is based on lettering from a Mission District laundromat sign, and features three weights and numerous OpenType features.</p><p><a
href="http://www.losttype.com/font/?name=lavanderia"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/lavanderia.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Bender (name your own price)</h1><p><a
href="http://www.losttype.com/font/?name=Bender">Bender</a> is a chunky display typeface that comes in two weights.</p><p><a
href="http://www.losttype.com/font/?name=Bender"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/bender.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Arvil Sans (name your own price)</h1><p><a
href="http://www.losttype.com/font/?name=arvil">Arvil Sans</a> is a rounded sans-serif font that includes a wide range of symbols.</p><p><a
href="http://www.losttype.com/font/?name=arvil"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/arvilsans.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Bandera Pro ($189)</h1><p><a
href="http://new.myfonts.com/fonts/andrijtype/bandera-pro/">Bandera Pro</a> is a square serif typeface that&#8217;s extremely legible and comes in six weights.</p><p><a
href="http://new.myfonts.com/fonts/andrijtype/bandera-pro/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/banderapro.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Carton (name your own price)</h1><p><a
href="http://www.losttype.com/font/?name=carton">Carton</a> is a slab-serif font inspired by letterpress designs, perfect for display use.</p><p><a
href="http://www.losttype.com/font/?name=carton"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/carton.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Modulus ($30)</h1><p><a
href="http://new.myfonts.com/fonts/virtuecreative/modulus/">Modulus</a> is  a clean and minimal sans-serif typeface with rounded lines and a very modern feel.</p><p><a
href="http://new.myfonts.com/fonts/virtuecreative/modulus/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/modulus.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Valencia (name your own price)</h1><p><a
href="http://www.losttype.com/font/?name=valencia">Valencia</a> is a condensed font with five weights (including matching obliques for each weight).</p><p><a
href="http://www.losttype.com/font/?name=valencia"><img
src="http://netdna.webdesignerdepot.com/uploads6/whatsnew-dec11/valencia.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><em>Written exclusively for WDD by <a
href="http://cameronchapman.com">Cameron Chapman</a>.</em></p><p><strong><em>Know of a new app or resource that should have been included but wasn&#8217;t? Let us know in the comments!</em></strong></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2011/12/whats-new-for-designers-december-2011/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2011/12/whats-new-for-designers-december-2011/feed/</wfw:commentRss> <slash:comments>16</slash:comments> </item> <item><title>What designers can learn from different animals</title><link>http://www.webdesignerdepot.com/2011/12/what-designers-can-learn-from-different-animals/</link> <comments>http://www.webdesignerdepot.com/2011/12/what-designers-can-learn-from-different-animals/#comments</comments> <pubDate>Wed, 07 Dec 2011 09:50:58 +0000</pubDate> <dc:creator>Aidan Huang</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Web Designers]]></category> <category><![CDATA[Business]]></category> <category><![CDATA[Designers]]></category> <category><![CDATA[Marketing]]></category> <category><![CDATA[Productivity]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=27266</guid> <description><![CDATA[Designers of all types can gain inspiration from animals found in the wild. Many great designers exhibit behaviors similar to the movement, characteristics and instincts of nature’s creatures. Accomplished designers understand that there is no greater and more perfect creation than what can be found in nature. Designers that adapt the behaviors, instincts or habits [...]]]></description> <content:encoded><![CDATA[<p><img
class="size-full wp-image-27280 alignleft" title="What designers can learn from different animals" src="http://netdna.webdesignerdepot.com/uploads/2011/11/animals.jpg" alt="What designers can learn from different animals" width="200" height="160" />Designers of all types can gain inspiration from animals found in the wild. Many great designers exhibit behaviors similar to the movement, characteristics and instincts of nature’s creatures.</p><p>Accomplished designers understand that there is no greater and more perfect creation than what can be found in nature. Designers that adapt the behaviors, instincts or habits of animals into their approach will find that they will develop designs that are innovative and efficient.</p><p>This article will examine how animals can inspire designers of all types to greatness.</p><blockquote><p>Each species is a masterpiece, a creation assembled with extreme care and genius. &#8211; Edward O. Wilson</p></blockquote><p><span
id="more-27266"></span></p><h1>1. Lion</h1><p>Lions are considered the King of the Jungle because they prey on nearly every animal from leopards to cheetahs. They are brave animals that will challenge nearly every animal in the wild. Every day, they spend two to three hours walking and 50 minutes eating. The remaining 20 hours they are resting, socializing, or grooming. Most of a lion’s hunting is completed during the night hours until dawn.</p><p><img
class="alignnone size-full wp-image-27272" title="lion" src="http://netdna.webdesignerdepot.com/uploads/2011/11/lion.jpg" alt="" width="615" height="450" /></p><p>Designers in the same way must be fearless. They must be brave enough to be innovative in their designs and land major contracts with companies. Designers must be highly adaptable to any environment, while maximizing their full potential. Great designs often come when we are alert and well rested. But often, designers must burn the midnight oil to present clients with their best options.</p><p>As lions and lionesses, designers must remain competitive and remain ahead of the competition to maintain their position as lead designers in their region or in the world. Lionesses are often more agile and do most of the hunting for their pride. Keep in mind that lioness designers may also dominate in some areas of design because of their natural instinct. Use this knowledge to your company’s advantage.</p><p><br
class="spacer_" /></p><h1>2. Tiger</h1><p>Tigers have recently beaten out the dog for the world’s favorite animal. This animal is territorial and maintains a solitary lifestyle. They are camouflaged by their stripes and are simply unafraid to challenge any animal in the wild. Though the elephant is too large for the tiger to kill, the tiger will still try to intimidate the elephant nonetheless. Tigers have been known to successfully kill a rhinoceros, crocodile, moose, leopard, and numerous other large animals of the wild. They are faster than lions and can leap 10 meters or more, but they have very little stamina.</p><p><img
class="alignnone size-full wp-image-27273" title="tiger" src="http://netdna.webdesignerdepot.com/uploads/2011/11/tiger.jpg" alt="" width="615" height="450" /></p><p>Tiger designers must not be afraid of the large projects that seem out of their scope. Just as the tiger challenges the elephant, designers must also meet challenges without fear. Designers must take their numerous solitary moments to create and develop a solid design. Though there are some moments of collaboration with the team and the client, designers must retreat to create their designs as quickly as possible to meet the client’s deadline. Like a tiger’s hunting style, designers must be strategic in accepting and planning projects to continually generate fresh new designs.</p><blockquote><p>Shall we, because we walk on our hind feet, assume to ourselves only the privilege of imperishability? &#8211; George Eliot</p></blockquote><p><br
class="spacer_" /></p><h1>3. Giraffe</h1><p>Giraffes have several advantages over other animals in the wild kingdom. The most obvious is the giraffe’s height. They can reach and consume more nutrients than their competitors in the wild, such as the impala or kudu. The giraffe also has the shortest sleep requirements of any mammal in the wild. The average is approximately 4.5 to 4.6 hours per 24 hours.</p><p><img
class="alignnone size-full wp-image-27274" title="giraffe" src="http://netdna.webdesignerdepot.com/uploads/2011/11/giraffe.jpg" alt="" width="615" height="450" /></p><p>Like giraffes, designers must be able to land more projects and reach higher peaks than our competitors. Designers must strive to view challenges from a different perspective and tackle the projects in a new light. Designers often have to adopt the behavior of giraffes and survive on 4.5 hours of sleep per night for short periods of time to complete major projects.</p><p><br
class="spacer_" /></p><h1>4. Camel</h1><p>Camels are resilient creatures that can withstand incredible temperatures and water consumption levels that would kill other animals. They can retain a significant amount of water in their cells, kidneys, and intestines. They then can go long periods without water, because the fat tissue in the humps of the camel metabolizes and produces energy for the animal.</p><p><img
class="alignnone size-full wp-image-27275" title="camel" src="http://netdna.webdesignerdepot.com/uploads/2011/11/camel.jpg" alt="" width="615" height="450" /></p><p>Designers need to be resilient and adapt to changes in the work environment that may seem unreasonable in other environments. The work hours are often long, but the end product of the designs are rewarding. Designers must be energetic and constantly evolving to provide a design that is better than the competition in the least amount of time possible.</p><blockquote><p>Any glimpse into the life of an animal quickens our own and makes it so much the larger and better in every way. — John Muir</p></blockquote><p><br
class="spacer_" /></p><h1>5. Cheetah</h1><p>The cheetah, by far, has the fastest speed of any animal on land. The cheetah reaches speeds between 70 and 75 miles per hour. The cheetah can reach 62 mph in three seconds or less. After long sprints, they must rest for at least 30 minutes before achieving those speeds again. They may be the fastest in the wild kingdom, but their prey often escapes them because they will let them go, rather than risk an injury. Consequently, the cheetah’s success rate of landing their kill is only about 50%.</p><p><img
class="alignnone size-full wp-image-27271" title="cheetah" src="http://netdna.webdesignerdepot.com/uploads/2011/11/cheetah.jpg" alt="" width="615" height="450" /></p><p>Designers must acquire some the cheetah’s instinct to survive. They must be agile and fast to land the project and complete it according to the deadline. Designers must not overwork themselves or they will &#8220;burn out&#8221; and produce lower quality work. Additionally, designers may run the risk of losing half of their clients. Speed, however, will delineate a designer from their competition.</p><p><br
class="spacer_" /></p><h1>6. Dolphin</h1><p>Dolphins are highly intelligent animals. Their brains are highly complex, and they can hear frequencies ten times higher than the normal human being. Dolphins are social creatures and form strong bonds with people. They have been known to rescue injured humans or aid in human therapy. They also enjoy communication through a variety of clicks, whistles, and other sounds. Play time is an important part of their lifestyle and culture.</p><p><img
class="alignnone size-full wp-image-27283" title="dolphin" src="http://netdna.webdesignerdepot.com/uploads/2011/11/dolphin1.jpg" alt="" width="615" height="450" /></p><p>Design relies upon listening to the client and determining exactly what they need and desire. As designers, they must learn to listen better than their competitors. Designers must pick up on the nuances that their competitors will miss during the consultation. This will help your firm deliver a solution that meets the needs of the client.</p><p>Loyalty is a large part of building brand image. Designers must form relationships with customers and also fellow designers to build business. If a client is the victim of a bad design, designers must rescue them and offer a better solution. Designers, like dolphins, must engage their customers and peers in play to discover innovative ideas and solutions to problems.</p><p><br
class="spacer_" /></p><h1>7. Whale</h1><p>Whales are one of the largest animals to have ever existed. They spend 90% of their lives under water and only surface to breathe through their blow holes. Whales cannot afford to consciously sleep or they will drown. Therefore, a portion of their brain is always functioning to keep them afloat.</p><p>Like whales, our creative juices are always flowing. At night, when we sleep, our subconscious may be thinking about the latest design. In the middle of the night, designers may wake up and sketch out an idea to avoid forgetting.</p><p><img
class="alignnone size-full wp-image-27277" title="whale" src="http://netdna.webdesignerdepot.com/uploads/2011/11/whale.jpg" alt="" width="615" height="450" /></p><p>Some designers never achieve a deep sleep, because their most innovative ideas come when they lay down to rest. A designer’s job is often spent at the computer, drafting board, or with the client. When we come up for air, a designer truly needs to release just as the whale releases accumulated water through its blow hole.</p><blockquote><p>Living with animals can be a wonderful experience, especially if we choose to learn the valuable lessons animals teach through their natural enthusiasm, grace, resourcefulness, affection and forgiveness. — Richard H. Pitcairn</p></blockquote><p><br
class="spacer_" /></p><h1>8. Turtle</h1><p>Turtles are excellent at hiding from their predators. They retreat into their shells and can hide completely submerged in water or on land. Some turtles are more agile than others depending upon their preference to water or land. Though turtles have incredible night vision, they move slowly because of their shells.</p><p><img
class="alignnone size-full wp-image-27278" title="turtle" src="http://netdna.webdesignerdepot.com/uploads/2011/11/turtle.jpg" alt="" width="615" height="450" /></p><p>Often designers must hide or retreat to privacy to focus on a design for a client. Designers must learn to be methodical in their designs to ensure that they meet codes and also the client’s specifications. Being a visionary in design often allows you to see the entire picture when other designers fail to understand the client’s request. Turtles are protective of themselves and highly adaptable to different environments, as designers should be.</p><p><br
class="spacer_" /></p><h1>9. Owl</h1><p>An owl’s hunting strategy is highly dependent upon the element of surprise. They blend in with their environment and are virtually invisible at times. Their feathers, also, allow them near silent flight. Their camouflage and silent flight comprise their competitive advantage in the wild.</p><p><img
class="alignnone size-full wp-image-27279" title="owl" src="http://netdna.webdesignerdepot.com/uploads/2011/11/owl.jpg" alt="" width="615" height="450" /></p><p>Designers must know their competitive advantage in the world of design. Like the owl, designers must establish an edge that delineates them from the competition. Designers must be like chameleons and design for any type of environment. If you are an interior designer, you should be able to design modern contemporary, French country, or Renaissance spaces. Versatility and capturing your audience’s attention with the element of surprise is instrumental to success.</p><p><br
class="spacer_" /></p><h1>Conclusion</h1><p>Whatever your style that you may have cultivated, you should demonstrate your ability and creativity by showing others your animal instincts through fearless and flawless design work.</p><blockquote><p>Our task must be to free ourselves&#8230; by widening our circle of compassion to embrace all living creatures and the whole of nature and its beauty. &#8211; Albert Einstein</p></blockquote><p><br
class="spacer_" /></p><p><em>Written exclusively for Webdesigner Depot by Aidan Huang, a freelance developer, designer and ingenious blogger. He is one of the editors-in-chief at <a
href="http://www.onextrapixel.com">Onextrapixel</a>. Follow him on Twitter <a
href="http://twitter.com/#!/AidanOXP">@AidanOXP</a></em></p><p><em><strong>What is your competitive advantage? Are you like the owl and can offer a unique design that will “wow” the customer, or are you more like the dolphin, skilled at listening and rescuing the client from impending danger?</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2011/12/what-designers-can-learn-from-different-animals/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2011/12/what-designers-can-learn-from-different-animals/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <item><title>The use of illustration in web design</title><link>http://www.webdesignerdepot.com/2011/11/the-use-of-illustration-in-web-design/</link> <comments>http://www.webdesignerdepot.com/2011/11/the-use-of-illustration-in-web-design/#comments</comments> <pubDate>Wed, 30 Nov 2011 09:04:34 +0000</pubDate> <dc:creator>Patrick McNeil</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Illustrations]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Best Of]]></category> <category><![CDATA[cartoons]]></category> <category><![CDATA[hand drawn icons]]></category> <category><![CDATA[illustration]]></category> <category><![CDATA[Inspiration]]></category> <category><![CDATA[mascots]]></category> <category><![CDATA[Typography]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=25002</guid> <description><![CDATA[Illustration is an incredibly versatile tool that can find many different uses in design. And when it comes to web design we can find an extremely wide variety of implementations. Today I want to dig into some key ways that this tool has been put to work so we can draw new ideas to inspire [...]]]></description> <content:encoded><![CDATA[<p><img
class="alignleft" src="http://netdna.webdesignerdepot.com/uploads/2011/08/200x160.jpg" alt="The use of illustration in web design" width="200" height="160" align="left" />Illustration is an incredibly versatile tool that can find  many different uses in design. And when it comes to web design we can find an  extremely wide variety of implementations.</p><p>Today I want to dig into some key ways  that this tool has been put to work so we can draw new ideas to inspire and  challenge the designs we produce.</p><p>Let’s begin someplace I seldom do, with a basic definition: Illustrated: 1) To make <strong>clear</strong>; 2) To make<strong> clear</strong> by giving or by serving as an example or instance; 3) To provide with visual features intended to <strong>explain</strong> or <strong>decorate</strong>.</p><p>It seems that in the real world of web design, illustration  tends to perform both functions at one time. It beautifies while it clarifies.  And if it is only doing one of these you might need to ask yourself why.  Perhaps by putting illustration to work fulfilling both roles is the way to  truly leverage the design element for all it is worth.</p><p>This is, of course, not to say that a design can’t be  successful if it only handles one or the other; certainly it can. But in order  to get the most out of our work I find that challenging our thinking is always  helpful. As usual, let’s dig into some groupings of samples to see what can be  done with this visual device. Along the way, consider if each approach provides  clarity or decoration, or both.<span
id="more-25002"></span></p><h1>Thematic  illustration</h1><p>The first approach to illustration that I want to cover here  is the use of this style to produce an overall thematic approach. In this  situation illustrations are put to work to establish an overall theme. Are we  climbing mountains, visiting a space station or exploring a company’s office?</p><p>While this approach doesn’t have to take us to a location,  it quite often does. In other situations the style simply establishes an  overall motif that the site follows.</p><p>The reason we are interested in it here though is that it is  being used to drive the overall design in a radical way. The illustration is  not some small supporting element. Instead, it is the most prominent design  element and control the entire layout.</p><h2>Get my boss to  North Cape</h2><p>In this sample the approach could not be clearer. The design  of the site clearly echoes its most basic purpose. The illustration provides a  visual reference to what the individual will do. And in terms of defining the  illustration, the artwork provides decoration and beauty to the page.</p><p>In this case the theme firmly establishes the site&#8217;s purpose  and helps the user buy in on the concept.</p><p><a
href="http://www.bikingboss.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/05.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><h2>Launch Kit</h2><p>A thematic approach doesn’t have to be so blunt in a way.  Sometimes it can be a more natural part of a more typically structured site. In  this case, the site is slightly unique in its layout, and the theme doesn’t  force some over-the-top interface based on rocket ships.</p><p>Instead, the theme is woven into the design in such a way  that it communicates its decorative touches without interfering with the  content. Here the illustration serves to decorate, but not clarify so much.  This is not surprising at all and of course demonstrates that there is no  formula to follow.</p><p><a
href="http://getlaunchkit.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/34.jpg" alt="" width="615" height="426" /></a></p><p><br
class="spacer_" /></p><h2>Atelier Anonyme  Design</h2><p>In other situations such as this one, the thematic  illustration literally IS the site. It is not a supporting element, but rather  completely becomes the design itself.</p><p>Here the use of illustration clearly plays a decorate role.  But I would argue that it also provides a great level of clarity to the  visitor. This is a web site for a design agency. The design and nature of this  site communicates a great deal to it’s visitors. As such, I am certain it  serves as a massive filter to their client base. You will either be drawn in  and love their playful and creative approach, or, you will be totally turned  off by it. So to this point, I think it provides a great deal of clarity about  the agency and their mentality.</p><p><a
href="http://www.anonyme.in/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/36.jpg" alt="" width="615" height="426" /></a></p><p><br
class="spacer_" /></p><h2>Allure Graphic  Design</h2><p>On this site the use of illustration plays a clear thematic  approach as well. Though the site follows some standard layout formulas, the  entire design is wrapped in a thematic layout. These elements drive not only  the design of the site, but they merge with the main logo and copy used on the  site. The theme is immersive and drives the entire message the site presents.</p><p><a
href="http://www.alluregraphicdesign.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/13.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><h2>Additional thematic samples</h2><p>Here are some additional sites that make use of thematic  illustrations to establish an environment or theme for a site.</p><p><strong>Chipmunk</strong></p><p><a
href="http://www.madebychipmunk.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/08.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><p><strong>Drift Boys</strong></p><p><a
href="http://www.driftboys.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/20.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><p><strong>Iutopi</strong></p><p><a
href="http://iutopi.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/31.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><p><strong>Chandu4u </strong></p><p><a
href="http://www.chandu4u.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/32.jpg" alt="" width="615" height="488" /></a></p><p><br
class="spacer_" /></p><h1>Mascots</h1><p>How could I possible cover the idea of using illustrations  without reviewing one of the most obvious: mascots? With this visual element  the designers tend to personify the site, its product, or purpose with a  character. Not only does the implementation of such an element vary, but the  power and reasoning behind it does as well.</p><h2>inkFinder</h2><p>In this design the illustrated mascot plays a rather clear  role. Clear in that it echos the name of the product. It not only provides some  life for the design, but it puts a face to it. In this way the audience has  something a bit more unique to file away in their brain. Hopefully, the mascot  helps to make a more memorable and unique experience that will help the product  to stand out from the heard.</p><p>Perhaps that is the most powerful purpose behind a mascot,  to help something stand out. The great thing about an illustrated mascot like  this is that it can be totally unique and specific to this product. Assuming it  was custom made for this design it should be the only place this exact  illustration exists.</p><p><a
href="http://inkfinder.com/en/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/01.jpg" alt="" width="615" height="426" /></a></p><p><br
class="spacer_" /></p><h2>The Evnt</h2><p>Ironically we find here another illustrated octopus-like  mascot (what is a three legged sea creature?). In this case the mascot is  obviously a much larger step away from reality: a robot three-legged creature with a  brain in a bubble.</p><p>While it might be an odd choice, it does provide a beautiful  distinguishing element for the event. This unique mascot gives a cool visual  element to connect with the event. It takes on a life all its own and really  connects people with something concrete. I suppose this is exactly the purpose  of a mascot.</p><p>This site&#8217;s design is beautiful, but consider how dull it  would be without this crazy mascot in place. Producing such an element isn’t  easy, but it is extremely effective in this situation.</p><p><a
href="http://2011.theevnt.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/30.jpg" alt="" width="615" height="427" /></a></p><p><br
class="spacer_" /></p><h2>Big Eye Creative</h2><p>For an example of a non-octopus based mascot take a look at  the <a
href="http://www.bigeyecreative.com/">Big Eye Creative</a> site. Here  the mascot doesn’t play as much of a predominant role in the design. It does,  however, add a lot of personality to it. Obviously the other illustrations and  overall style of the site make for a less formal presentation. But the mascot  in the logo is present throughout the site. This ensures their light-hearted  style permeates the design.</p><p><a
href="http://www.bigeyecreative.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/35.jpg" alt="" width="615" height="427" /></a></p><p><br
class="spacer_" /></p><h2>Additional mascot illustrations</h2><p>Here are a few extra samples of mascots at work in design.  Including yet another octopus one; it would seem that is a popular one to use.</p><p><strong>Pioneer Records Management</strong></p><p><a
href="http://www.floridadocumentscanning.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/33.jpg" alt="" width="615" height="426" /></a></p><p><br
class="spacer_" /></p><p><strong>Argyle Octopus</strong></p><p><a
href="http://www.argyleoctopus.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/26.jpg" alt="" width="615" height="389" /></a></p><p><br
class="spacer_" /></p><p><strong>Coucou </strong></p><p><a
href="http://www.coucoushop.ch/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/06.jpg" alt="" width="615" height="415" /></a></p><p><br
class="spacer_" /></p><p><strong>Konsebt </strong></p><p><a
href="http://www.konsebt.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/29.jpg" alt="" width="615" height="427" /></a></p><p><br
class="spacer_" /></p><h1>Illustrated decoration</h1><p>The next type of usage I would like to consider is what I  refer to as thematic decoration. This is when illustration is put to work in a  decorative way that doesn’t really provide a specific physical reference. For  example, most often illustration includes pictures of people, animals, objects,  or places. But in this case the illustration doesn’t so much represent  anything real, but rather, it simply provides decoration to beautify the design  in a way only illustration can. As always, let’s clarify this through some  samples.</p><h2>1000 WP Themes</h2><p>For our first example, consider the <a
href="http://wp1000.envato.com/">1000 WP Themes</a> web site. On this site the  use of illustration provides an underlying framework and style for the site.  But it does so in what is most purely decorative. The overall style feels  like an illustration, and yet, it doesn’t have the typical humanistic elements.</p><p>Now, I want to totally contradict myself. I think the style  is predominantly decorative. But I can actually see how we could argue that it  does provide a level of clarification for the site. The style the design is  using connects with a certain audience. It says something about the style of  the site, and the themes they might produce. In so many ways, the quality of  the illustrated layout demonstrates the quality of work you might expect to see  through this site. In that way, the clarification is perhaps more subtle and  less in your face, but present nonetheless.</p><p><a
href="http://wp1000.envato.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/39.jpg" alt="" width="615" height="429" /></a></p><p><br
class="spacer_" /></p><h2>Coca-Cola History</h2><p>On this web site we find another design driven by  illustration. There are some illustrated elements here that demonstrate real  things, but most of the thematic approach is established with pure decoration.  Not only does this example demonstrate the approach, but it also shows that  almost no technique is used in a purist fashion. The reality is that you will  likely merge these elements I various ways.</p><p><a
href="http://www.cocacola.pt/historiasfelizesparacomer/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/11.jpg" alt="" width="615" height="430" /></a></p><p><br
class="spacer_" /></p><h2>Metaphiziks <a
href="http://www.metaphiziks.com/"></a></h2><p>In this final example for decorative illustration you find  some excellent background elements. Some of these are more tangible than  others, but overall they are more about stylistic support elements than  anything else. It is remarkable how beautiful such simple line drawings can be  when combined with beautiful text, well chosen colors, and simple icons. The end  result here is fantastic and remarkably beautiful.</p><p><a
href="http://www.metaphiziks.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/12.jpg" alt="" width="615" height="427" /></a></p><p><br
class="spacer_" /></p><h2>More designs with illustrated decoration</h2><p>Here are some additional samples to round out this type of  illustration in design.</p><p><strong>Moo’s Cupcakes</strong></p><p><a
href="http://www.mooscupcakes.co.uk/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/09.jpg" alt="" width="615" height="405" /></a></p><p><br
class="spacer_" /></p><p><strong>Tech Jobs </strong></p><p><a
href="http://bigtop.it/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/27.jpg" alt="" width="615" height="424" /></a></p><p><br
class="spacer_" /></p><p><strong>Pixel Stadium</strong></p><p><a
href="http://www.pixelstadium.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/18.jpg" alt="" width="615" height="416" /></a></p><p><br
class="spacer_" /></p><p><strong>Custom Bags HQ</strong></p><p><a
href="http://www.custombagshq.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/28.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><h1>Illustrated text</h1><p>Hand rendered text is  certainly not a new concept, and is something I have covered <a
href="http://www.designmeltdown.com/chapters/Sketchy/Part4.aspx">many times  before</a>. However, I have never considered such an approach with an  illustration perspective.</p><p>Hand rendering text is one popular variation of illustrated  text, and a great solution for many creatives. For one, it is a great way to  put all that hands-on art school training to work. Secondly, it’s a great way  to produce something unique. After all, if you hand render some text it will be  100% unique. Even if you sketch over an existing typeface, it will still become  a distinct creation.</p><h2>Rangus <a
href="http://www.rangus.co.uk/"></a></h2><p>This is a perfect example of illustrated type. The style  is extremely gorgeous, totally unique, and very inviting. But it doesn’t stop  there. The hand rendered type actually demonstrates the individuals talents. It  shows he creates artwork with his hands and it connects perfectly to his animation  skills. I particularly love the fact that it is all based on a chalkboard theme  as it really ties the theme and elements together perfectly. In my opinion this  site demonstrates how unifying illustration can be with the purpose and message  of the site.</p><p><a
href="http://www.rangus.co.uk/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/03.jpg" alt="" width="615" height="426" /></a></p><p><br
class="spacer_" /></p><h2>Joey Lomanto</h2><p>In this case, the illustrated text is far more subtle.  Instead of driving the entire direction of the design, it simply plays along  nicely. In fact, on first take you might not even notice the hand rendered  style of the large home page text. Granted, the text might actually be a font,  but it has been used in such a way that it merges perfectly with the style of  the site. Regardless, the style is beautifully unified and illustration plays  many roles in the overall design.</p><p><a
href="http://blog.joeylomanto.com/imitation-in-web-design"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/04.jpg" alt="" width="615" height="426" /></a></p><p><br
class="spacer_" /></p><h2>Go Live <a
href="http://www.golivebutton.com/"></a></h2><p>Illustrated text need not be hand rendered though. As you  will find in this example the text is styled in various ways that turn the text  itself into bits of the overall illustration. The beauty of this approach is  that it unifies the text with the other illustrations. This avoids a less  unified feel where you simply have illustrations over standard web-based text.  The latter can work, but in this case the impact of illustrated text is clear.</p><p><a
href="http://www.golivebutton.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/07.jpg" alt="" width="615" height="427" /></a></p><p><br
class="spacer_" /></p><h2>Additional samples of illustrated text</h2><p>The following examples fit loosely into this category. I say  loosely because it is hard to say at times as it is sometimes a subtle thing. In  some of these cases the text merely feels like a work of art, so I have placed it into this collection.</p><p><strong>Contrast  Rebellion</strong></p><p><a
href="http://contrastrebellion.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/40.jpg" alt="" width="615" height="429" /></a></p><p><br
class="spacer_" /></p><p><strong>Fakta </strong></p><p><a
href="http://www.fakta.se/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/15.jpg" alt="" width="615" height="416" /></a></p><p><br
class="spacer_" /></p><p><strong>La Web Shop</strong></p><p><a
href="http://www.lawebshop.ca/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/17.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><h1>Informative illustrations</h1><p>By the very definition of illustration, one of its purposes  is to clarify and explain. So it is only fitting that we find some examples  where the illustrations do this in with extraordinary clarity.</p><h2>Bookish</h2><p>Let’s begin with the <a
href="https://booki.sh/">Bookish</a> site. In this unusual layout we find that the illustrations very clearly symbolize the various points of the home page layout. Each block has a visual  element that not only beautifies it, but more importantly, explains it. So much  so that as a reader I almost don’t even have to read the copy. The devices  artwork in the bottom left especially demonstrates this.</p><p><a
href="https://booki.sh/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/22.jpg" alt="" width="615" height="429" /></a></p><p><br
class="spacer_" /></p><h2>Conferize <a
href="http://www.conferize.com/"></a></h2><p>In a much less prominent way the illustration in this design  proves equally informative. The simple illustration single handedly  demonstrates the topic of the site. It might not beat you over the head with  its message, but it echoes the site&#8217;s purpose beautifully.</p><p><a
href="http://www.conferize.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/23.jpg" alt="" width="615" height="340" /></a></p><p><br
class="spacer_" /></p><h2>Activate</h2><p>The illustration in this design not only communicates  information about the event it represents, but also echoes the very purpose of  the event. This particular event revolves around disconnecting from technology.  It is a chance for people inundated with technology to escape it’s clutches.</p><p>The illustration here shows us what attendees will be doing,  so it is informative. And by it’s very nature, the illustration breaks with  technology and roots itself in a purely organic feel, a fundamentally great way  to communicate the sites purpose.</p><p><a
href="http://preparetoactivate.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/38.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><h2>More informative illustrations</h2><p>These extra sites also demonstrate the idea of illustrations  that inform us. Some are tiny and basic icons, while others are immersive  elements that fully define and represent the content.</p><p><strong>Vitality City</strong></p><p><a
href="https://www.vitalitycity.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/02.jpg" alt="" width="615" height="375" /></a></p><p><br
class="spacer_" /></p><p><strong>Uklizenodoma.cz</strong></p><p><a
href="http://uklizenodoma.cz/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/14.jpg" alt="" width="615" height="427" /></a></p><p><br
class="spacer_" /></p><p><strong>Qubiq</strong></p><p><a
href="http://www.qubiq.org/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/25.jpg" alt="" width="615" height="396" /></a></p><p><br
class="spacer_" /></p><h1>A technological antidote</h1><p>With the last example (The <a
href="http://preparetoactivate.com/">Activate</a> site) we stepped into what I  want to consider next, the use of illustration to break with the technology  oriented feel of things. Sometimes it is necessary to disconnect from the web’s  technological underpinnings and demonstrate a very organic feel. Illustration  is one of the most powerful tools for accomplishing such an idea.</p><h2>Shipment App</h2><p>This straightforward coming soon page is nothing short of extraordinary.  And clearly how it accomplishes its beauty is radically simple. A single huge  illustration single-handedly distracts us from the fact that this is a web  page. It feels more like a work of art that happens to have a small interactive  element, certainly a great way to make a huge impact on users and establish a memorable  image.</p><p><a
href="http://shipmentapp.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/10.jpg" alt="" width="615" height="422" /></a></p><p><br
class="spacer_" /></p><h2>Muziekpark</h2><p>While this site doesn’t make use of quite as radical an  approach, the illustration is still large and prominent in the layout. Here the  animated imagery breaths life into the page. Combine this with a creative and  unusual layout and it feels fully detached from the technology that drives it.  Perhaps the fact that it doesn’t look like a normal site plays a powerful role  in this as well. Also consider that the illustration in this case really helps  to inform us of the theme of the site.</p><p><a
href="http://www.muziekpark.nl/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/16.jpg" alt="" width="615" height="423" /></a></p><p><br
class="spacer_" /></p><h2>Egopop <a
href="http://www.egopop.net/"></a></h2><p>In yet another atypical layout we find that illustration has  been put to work. Here the artwork not only tells us about the individual the  site represents, but they also break us out of the normal web mindset a  visitor might have. Again, it feels more like an interactive work of art than a  website. If this is your goal and need, then this is a great approach to  consider.</p><p><a
href="http://www.egopop.net/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/24.jpg" alt="" width="615" height="428" /></a></p><p><br
class="spacer_" /></p><h2>Zaarly <a
href="http://www.zaarly.com/"></a></h2><p>Compared to the previous examples, the <a
href="http://www.zaarly.com/">Zaarly</a> site stands in stark contrast.  Although the design is ruled by a single large illustration, and this illustration  serves to set a tone for the site, the underlying function is far more complex  than these other samples.</p><p>This site is an application that is intended to be used. And  the illustration helps establish a certain set of expectations. It gives a light-hearted, humanistic feel that is clearly very organic and natural feeling.  Imagine this in contrast to semi-minimalistic apps with no personality at all.  The design gives the site a sense of approachability and shifts our  expectations.</p><p><a
href="http://www.zaarly.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2011/08/37.jpg" alt="" width="615" height="426" /></a></p><p><br
class="spacer_" /></p><h1>Conclusion</h1><p>The use of illustration in design is an age-old practice,  and its application to the web is clear. As with any design element I enjoy  the process of reconsidering its purpose and use. Through such an effort I  inevitably find that I gain a better understating of how it works, ways to  leverage it for an intended purpose, and, ultimately, some fresh and inspiring  ideas.</p><p><br
class="spacer_" /></p><p><em><a
href="http://pmcneil.com">Patrick McNeil</a> is a freelance writer, developer and designer. In particular  he loves   to write about web design, train people on web development and build    web sites. Patrick&#8217;s passion for web design trends and patterns can be   found in his books on <a
href="http://thewebdesignersideabook.com/">TheWebDesignersIdeaBook.com</a>. Follow Patrick on  Twitter <a
href="http://twitter.com/#!/designmeltdown/">@designmeltdown</a>.</em></p><p><em><strong>How do you use illustration in web design? Please share your own experiences below&#8230;.</strong><br
/> </em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2011/11/the-use-of-illustration-in-web-design/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2011/11/the-use-of-illustration-in-web-design/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>Be a mentor, find a mentor</title><link>http://www.webdesignerdepot.com/2011/11/be-a-mentor-find-a-mentor/</link> <comments>http://www.webdesignerdepot.com/2011/11/be-a-mentor-find-a-mentor/#comments</comments> <pubDate>Wed, 16 Nov 2011 09:44:45 +0000</pubDate> <dc:creator>Speider Schneider</dc:creator> <category><![CDATA[Business]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Resources]]></category> <category><![CDATA[apprenticeship]]></category> <category><![CDATA[education]]></category> <category><![CDATA[learning]]></category> <category><![CDATA[mentors]]></category> <category><![CDATA[mentorship]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=26944</guid> <description><![CDATA[In a previous article of mine, somewhere on the web, I mentioned finding a mentor. People commented that they would really like to find one or really needed one. None of them had any idea how to find one. The reward for opening my big mouth was a dozen or so emails asking me to [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor.thumb_.gif"><img
class="alignleft size-full wp-image-26959" title="mentor.thumb" src="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor.thumb_.gif" alt="" width="200" height="160" /></a>In a previous article of mine, somewhere on the web, I mentioned <strong>finding a mentor</strong>. People commented that they would really like to find one or really needed one. None of them had any idea how to find one. The reward for opening my big mouth was a dozen or so emails asking me to either become their mentor or instruct them how to find a mentor. As promised to so many, here’s an article explaining it all.</p><p>The practice of mentoring goes back as far as the days of the cave men (and women) when the elders of the tribe, probably 16 years old at the time, taught other non-upright beings how to dodge sabertooth tigers, make spears, clean and prepare the pelts of sabertooth tigers and other <strong>survival techniques</strong> like pooping outside of the cave.</p><p>It was easier then as meetings and the Blackberry hadn’t been invented and there was time to mentor the young. As time marched on and humans evolved to live to at least 32 years old, people created apprenticeships to train the replacements who would do the shop work when the craftsman was no longer able to pound barrel staves, cobble soles, or flunken gerflunkenheisers until the wee hours of morning before the daily witch burnings.</p><p>Mentorship is the modern gerflunkenheiser flunkening. It’s not a dead art and <strong>you’d be surprised how common it really is</strong>.</p><p><span
id="more-26944"></span></p><p>I was lucky. My mentors were my art school teachers. They saw promise in my talent and drive and, being mature adults, forgave my youthful…verve and bad attitude. My mentorship included odd jobs around their studios, invitations to cocktail parties and industry events which I could never dream of being invited on my own standing in the industry, or just dropping by their studio or office to chat and watch their everyday work routine.</p><p>I learned a lot from them. They <strong>imparted lessons on business, or I would see how they handled difficult situations</strong>. I would be introduced to the top talents in the industry and, like an illegal cockfight, sometimes be thrown at an obnoxious creative for the occasional fistfight or battle of wits. It was a wonderful time for me.</p><p><br
class="spacer_" /></p><h1>What do you get out of mentoring?</h1><p>Your peers form a group within which you grow, but they are on the same level as you. Some will grow faster and move out of your group and some will fall behind and disappear. Throughout it all, while they offer support and commiseration via “misery loves company,” <strong>they cannot give you what a mentor will provide</strong>.</p><p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor1.gif"><img
title="mentor1" src="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor1.gif" alt="" width="615" height="374" /></a></p><p>A mentor has pre-made your mistakes. He or she has dealt with the pain and heartaches and can steer you in the right direction. They are someone you can call and ask about what you need to charge, how do you get paid and generally bounce ideas off to advance your career. <strong>A mentor is a teacher, guardian angel, and friend</strong>. You will advance light years beyond where you would be on your own. They will give you information and feedback you can’t find anywhere else and give it to you straight. It’s like being home schooled by a parent who’s a famous designer; you receive loving one-on-one attention.</p><p>With all of that, you will find yourself with an uplifting feeling as you trudge through a very hard field. Whether freelance, with all of the twists and turns of running your own business, or working staff and facing weird office politics and power struggles, <strong>a mentor has been there and will give you sage advice</strong>. You, in turn, must learn to listen to it.</p><p><br
class="spacer_" /></p><h1>Why would someone WANT to mentor you?</h1><p>Many professionals feel it’s giving back to the industry. Some feel it’s good karma and some do it because they enjoy helping the next generation. I’ve always felt all of the above and that when you help the next generation enter the field and do it as professionals with all of the correct information on business, <strong>they make the industry stronger</strong>. In almost every article I write, I relay the wise words of Brian Singer, creative director and founder of <a
rel="nofollow" href="http://www.altitudesf.com/">Altitude Associates</a>:</p><p
style="padding-left: 30px;"><em>&#8220;The way you get ahead in design&#8230;is by lifting up those around you.&#8221;</em></p><p>I’ve mentioned in several articles that I was not happy with the treatment I received from my former alma mater but I am big enough of a person to look past that and help students from my old school. I judged people by who they were and wanted to encourage those with talent and professional drive.</p><p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor2.gif"><img
title="mentor2" src="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor2.gif" alt="" width="615" height="648" /></a></p><p>As the art director for a large, well-known publication headquartered in New York City, I was contacted by the head of my former school&#8217;s art department about taking on some interns. I despised the man to no end and tried very hard not to scream at him and hang up when he called, but I listened to what he had to say. Sure, I wanted interns and had already hired several students from the school, unbeknownst to him.</p><p><em>“And I don’t want them going for coffee or just making copies,” he demanded. “I want them actually designing the magazine!”</em></p><p>I counted to three under my breath. <em>“You’re in no position to make demands,”</em> I replied. I think his aggressive demand was based on either the fact that he knew he had treated me badly for many years and now I was in a position of power or he was just a pompous ass. The latter, I believe.</p><p><em>“I’ve hired a couple of students from the school and they seem very happy getting coffee and making copies,”</em> I quietly continued. <em>“When I was a student, I would have PAID to just be inside this publication, cleaning the floors with my tongue if that was what they needed!”</em></p><p>Which brings me to an important point: <strong>Attitude will haunt you forever!</strong> Be kind to those you meet on the way up because you’ll eventually need something from them.</p><p>An apt quote to consider is: <em>“I&#8217;ve learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.”</em> Dr. Maya Angelou said that. Actually, people will remember it all, so <strong>watch how you treat people!</strong></p><p><strong> <br
/> </strong></p><h1>Where do you find a mentor?</h1><p>As I did, you may want to start with one of your teachers from art school. They have a certain oneness with you as a student and although there are certain states with laws that won’t allow them to fraternize with students or even friend you on Facebook, once you are out of school, a professional relationship is fine.</p><p>Maybe you didn’t go to art school or you did but your teachers hated you or they just aren’t worth the effort as mentors. Perhaps your family knows someone in the field? A good friend of my parents was a big wig in advertising and was always happy to see me when I dropped by his office. My grandfather fixed the cars of people who would be happy to do him a favor and let me tour their office or sit around and watch them work. My uncle was in the mob and people who owed him “favors” were happy to meet with me and answer questions and give me office furniture, electronics, and cartons of cigarettes. Family can be a great avenue to finding a mentor.</p><p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor3.gif"><img
title="mentor3" src="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor3.gif" alt="" width="615" height="460" /></a></p><p>If you have no former teachers and your family has passed on or is doing a 20-year stretch in a federal penitentiary you still have a way to find a mentor: Ask someone. Is there a local design studio owner you admire? Write them a nice note and ask if they would agree to be your mentor. Offer to bring them lunch once a month so you can chat informally about the business. If they take a liking to you, there will probably be an internship or job offer.</p><p>Maybe the relationship is purely via digital communications. Emails back and forth may not be as advantageous as face-to-face but it’s better than nothing. I get many emails from young creatives who read my articles and I answer all of them. Most of them thank me and express amazement I took the time to thoroughly answer their questions. Maybe when they are in positions to hire freelancers they’ll remember the kindness and take pity on me?</p><p>Some people will refuse to become your mentor or answer emails but eventually, you will find someone who believes in mentoring. When you do, treasure the relationship and don’t screw up!</p><p><br
class="spacer_" /></p><h1>Screwing up the mentor relationship</h1><p>You’ve gotten your in. You have what many other creative want and will wait for you to screw up or die…or both so they can grab your spot.</p><p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor5.gif"><img
class="image-border" title="mentor5" src="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor5.gif" alt="" width="615" height="374" /></a></p><p>Unfortunately, <strong>I have seen too many people screw up the chance handed them</strong>. Rather than relive the stories of those who I had to fire and their utter embarrassment of having to explain to friends and family why their big break lasted four hours and the tears they cried as security walked them from the building, let me give you an important list that will save you heartbreak and career suicide:</p><ul><li><strong>DON’T</strong> be late! If I have to wait twenty      minutes to an hour for you to show up, you are not respecting me, my time      or my schedule.</li></ul><ul><li><strong>DON’T</strong> steal from me! Yes, it has happened      and it has cut down on those I allow into my office.</li></ul><ul><li><strong>DON’T</strong> refuse any job! As with the demand      that interns not make copies of get coffee, you have to start at the      bottom. Even at that bottom, you are still heads above those not interning      or connected with a mentor.</li></ul><ul><li><strong>FOLLOW DIRECTIONS!</strong> I’ve had to fire several      interns because they had a “big surprise” for me when they finished an      assignment.</li></ul><ul><li><strong>RESPECT YOU MENTOR!</strong> If you go on Facebook      and post something negative about your mentor, it’ll get back to them.      Remember all the other people waiting for you to screw up or die? They’ll      be happy to see that your boss/mentor gets the message.</li></ul><ul><li><strong>WORK HARD!</strong> Bosses and mentors like to see      their time and trust is rewarded when they see you take responsibility for      your own career. If you show you don’t care, then why should we?</li></ul><ul><li><strong>HELP OTHERS!</strong> Keep the good karma flowing. We      help you, you help others, they help the next and so on.</li></ul><p><br
class="spacer_" /></p><ul></ul><h1>Why should YOU be a mentor?</h1><p>We paid our dues and spent years clawing our way to the top…or middle but we all should remember how hard it was. Do we say, <em>“Tough! Do it like I did,”</em> or do we practice compassion and help those young people who deserve a break? More importantly, do we train our next generation to keep the business strong and not allow them to be the ones to whom business owners refer when they say, <em>“I can get it cheaper,”</em> pointing at new graduates?</p><p>Business acumen has changed over the past few years. When I entered the field, the Catch-22 of needing experience before you were hired to gain experience frustrated us all. Now, young and cheap is the preferred hiring practice. Older workers are laid off and <strong>there is no natural flow of learning within companies</strong>. The young are no longer groomed by the older, more experienced worker. Training for growth is absent. It is part of nature that the young are taught by the old so they can move on and become the mentors to the next generation. The natural order may be discarded by economics and foolish business decisions, but <strong>we, as creatives, can keep to the path that nature demands</strong>.</p><p><a
href="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor4.gif"><img
title="mentor4" src="http://netdna.webdesignerdepot.com/uploads/2011/10/mentor4.gif" alt="" width="615" height="374" /></a></p><p>We can teach, write, mentor and then you take our jobs and spit on us as we crawl for safety. You young punks! Still, we do it because <strong>it is in the natural order of things to pass on our experience</strong> to the next generation, however ungrateful it is.</p><p>Socrates had something to say about this:</p><blockquote><p><em>The children now love luxury; they have bad manners, contempt for authority; they show disrespect for elders and love chatter in place of exercise. Children are now tyrants, not the servants of their households. They no longer rise when elders enter the room. They contradict their parents, chatter before company, gobble up dainties at the table, cross their legs, and tyrannize their teachers.</em></p></blockquote><p><br
class="spacer_" /></p><p>Plato had Socrates and you should be able to find someone who takes you under their wing… just stay away from mentors who demand you wear a toga!</p><p><br
class="spacer_" /></p><p><em>Written by Speider Schneider. He is a former member of The Usual Gang of Idiots at MAD Magazine and has designed products for Disney/Pixar, Warner Bros., Harley-Davidson, ESPN, Mattel, DC and Marvel Comics, Cartoon Network and Nickelodeon among other notable companies. Speider is a former member of the board for the Graphic Artists Guild, co-chair of the GAG Professional Practices Committee and a former board member of the Society of Illustrators. Follow him on Twitter <a
rel="nofollow" href="http://www.twitter.com/speider"><strong>@speider</strong></a></em></p><p><em><strong>Did you have a mentor or mentor someone? Share your story with us!</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2011/11/be-a-mentor-find-a-mentor/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2011/11/be-a-mentor-find-a-mentor/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (User agent is rejected)
Database Caching 12/71 queries in 0.044 seconds using disk
Object Caching 1515/1641 objects using disk

Served from: www.webdesignerdepot.com @ 2012-02-10 12:56:15 -->
