<?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>Ocular Harmony</title>
	<atom:link href="http://www.ocularharmony.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ocularharmony.com</link>
	<description>Web Design</description>
	<lastBuildDate>Mon, 23 Apr 2012 14:13:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Increase User Engagement while getting free targeted backlinks</title>
		<link>http://www.ocularharmony.com/2012/04/09/increase-user-engagement-livefyre/</link>
		<comments>http://www.ocularharmony.com/2012/04/09/increase-user-engagement-livefyre/#comments</comments>
		<pubDate>Mon, 09 Apr 2012 01:00:51 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[commenting]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[user engagement]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1370</guid>
		<description><![CDATA[Ever have the no-comment blues? Well, it happens to all of us at one point. However, there is a way to start increasing engagement pretty quickly, and it's free! Introducing: LiveFyre Commenting]]></description>
			<content:encoded><![CDATA[<p>Its 8:00am and before the scent of coffee is in the air. Yesterday you published a post you put a ton of effort into and you excitedly check to see how many new comments you got overnight. 2. Thats right, two comments. Not only that, but they&#8217;re both spam. Sound familiar? In the following article I discuss how <strong>you can increase user engagement &amp; blog comments</strong> with a slick plugin called <strong>LiveFyre</strong>.</p>
<p><iframe width="420" height="315" src="http://www.youtube.com/embed/9TU231qtvsc" frameborder="0" allowfullscreen></iframe></p>
<p>As we all know, blogs are a great outlet to publish your ideas and thoughts to the world and receive feedback and discussion on the topic. People no longer have to rely on bias news stations in order to learn about the world. Instead, you get to choose who we get to follow for our news source with countless topics. You get to engage and provide our own opinions and talk to the writer. The two-way communication allows readers to explore the topic more and hear about exactly what they want to hear about. This article is about LiveFyre, and how it does a phenomenal job at maximizing your blog&#8217;s reader engagement.</p>
<p>First, <strong>lets examine two other powerful commenting systems</strong> which can add a lot of value to your blog.  I&#8217;ve examined many commenting systems in the past and looked out for the one that&#8217;s most ideal for clients and myself.</p>
<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<h2>Disqus</h2>
<p><img class="aligncenter size-full wp-image-1381" title="Disqus Commenting" src="http://www.ocularharmony.com//wp-content/uploads/2011/12/disqus-commenting.jpg" alt="" width="630" height="350" /><br />
<a href="http://disqus.com/welcome/" target="_blank">Disqus</a> was one of the neatest commenting plugins that came out, and it came out before the other big name commenting integrations. However, at the time when I discovered it, it was quite clunky and seemed very complex. As avant-garde as it was when it was released, it alienated readers and it was hard to simply send a comment in as a guest. Now it&#8217;s much more streamlined, easy to use, minimalistic, and provides stats. Another hot feature is it integrates with your social media profiles quite nicely. Another bonus is that you can customize how it looks. <a href="http://disqus.com/features/" target="_blank">Have a look at the features</a>. Unfortunately, the price is quite steep to fully take advantage of Disqus&#8217; advanced features. $299/month. Ouch? Yes, Ouch.</p>
<p><strong>Here&#8217;s what makes Disqus groovy:</strong></p>
<ul>
<li>Realtime Commenting</li>
<li>Social Media Login Integration</li>
<li>Has a &#8220;Most Active Members&#8221; box</li>
<li>In-depth analytics (for premium versions)</li>
<li>Easy Media Embedding</li>
<li>You can &#8220;Like&#8221; comments and have nested comments</li>
<li>Restrict certain words and blacklist users</li>
<li>Customizable theme</li>
<li>Integrates with many platforms &#8211; WordPress, Drupal, Tumblr, Blogger, and even non-CMS sites</li>
</ul>
<p><strong>&#8230;and what&#8217;s ungroovy about Disqus:</strong></p>
<ul>
<li>Advanced features requires a deep wallet &#8211; more targeted at companies than individuals</li>
<li>Doesn&#8217;t have the advanced social media features that LiveFyre has</li>
</ul>
<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<h2>CommentLuv</h2>
<p><img class="size-full wp-image-1379" title="CommentLuv" src="http://www.ocularharmony.com//wp-content/uploads/2011/12/commentluv-commenting.jpg" alt="" width="630" height="350" /></p>
<p>CommentLuv is a fabulous idea to encourage people to comment on your blog by rewarding them with <a href="http://dofollow.info/" target="_blank">DoFollow</a> links. Commenters received a link back to their latest post too, which helps their traffic out. When I used CommentLuv, I found a lot of people <em>only</em> commented just to get a link out of it. However, the creator, Andy Bailey found a solution to that. With CommentLuv Premium, you receive control over who gets the dofollow links. You can setup rules to allow dofollow for users who do something such as tweet your post, share it on Facebook, or after adding X number of comments on your blog. This helps your Social Media immensely. The problem is that its target is only <strong>other bloggers.</strong> What about the general public and people that don&#8217;t have a blog? Rewarding your readers is a great thing indeed, but the motive of commenting on a blog to receive a link is something that won&#8217;t captivate people to comment because they&#8217;re <strong>genuinely engaged in your article</strong>. Maybe they are, but you will always get people that are doing it exclusively for their own promotion. On the flip side, the price is right for CommentLuv Premium. For $87 you get a multi-site license and get lifetime updates amongst other cool features.</p>
<p><strong><strong>What Makes CommentLuv Groovy:</strong></strong></p>
<ul>
<li>Great, unique ways to reward readers with Dofollow links</li>
<li>Increase your Social Media &#8220;Likes&#8221;, &#8220;Shares&#8221;, etc by rewarding readers if they share your content</li>
<li>Trackback Validation</li>
<li>Free version available, and inexpensive, one-time payment for the Premium Version</li>
<li>Allows users to leave their Twitter profile link</li>
<li>Has a keyword field so users can leave their names as well as their keywords for their SEO strategy</li>
</ul>
<p><strong>What&#8217;s ungroovy about <strong><strong>CommentLuv</strong></strong>:</strong></p>
<ul>
<li>Benefits readers that are also bloggers&#8230;but not anyone else</li>
<li>Commentors should be able to share if they genuinely want to share, not have to compromise in order to win a dofollow link</li>
<li>Very basic features compared to Disqus and Lifefyre</li>
</ul>
<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<h2>LiveFyre</h2>
<p><img class="alignleft size-full wp-image-1380" title="LiveFyre" src="http://www.ocularharmony.com//wp-content/uploads/2011/12/livefyre-commenting.jpg" alt="" width="630" height="350" /><br />
After trying the above plugins and continued to explore, I discovered <a href="http://www.livefyre.com/" target="_blank">LiveFyre</a>. With Feedburner and now LiveFyre installed, my blog feels like an oven! Colleen Taylor (<a href="http://twitter.com/loyalelectron" target="_blank">@loyalelectron</a>) wrote about how LiveFyre  <a href="http://gigaom.com/2011/10/17/livefyre/" target="_blank">landed another <strong>4.5 million dollars</strong></a> to take on Facebook&#8217;s commenting integration. Wow, I didn&#8217;t know commenting platforms even cost anywhere near that for development. But now every time I hear &#8220;LiveFyre&#8221; I put on my goofy geeky smile (one that I haven&#8217;t put on since the days I played D&amp;D nearly a decade ago). LiveFyre burns up Disqus by offering most of their features for free plus their newest feature &#8211; SocialStream.</p>
<p><strong>Imagine gathering discussions about your blog post from Twitter and Facebook and publishing it back into your blog.</strong> LiveFyre&#8217;s SocialStream lets you do this. On top of that, you can <strong>tag your facebook friends and twitter</strong> <strong>followers in the comment field</strong> itself. And then notify them that they were tagged. Cool? It&#8217;s hella cool in my books!</p>
<p>Building a community has never been better with this plugin. It targets any average user (whether blogger or not), as well as Facebook and Twitter users. It&#8217;s just so easy to use and super versatile.</p>
<p><strong>Why you should consider getting LiveFyre:</strong></p>
<ul>
<li>Realtime Commenting</li>
<li>Sign in with Facebook, Twitter, Google, LinkedIn, and OpenID</li>
<li>SocialStream allows you to tag people from Facebook and Twitter, and then notify them they were tagged</li>
<li>SocialStream imports conversations about the post from Twitter &amp; Facebook</li>
<li>Clean Interface</li>
<li>It&#8217;s free for now!</li>
<li>Nested Comments + Like buttons</li>
<li>Users get &#8220;points&#8221; to show how influential they are based on # of comments. Similar to Disqus&#8217; &#8220;Ranks&#8221;</li>
<li>Ability to ban users</li>
<li>User-powered comment flagging</li>
</ul>
<p><strong>Drawbacks for LiveFyre?</strong></p>
<ul>
<li>Doesn&#8217;t have media-embedding capabilities that Disqus does</li>
</ul>
<p>I&#8217;m excited to see how these evolve in the future and where it will go next. <a href="http://diyblogger.net/what-comment-system-should-i-use-for-wordpress" target="_blank">Dino Dogan suggests</a> the future of 3rd party commenting will be a mix of Disqus and LiveFyre, while having an option to sort comments based on activity. Chronological isn&#8217;t the most logical way for comments to appear anyway &#8211; influence is. So I tend to agree with him!</p>
<p>But for now, LiveFyre surely takes the cake for the best commenting system.</p>
<p>&nbsp;</p>
<h2>What is your favorite commenting platform? Why?</h2>

]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2012/04/09/increase-user-engagement-livefyre/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Tim Cook &#8211; Free PSD Download</title>
		<link>http://www.ocularharmony.com/2012/03/23/tim-cook-free-psd-apple-granny-smith/</link>
		<comments>http://www.ocularharmony.com/2012/03/23/tim-cook-free-psd-apple-granny-smith/#comments</comments>
		<pubDate>Fri, 23 Mar 2012 23:59:50 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[dribbble]]></category>
		<category><![CDATA[foxconn]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[freebie]]></category>
		<category><![CDATA[psd]]></category>
		<category><![CDATA[tim cooke]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1517</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a class="ether-frame ether-frame-1 alignnone" href="http://www.ocularharmony.com/wp-content/uploads/2012/03/tim-cook-dribbble.jpg" rel="shadowbox" title="tim-cook-dribbble"><img title="tim-cook-dribbble" src="http://www.ocularharmony.com/wp-content/uploads/2012/03/tim-cook-dribbble.jpg" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2012/03/23/tim-cook-free-psd-apple-granny-smith/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Server Headers 101 [Infographic]</title>
		<link>http://www.ocularharmony.com/2012/03/07/server-headers-101-infographic/</link>
		<comments>http://www.ocularharmony.com/2012/03/07/server-headers-101-infographic/#comments</comments>
		<pubDate>Wed, 07 Mar 2012 15:27:39 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[servers]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1494</guid>
		<description><![CDATA[SEOGadget provides Ocular Harmony an insight into what is a server response and a beautiful infographic to go along with it! Check it out! Via SEOgadget – A London based digital marketing agency specialising in conversion optimisation.]]></description>
			<content:encoded><![CDATA[<p>SEOGadget provides Ocular Harmony an insight into what is a server response and a beautiful infographic to go along with it! Check it out!</p>
<p><a href="http://www.ocularharmony.com/wp-content/uploads/2012/03/Server-headers-101-HQ.jpg" rel="lightbox[1494]" title="Server headers 101 HQ"><img class="alignnone  wp-image-1495" title="Server headers 101 HQ" src="http://www.ocularharmony.com/wp-content/uploads/2012/03/Server-headers-101-HQ.jpg" alt="" width="622" height="2137" /></a><br />
Via SEOgadget – A London based digital marketing agency specialising in <a href="https://seogadget.co.uk/conversion-rate-optimisation/">conversion optimisation.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2012/03/07/server-headers-101-infographic/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Is a Virtual Office Right for Your Business?</title>
		<link>http://www.ocularharmony.com/2012/03/06/benefits-virtual-office/</link>
		<comments>http://www.ocularharmony.com/2012/03/06/benefits-virtual-office/#comments</comments>
		<pubDate>Tue, 06 Mar 2012 07:36:06 +0000</pubDate>
		<dc:creator>paulescott</dc:creator>
				<category><![CDATA[Freelancing]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[office]]></category>
		<category><![CDATA[renting]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1481</guid>
		<description><![CDATA[If you&#8217;ve decided to go global, or to set up a small, niche business that can reap the benefits of today&#8217;s world-wide, continuously expanding business environment, you know you&#8217;ve got a lot of pragmatic tasks to solve. For one thing, the issues of staffing and headquarters set up are bound to take up a lot [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;ve decided to go global, or to set up a small, niche business that can reap the benefits of today&#8217;s world-wide, continuously expanding business environment, you know you&#8217;ve got a lot of pragmatic tasks to solve. For one thing, the issues of staffing and headquarters set up are bound to take up a lot of your time in the development stage. And since you&#8217;ve come to this stage, it is high time you asked yourself what the best solution for your type of business is. Would you really benefit from a long-term rental of office space, or should you rather establish a <a href="http://www.regus.com.au/products/virtual-offices/index.aspx">virtual office</a>? What are the key differences between the two types of arrangements? What kind of business models are best suited for long-term rentals and which ones are better advised to set up a virtual place of business? Find out below.</p>
<h2>The Cost of Renting and Staffing</h2>
<p>Setting up offices in a foreign country for the long term involves very careful cost planning. When renting out a space for one or several years, you are essentially making a commitment to the letter, that you will be in business for a long enough span of time to honor the obligations stipulated in your contract. Of course, everyone wants to stay in business for as long a time as possible. On the other hand, the best way to stay on top of the business game under the current economic conditions is to be on your feet and, most importantly, to be able to fall on your feet, if push comes to shove. As such, if you are starting a globally-based business in a highly dynamic industry such as IT, marketing or advertising, in which the rules of the game are constantly changing, you might just profit more from establishing a virtual office.</p>
<h2>Key Differences</h2>
<p>When renting offices for the long term you usually receive a full-service pack, which includes the space per se, as well as maintenance and cleaning services, which the broker has contracted in your name. With virtual offices, the main advantage is that you don&#8217;t have to pay for utilities you never use. You and most of your staff are able to work from home or other remote locations, while your business contacts, prospects and clients stay in touch through a professional mailing address in a business center. You can use conference and meeting facilities on an occasional basis. Your call center and assistants redirect incoming requests via a complex communication system and, in a nutshell, your communication cost margin is driven down by eliminating everything that would be superfluous for doing business on the go. Relevance of Your Business Model Essentially, the decision on the type of office space you want to rent out is entirely up to you and is also inextricably linked to your business model, expansion strategy, mission, goals and vision for the future. If you plan to stay in one country for a longer time then, by all means, rent offices for a long time, keep an optimistic perspective on your success rate and hope for the best. If, on the other hand, you are a more adaptable kind of entrepreneur, then a virtual solution is probably more adequate for you.</p>
<p>Photo by <a href="http://www.flickr.com/photos/gabrielgm/">Gabriel GM</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2012/03/06/benefits-virtual-office/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Want to Promote Your Products? Then Get Your Brochure Design Right</title>
		<link>http://www.ocularharmony.com/2012/02/13/brochure-design-the-right-way/</link>
		<comments>http://www.ocularharmony.com/2012/02/13/brochure-design-the-right-way/#comments</comments>
		<pubDate>Mon, 13 Feb 2012 06:47:52 +0000</pubDate>
		<dc:creator>cstevens</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[brochure]]></category>
		<category><![CDATA[graphic design]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1475</guid>
		<description><![CDATA[Brochures are powerful promotional tools that help in the sale of products and services. A professional graphic designer gets the design right to make a brochure sell. Designers should use limited colors, apt fonts and relevant images for making it pop. Size and paper quality equally matters. Brochures are still considered one of the most [...]]]></description>
			<content:encoded><![CDATA[<p>Brochures are powerful promotional tools that help in the sale of products and services. A professional graphic designer gets the design right to make a brochure sell. Designers should use limited colors, apt fonts and relevant images for making it pop. Size and paper quality equally matters.</p>
<p>Brochures are still considered one of the most powerful tools that help in the promotion of products or services. Be it a printed material or online, you should get the designs right. Designers who play safe go through a number of samples before designing one. Sometimes, it is also important to study the brochure design of your competitors.</p>
<p>In this age of tough competition, it is mandatory to promote your business and the products. As a graphic designer, you should do some amount of research to spice up your client’s brochure. Get inspired from seniors designers but do not directly copy their techniques. This way you will become a successful graphic design artist.</p>
<p>In this discussion, I will share with you some ideas to design powerful brochures.</p>
<p>Decide What You Want</p>
<p>First decide what your objective is. Do you want to start with the graphics or the content first? If you want the brochure to be content focused, then make sure to write content that is engaging and effective.</p>
<p>Highlight the primary selling points with bullets instead of writing lengthy content. On the other hand, if you wish to integrate attractive designs and images, then go for it. Whatever you do, ensure that the brochure looks smart and elegant. Avoid overdoing content or graphics as that will make it look messy.</p>
<h2>1. Neat Layout</h2>
<p>Having a neat and defined layout is very significant in brochure designing. It is a layout that determines the placing of content, images, or other design elements. Get your layout right before starting off with the design. It will help you modify the designs later, if there is a need.</p>
<h2>2. Tell a Story</h2>
<p>Try to tell a story about the business and its products. The content should have a succinct description of the business and its activities. Include points that build the credibility of the business. Be to the point.</p>
<p>After you are through with these details, start working on the images. Integrate images that support the story. Make sure that you target the right audience.</p>
<h2>3. Use Limited Colors</h2>
<p>Using colors is a good idea but using too many is not. You should use not more than two corporate colors to design your brochure. Colors should also match with the theme of the business.</p>
<p>There are some amateur designers who use multiple colors while creating a brochure. This makes the brochure look messy and unprofessional.</p>
<h2>4. Font Selection</h2>
<p>Correct choice of fonts also enhances the aesthetic appeal of a company brochure. Smart designers prefer to use fonts instead of images to make it more appealing. Fonts can be used as a substitute for images. This can be done by tweaking the font in a way to reinstate the functionality of a photo.</p>
<p>However, make sure not to use fonts that are illegible. There are several fonts online that look attractive, amusing or interesting. You can use such fonts provided they are easily readable.</p>
<p>A font that might appeal to you might not to someone else. Therefore, choose fonts that have a corporate look. Don’t spoil your design by opting for fonts that customers find difficulty in reading. Hope you do not want your readers to miss the information presented in the brochure.</p>
<h2>5. Size Matters!</h2>
<p>Decide on the size of the brochure before they are sent for printing. Even an insignificant difference might spoil what you have designed. As far as size is concerned, go for A4, A5 or A3, depending on the requirement.</p>
<h2>6. Images</h2>
<p>Bitmap and vector type images best support the design components of a brochure. Use images that are easy to audience eyes. You can create a contrast by placing smaller images next to a big one.</p>
<p>Make sure that the images used are related with the textual content of the brochure. Say for instance you are a florist; you should include images of vibrant and colorful roses, chrysanthemums, orchids, flower baskets or bouquets.</p>
<h2>7. Paper Quality</h2>
<p>The quality of paper used for the brochure can make or break a design. Its sale value will be enhanced if you use premium quality paper. Choose materials that have a smooth and glossy finish. This will make images look more attractive and livelier.</p>
<p>You can choose from art carton, paper mate, HVS or art paper. Remember it is the material that matters. It on the paper you integrate the images, design and fonts. If the brochure material looks shabby, then all your designing effort becomes futile.</p>
<p>Hope the above tips help you in making your brochure click!</p>
<p><sub><a href="http://www.flickr.com/photos/criterion/3459618353/">Featured Photo by Criteron</a></sub></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2012/02/13/brochure-design-the-right-way/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Your old content is collecting dust&#8230; add to it!</title>
		<link>http://www.ocularharmony.com/2012/01/03/link-decay-blogging/</link>
		<comments>http://www.ocularharmony.com/2012/01/03/link-decay-blogging/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 08:41:15 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1398</guid>
		<description><![CDATA[It&#8217;s common for old blog posts (and even on pages of corporate sites) for content to sit there collecting dust and not be updated. Well, updating content older than a year or more will actually help you from a search engine perspective! Many people ask the question: Why update old content when I can write [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s common for old blog posts (and even on pages of corporate sites) for content to sit there collecting dust and not be updated. Well, updating content older than a year or more will actually  help you from a search engine perspective!</p>
<p>Many people ask the question: <strong>Why update old content when I can write new content?</strong> New content is seen as important because Google sees your site growing, so it&#8217;s a great question. Now, remember that that time you bought organic food and it went bad a kajillion times faster than food with preservatives? That&#8217;s just like old content&#8230; it goes bad at a faster rate than you&#8217;d like (not to diss organic food, I love the stuff &#8211; I&#8217;m just a pig and eat it quickly).</p>
<p>Old content can be updated and the more substantial you update it, the more it will revitalize its freshness factor. This includes better rankings and the links on the page will fill up with more link juice to pass on to linked pages.</p>
<p>For additional reading, <a href="http://www.seomoz.org/blog/google-fresh-factor" target="_blank">this SEOmoz article</a> does an excellent job of explaining the benefits of updating old content.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2012/01/03/link-decay-blogging/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Killer Websites: Homepage analysis of Problogdesign.com</title>
		<link>http://www.ocularharmony.com/2011/12/20/homepage-analysis-conversions-problogdesign/</link>
		<comments>http://www.ocularharmony.com/2011/12/20/homepage-analysis-conversions-problogdesign/#comments</comments>
		<pubDate>Tue, 20 Dec 2011 05:41:48 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Site Reviews]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[homepage]]></category>
		<category><![CDATA[killer websites]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1131</guid>
		<description><![CDATA[The homepage is your number one most important resource you have for your site to meet its goals. What are good things to have on your homepage? What is the user looking for? These are questions you need to ask. It all comes down to prioritizing what&#8217;s important. The goal of your site should be [...]]]></description>
			<content:encoded><![CDATA[<p>The homepage is your number one most important resource you have for your site to meet its goals. What are good things to have on your homepage? What is the user looking for? These are questions you need to ask. It all comes down to prioritizing what&#8217;s important.</p>
<p><iframe src="http://www.youtube.com/embed/aKT4cKJ1m44" frameborder="0" width="629" height="320"></iframe></p>
<h2>The goal of your site should be obtainable from the homepage</h2>
<p><strong>If you&#8217;re selling a product</strong>, it would be a good idea to put products or &#8216;buy now&#8217; buttons on the homepage, but also important not to dilute the consistency of the page by pushing too many products and telling your users that you want them to buy your stuff. That makes you look desperate. Put a few, perhaps a compelling &#8216;about us&#8217; section, some social media update feeds like a &#8216;twitter feed&#8217;, and some ways the user can browse your site.</p>
<p><strong>If you&#8217;re an informational site</strong>, you want the users to read your articles. Putting a feed with excerpts of your newest or featured content would be helpful. If you&#8217;re featuring some of your information, it&#8217;s beneficial to analyze using Analytics software like Google Analytics to see what type of content your viewers look at the most.</p>
<p>For example, lets say you&#8217;re a blog and have 4 categories:</p>
<ul>
<li>Shoes</li>
<li>Brews</li>
<li>Snooze</li>
<li>Crews</li>
</ul>
<p>If 70% of your users are interested in the &#8220;brews&#8221; section (for your fantastic beer knowledge), and 10% viewing each of the shoes, snooze, and crews articles, it would be wise to feature something about brews on the homepage, because it is an easy gateway for them to get to the info they&#8217;re looking for. This helps your user AND you, especially if you&#8217;re monetizing your information site.</p>
<p><strong>In most cases, contact forms are very important</strong>. Putting a contact form on the homepage really helps with the number of people contact you. When I moved my contact form <a href="http://www.ocularharmony.com" target="_blank">on the homepage</a>, I got many more people that contacted me than I got previously.</p>
<h2>For godsake, make sure the user knows who you are and what you do</h2>
<p>I&#8217;ve seen too many times websites that doesn&#8217;t describe what their topic is. And in many cases, it&#8217;s not easy to identify just at a first glance of the page. This is especially true for generic-looking blog themes that are designed to work for any niche. I&#8217;ve also seen it for fancy image sites that want an artistic edge. There&#8217;s nothing wrong with either, but if you want traffic and for Search Engines to index more keywords, having a tagline helps immensely. And make it prominent. It doesn&#8217;t have to be huge like Mailchimp&#8217;s homepage, but let the user know so they have an idea of what they&#8217;re looking at. Have a look at <a href="http://feedgrids.com/originals/post/40_taglines_and_hero_areas_by_designers_and_agencies" target="_blank"> this tagline showcase from feedGrids</a> for some inspiration.<br />
<img class="aligncenter size-medium wp-image-1132" title="MailChimp Homepage" src="http://www.ocularharmony.com/wp-content/uploads/2011/05/mailchimp-300x158.jpg" alt="Mailchimp's effective large-text tagline" width="300" height="158" /></p>
<h2>Using images and text&#8230;properly</h2>
<p>It&#8217;s not absolutely required to use images since there&#8217;s effective text-only homepages out there, but an image can really compliment what you&#8217;re trying to do. Lets evaluate two things:<strong> writing</strong> and <strong>images. </strong></p>
<p><strong>Writing</strong> and text are a method of symbolically transferring information, ideas, imagery, etc through the use of characters. These characters form words, and when the brain sees a word, they can use it to translate into images, concepts, and what you&#8217;re trying to communicate. It&#8217;s effective for saying something in-depth and elaborate. I cannot possibly give you the information you&#8217;re reading in this article through an image, so I write it out and use images to compliment what I wrote.</p>
<p><strong>Images</strong> are also symbols, but the mind takes one less step by not having to interpret characters into thoughts, because it&#8217;s right in front of you. It could still be thought-provoking like artwork, but doesn&#8217;t need to be. Images can be used for instantly letting the user know what you&#8217;re all about.</p>
<h2>Link to your inner pages</h2>
<p>You have just a single page to encourage the user to get to the other parts of your website. This is why call-to-action buttons are extremely important. They&#8217;ll decrease your bounce rate, while also helping the user find what they&#8217;re looking for easily.</p>
<h2>An example of an effective homepage</h2>
<p>As <a href="http://www.problogdesign.com/">Pro Blog Design</a> revamped their site recently, lets have a look and see what they&#8217;re doing. It shows what it needs to show, and nothing else. Users that visit the site for whatever reason will easily find what they&#8217;re looking for. This site uses the 3 most common ways of making money &#8211; ad revenue, product sales, and services and organizes that in a clear and concise manner by each of them being a column. I also won&#8217;t hide the fact that this was one of my biggest inspirations from a UI/UX perspective for my own homepage revamp (main block + 3-column style highlighting different goals).</p>
<p><img class="aligncenter size-full wp-image-1133" title="Pro Blog Design" src="http://www.ocularharmony.com/wp-content/uploads/2011/05/pro-blog-design.jpg" alt="" width="600" height="489" /></p>
<p>At first glance, this is what I saw (numbered by order of prominence):<br />
<img class="aligncenter size-full wp-image-1134" title="breakdown" src="http://www.ocularharmony.com/wp-content/uploads/2011/05/breakdown.jpg" alt="" width="600" height="489" /></p>
<ol>
<li><strong>Banner Images</strong></li>
<li><strong>Tagline</strong></li>
<li><strong>Feature Columns (Blog, Themes, Services)</strong></li>
<li><strong>Call to action buttons<br />
</strong></li>
<li><strong>Other Elements</strong></li>
</ol>
<p><strong>The Header</strong> is visible, clean, and not bogged down with anything it doesn&#8217;t need like intrusive ads. It&#8217;s simply a logo and a navigation menu, so the user will put more emphasis on looking at what&#8217;s below and is not distracted by the header at all.</p>
<p><strong>The Tagline</strong> is very easy to see &#8211; it was the 2nd thing that caught my eye when coming to this page after the main images. I understood the purpose of the site immediately.</p>
<p><strong>The Banner Image </strong>is, in this case, featured websites. Since they create websites (as we learned in the tagline), this provides visual support and at the same time showcases some of their work.</p>
<p><strong>The Blog</strong> is one of the better known of the web design blogs. They wouldn&#8217;t want to lose that on their homepage, and the previous design put far more emphasis on the blog and less on services. Since it has reversed and now the blog is an element within a services page, it&#8217;s a good choice to put it in an easy-to-access place&#8230; the left column and above the fold. It&#8217;s also listed as the first navigation item.</p>
<p>This column is also a feed of information, constantly changing so users can instantly see the new articles, which is also great for search engines since the homepage will constantly be re-indexed.</p>
<p><strong>Their Themes</strong> are featured on the homepage, and go to their theme site, <a href="http://www.pliablepress.com/">PliablePress</a>. Since it&#8217;s another one of their three ways of monetizing, it&#8217;s justifiably prominent.</p>
<p><strong>The Services</strong> offer solutions for what the tagline implies &#8211; blog and website design.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2011/12/20/homepage-analysis-conversions-problogdesign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>6 LUSCIOUS seamless patterns for your web design needs</title>
		<link>http://www.ocularharmony.com/2011/08/19/free-seamless-patterns-for-your-designs/</link>
		<comments>http://www.ocularharmony.com/2011/08/19/free-seamless-patterns-for-your-designs/#comments</comments>
		<pubDate>Fri, 19 Aug 2011 12:34:02 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[patterns]]></category>
		<category><![CDATA[textures]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1149</guid>
		<description><![CDATA[Looking for that perfect seamless background pattern online? Here's a few that may help. Use them for your web design, mockup, typography, etc. Whatever you can think of - they're free!]]></description>
			<content:encoded><![CDATA[<p>Looking for that perfect seamless background pattern online? Here&#8217;s a few that may help. You can use them for all sorts of things, not just the obvious. Here&#8217;s some ideas:</p>
<ul>
<li>The obvious: Web design backgrounds and graphic design</li>
<li>Perfect for your mother&#8217;s garage sale flyers!</li>
<li>Photoshop this pattern over George Bush&#8217;s head and see how he looks</li>
<li>Print out a few of them and make them into a halloween costume (Free Ocular Harmony shirt for whoever actually does this)</li>
</ul>
<div>
<h2>Here&#8217;s some examples of them being put to use after being regurgitated through photoshop:</h2>
</div>
<div><img class="aligncenter size-full wp-image-1157" title="pattern-sample1" src="http://www.ocularharmony.com/wp-content/uploads/2011/08/pattern-sample1.jpg" alt="" width="560" height="216" /></div>
<div><img class="aligncenter size-full wp-image-1160" title="pattern-sample2" src="http://www.ocularharmony.com/wp-content/uploads/2011/08/pattern-sample21.jpg" alt="" width="560" height="216" /></div>
<div><img class="aligncenter size-full wp-image-1161" title="pattern-sample3" src="http://www.ocularharmony.com/wp-content/uploads/2011/08/pattern-sample31.jpg" alt="" width="560" height="216" /></div>
<p>Feel free to distribute, just keep it in the ZIP it came in with the credit document. It includes 6 seamless JPEG images.</p>
<h2><a href="http://www.ocularharmony.com/wp-content/uploads/2011/08/ocu-pattern.zip">Download Pattern Pack Now</a></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2011/08/19/free-seamless-patterns-for-your-designs/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>New logo, design, and features for Ocular Harmony</title>
		<link>http://www.ocularharmony.com/2011/08/09/logo-design-features-new-oh/</link>
		<comments>http://www.ocularharmony.com/2011/08/09/logo-design-features-new-oh/#comments</comments>
		<pubDate>Tue, 09 Aug 2011 19:35:18 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[announcement]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[ocular harmony]]></category>
		<category><![CDATA[t-shirts]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1141</guid>
		<description><![CDATA[Ocular Harmony has come a long way &#8211; countless overhauls, not-so consistent blog updates, and an interesting clover-looking logo. It&#8217;s taken a long time to get things together and very little time to focus on the development of what Ocular Harmony is. Lately, I&#8217;ve been able to put more focus on where to take this [...]]]></description>
			<content:encoded><![CDATA[<p>Ocular Harmony has come a long way &#8211; countless overhauls, not-so consistent blog updates, and an interesting clover-looking logo. It&#8217;s taken a long time to get things together and very little time to focus on the development of what Ocular Harmony is. Lately, I&#8217;ve been able to put more focus on where to take this site and focus on its development and growth. Here&#8217;s what&#8217;s up and coming.</p>
<h2>New Logo</h2>
<p>A new logo will be revealed soon, created by one of our close partners at <a href="http://unebanane.com">Une Banane</a>. It will be sharp!</p>
<h2>New Design</h2>
<p>Though revamping many times, Ocular Harmony hasn&#8217;t had much of a very strong, permanent incarnation in terms of UI. As a web development company, this is certainly important. The new design will be aesthetically pleasing and make the blog much easier to read, as well as significant changes to the homepage.</p>
<h2>New Services</h2>
<p>With all the other workers partnered with Ocular Harmony, new services such as Motion Graphics, Audio/Sound, and Mobile Apps will be available for your company&#8217;s growth.</p>
<h2>Massive Blog Changes</h2>
<p>This one&#8217;s a biggie. The blog section will become one of the most prominent parts of Ocular Harmony. There will be video tutorials being offered showing some of the creative processes for your inspiration. On top of that, these will always remain free. There will also be new blog writers, and more frequent posts. If you&#8217;re interested in becoming a writer, don&#8217;t hesitate to <a href="http://www.ocularharmony.com/contact/">contact me</a>.</p>
<h2>Graphic Tees</h2>
<p>In the future, silk-screened graphic tees will likely be available for purchase (and for free giveaways!).</p>
<p>Have any ideas? Think there&#8217;s something about the current site that needs to be let go of when switching to the new design?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2011/08/09/logo-design-features-new-oh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25 Best Examples of Negative Space Typography in Web Design</title>
		<link>http://www.ocularharmony.com/2010/07/28/25-best-examples-of-negative-space-typography-in-web-design/</link>
		<comments>http://www.ocularharmony.com/2010/07/28/25-best-examples-of-negative-space-typography-in-web-design/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 04:46:58 +0000</pubDate>
		<dc:creator>tomwalker</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.ocularharmony.com/?p=1070</guid>
		<description><![CDATA[As any web designer will tell you, the most important design aspect of a website is its typography. When it’s done right, you hardly notice it at all, but when it’s done wrong, it screams of amateurishness and low budgets. We’re all sick of seeing the same old tried and tested fonts online, but very [...]]]></description>
			<content:encoded><![CDATA[<p>As any web designer will tell you, the most important design aspect of a website is its typography. When it’s done right, you hardly notice it at all, but when it’s done wrong, it screams of amateurishness and low budgets. We’re all sick of seeing the same old tried and tested fonts online, but very few designers are brave enough to do anything about it. A few intrepid designers, however, are pushing the boundaries by employing negative space typography in their work. The results, I think you’ll agree after viewing the 25 examples below, are superb.</p>
<p><script type="text/javascript">// <![CDATA[
google_ad_client = "ca-pub-7503155598030066";
/* 468x60, created 1/13/10 */
google_ad_slot = "6599160083";
google_ad_width = 468;
google_ad_height = 60;
// ]]&gt;</script><br />
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">// <![CDATA[</p>
<p>// ]]&gt;</script></p>
<p>It’s no coincidence that the vast majority of the websites featured in this article belong to individuals and organisations employed in some form of visual communication- whether it’s web design, graphic design or even cinematography. These people know what it takes to make a really great, original looking site and they’re not afraid to use it. Negative space typography can be difficult to read, but it doesn’t have to be. The examples explored below prove that it can add clarity to any design.</p>
<h2>1. <a href="http://www.alpha-multimedia.com/">Alpha Multimedia Solutions</a></h2>
<p><img class="alignleft size-full wp-image-1096" title="1-alpha" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/1-alpha.jpg" alt="" width="600" height="300" /></p>
<p>Alpha Multimedia Solutions is a web development and video production agency with a keen eye for cutting-edge graphic design. The word “ALPHA”, capitalized and in a large, negative typeface, can be seen on its homepage, each letter merged into the page’s main body.</p>
<h2>2. <a href="http://www.lovefreelancing.com/">Freelancing</a></h2>
<p><img class="alignleft size-full wp-image-1095" title="2-freelancing" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/2-freelancing.jpg" alt="" width="600" height="300" /></p>
<p>There’s lots of negative space typography going on here, particularly on the homepage, where it can be seen in the “Follow Us” Twitter button, the page’s titles and the Freelancing logo itself.</p>
<h2>3. <a href="http://fedex.com/us//">FedEx</a></h2>
<p><img class="alignleft size-full wp-image-1094" title="3-fedex" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/3-fedex.jpg" alt="" width="600" height="300" /></p>
<p>At first glance, you might wonder where the negative space typography is to be found here. In fact, it’s extremely subtle. You’ll find it in the FedEx logo itself, found on everything FedEx does. Take a look between the “E” and the “X” and you can see a little arrow. Found it yet? Not really part of the web design, but interesting nonetheless.</p>
<h2>4. <a href="http://www.rikcatindustries.com/">Rikcat Industries</a></h2>
<p><img class="alignleft size-full wp-image-1093" title="4-rikcat-industries" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/4-rikcat-industries.jpg" alt="" width="600" height="300" /></p>
<p>This website is all about simplicity, clarity and minimalism. Negative space is used in the Rikcat Industries logo as well as in some of the call-to-action buttons. It looks really slick.</p>
<h2>5. <a href="http://www.pixelumbrella.com/">Pixel Umbrella</a></h2>
<p><img class="alignleft size-full wp-image-1092" title="5-umbrella" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/5-umbrella.jpg" alt="" width="600" height="300" /></p>
<p>Nick Robinson of Pixel Umbrella is a master of graphic and web design. He often uses negative space typography in his own work. Unsurprisingly, it can also be found in his own site too, most noticeably in the header, where the word “Pixel” occupies negative space in a small, pixel-like square.</p>
<h2>6. <a href="http://www.klippoglim.no/">Klipp og Lim</a></h2>
<p><img class="alignleft size-full wp-image-1091" title="6-klipplim" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/6-klipplim.jpg" alt="" width="600" height="300" /></p>
<p>If you can steal your eyes away from the sumptuous images of chocolates in the slideshow on Klipp og Lim’s homepage, you’ll be able to spot the company logo and navigation buttons, which have been cut out of a solid black bar.</p>
<h2>7. <a href="http://siteinspire.net/">siteInspire</a></h2>
<p><img class="alignleft size-full wp-image-1090" title="7-site-inspire" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/7-site-inspire.jpg" alt="" width="600" height="300" /></p>
<p>siteInspire offers a portfolio of beautifully designed websites as well as an informative web design blog, so it’s only right that its own site should look spectacular too. You can find negative space typography in the logo in the top left of the screen, as well as in the categories list.</p>
<h2>8. <a href="http://sumagency.com/">SUM</a></h2>
<p><img class="alignleft size-full wp-image-1089" title="8-sum" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/8-sum.jpg" alt="" width="600" height="300" /></p>
<p>Branding and communications agency, SUM, uses negative space typography in its Venn diagram-like logo for a really crisp look. When visitors to the site hover over the buttons in the navigation bar, they turn red and the words become negative. Very clever.</p>
<h2>9. <a href="https://www.dropbox.com/">Dropbox</a></h2>
<p><img class="alignleft size-full wp-image-1088" title="9-dropbox" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/9-dropbox.jpg" alt="" width="600" height="300" /></p>
<p>Dropbox is a fantastic app renowned for its simple and straightforward design. Its website is no different: visitors are efficiently ushered into downloading the free app as there’s very little else you can do. The main “Download Dropbox” call-to-action button uses negative space typography and the results are, visually, incredibly clear.</p>
<h2>10. <a href="http://tinytree.info/">Bonsai</a></h2>
<p><img class="alignleft size-full wp-image-1087" title="10-bonsai" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/10-bonsai.jpg" alt="" width="600" height="300" /></p>
<p>Like Rikcat Industries, Bonsai’s website is highly professional with a minimal black-and-white aesthetic. Negative space typography can be found in the square Bonsai logo, which looks really clean.</p>
<h2>11. <a href="http://www.gravicadesign.com/gravicadesign.html">Gravica Design</a></h2>
<p><img class="alignleft size-full wp-image-1086" title="11-gd" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/11-gd.jpg" alt="" width="600" height="300" /></p>
<p>Gravica Design is a highly respected visual communication strategy firm based in Philadelphia. Negative space typography can be seen throughout the site, letting the company achieve a really stylish, modern design with plenty of white space.</p>
<h2>12. <a href="http://www.ab-c.com.au/">ab+c</a></h2>
<p><img class="alignleft size-full wp-image-1085" title="12-abc" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/12-abc.jpg" alt="" width="600" height="300" /></p>
<p>Homepages don’t come much cleverer than this super-cool design from web development agency ab+c. It features a series of words, some in negative typefaces, which change to reveal new sentences and meanings. I love it!</p>
<h2>13. <a href="http://www.narrowdesign.com/">Narrow Design</a></h2>
<p><img class="alignleft size-full wp-image-1084" title="13-nick-jones" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/13-nick-jones.jpg" alt="" width="600" height="300" /></p>
<p>Portfolio sites can often be boring, but not this one from Narrow Design. Visitors can scroll through past work quickly by simply moving their mouse up and down. The titles of each project are displayed in negative typefaces.</p>
<h2>14. <a href="http://www.sociodesign.co.uk/">Socio Design</a></h2>
<p><img class="alignleft size-full wp-image-1083" title="14-socio" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/14-socio.jpg" alt="" width="600" height="300" /></p>
<p>Negative space typography can be found on the homepage and throughout the site of trendy graphic design agency, Socio Design. Words are cut out of blocks of colour, creating a really up-to-the-minute look.</p>
<h2>15. <a href="http://www.adobe.com/">Adobe</a></h2>
<p><img class="alignleft size-full wp-image-1107" title="15-adobe" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/15-adobe.jpg" alt="" width="600" height="300" /></p>
<p>What Adobe doesn’t know about graphic design, frankly, is not worth knowing. It comes as know surprise to me, therefore, that they use negative space typography in everything they do, including their website. Where? In its logo.</p>
<h2>16. <a href="http://www.digitaldevotion.de/">Digital Devotion</a></h2>
<p><img class="alignleft size-full wp-image-1106" title="16-pure-graphic" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/16-pure-graphic.jpg" alt="" width="600" height="300" /></p>
<p>This German website manages to use tons of pink and purple on its website yet maintain a degree of class. Negative space typography is used in the banner at the top and in the navigation buttons on the left-hand side.</p>
<h2>17. <a href="http://msnbcmedia.msn.com/i/msnbc/components/spectra/index.html">Spectra</a></h2>
<p><img class="alignleft size-full wp-image-1105" title="17-spectra" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/17-spectra.jpg" alt="" width="600" height="300" /></p>
<p>Spectra’s website is unique: a perfect marriage of spectacular design and great user experience. Negative space typography can be seen on most of the buttons on the site, of which there are, literally, hundreds.</p>
<h2>18. <a href="http://www.playsmart.jp/">Smart</a></h2>
<p><img class="alignleft size-full wp-image-1104" title="18-smart" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/18-smart.jpg" alt="" width="600" height="300" /></p>
<p>You’ll be hard pressed to find a website more interactive than this one from Smart, the car manufacturer. Visitors are invited to “Design” their own Smart car or “Drive” one interactively on their computer, over various courses. Both of these words are written negatively on small black blocks.</p>
<h2>19. <a href="http://www.davidhellmann.com/">David Hellmann</a></h2>
<p><img class="alignleft size-full wp-image-1103" title="19-dh" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/19-dh.jpg" alt="" width="600" height="300" /></p>
<p>The logo in the top left corner of David Hellmann’s site has been cut out of a block of blue, revealing the background colour beneath. Roll your mouse over it and the words change, guiding visitors back to “Home Sweet Home”.</p>
<h2>20. <a href="http://electricpulp.com/">Eclectic Pulp</a></h2>
<p><img class="alignleft size-full wp-image-1102" title="20-electric-pulp" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/20-electric-pulp.jpg" alt="" width="600" height="300" /></p>
<p>Similar to David Hellman’s site, the logo in the top left of this page incorporates negative space typography, with the words removed from a block of colour to reveal the background underneath. The same can be said of the buttons in the navigation bar, which change colour when clicked.</p>
<h2>21. <a href="http://www.janreichle.com/">Jan Reichle</a></h2>
<p><img class="alignleft size-full wp-image-1101" title="21-jan-reichle" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/21-jan-reichle.jpg" alt="" width="600" height="300" /></p>
<p>Jan Reichle is a director/cinematographer. His great work covers everything from corporate to music videos. The use of negative space typography could not be clearer on his site, with a large letter “R”, in negative of course, on the left hand side of the page.</p>
<h2>22. <a href="http://www.aigany.org/">AIGA/NY</a></h2>
<p><img class="alignleft size-full wp-image-1100" title="22-aiga" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/22-aiga.jpg" alt="" width="600" height="300" /></p>
<p>Negative space typography can be seen used in AIGA/NY’s logo, with the word “AIGA” cut out of a solid black square. It’s also apparent in the various navigation buttons, which turn into red blocks of colour, throughout the site.</p>
<h2>23. <a href="http://www.jasonmayo.co.uk/">Jason Mayo</a></h2>
<p><img class="alignleft size-full wp-image-1099" title="23-mayo" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/23-mayo.jpg" alt="" width="600" height="300" /></p>
<p>Jason Mayo’s logo is simple, but superb. It wobbles, changes colour slightly and then settles into a solid black circle with the word Mayo cut out in the middle.</p>
<h2>24. <a href="http://lifelab.com.au/">LifeLab</a></h2>
<p><img class="alignleft size-full wp-image-1098" title="24-lifelab" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/24-lifelab.jpg" alt="" width="600" height="300" /></p>
<p>Unlike some of the more monotone examples in this list, Australian real estate company, LifeLab, has gone for a colourful, vibrant look. Nevertheless, negative space typography can be seen throughout, such as in the logo and the navigation bar.</p>
<h2>25. <a href="http://www.thebrandunion.com/">The Brand Union</a></h2>
<p><img class="alignleft size-full wp-image-1097" title="25-brand-union" src="http://www.ocularharmony.com/wp-content/uploads/2010/07/25-brand-union.jpg" alt="" width="600" height="300" /></p>
<p>You’d be hard-pressed to find a better use of negative space typography than in the amazing logo for The Brand Union- a great mix of negative space and colour. When visitors first open the page, they are greeted with a large, expanding version of the logo itself.<br />
<script type="text/javascript">// <![CDATA[
google_ad_client = "ca-pub-7503155598030066";
/* 468x60, created 1/13/10 */
google_ad_slot = "6599160083";
google_ad_width = 468;
google_ad_height = 60;
// ]]&gt;</script><br />
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">// <![CDATA[</p>
<p>// ]]&gt;</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ocularharmony.com/2010/07/28/25-best-examples-of-negative-space-typography-in-web-design/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

