<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description>Icon, button, layout design concepts.
Small things for great web designs. 
 icons     layouts charts

 
</description><title>Bricks &amp; Timber - Design Inspirations</title><generator>Tumblr (3.0; @bricksandtimber)</generator><link>http://bricksandtimber.tumblr.com/</link><item><title>Chart design concept (legibility is king)
You probably noticed...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_m1x056ZT6h1rsbov5o1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;h2&gt;&lt;strong&gt;Chart design concept (legibility is king)&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;You probably noticed that there (on-line) is a lot of cool looking infographics, but when it comes to searching for data, they tend to stop looking so well.&lt;/p&gt;
&lt;p&gt;This example of design shows how you can make a legible and also elegant chart. With a good grid and marks searching for specific data is easy.&lt;/p&gt;</description><link>http://bricksandtimber.tumblr.com/post/20415678075</link><guid>http://bricksandtimber.tumblr.com/post/20415678075</guid><pubDate>Tue, 03 Apr 2012 13:48:42 -0400</pubDate><category>charts</category><category>infographic design</category><category>legibility</category><category>data visualisation</category></item><item><title>Large icon concept
Large icons can have a text description...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_m1v9h4554j1rsbov5o1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;h2&gt;&lt;strong&gt;Large icon concept&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Large icons can have a text description inside. It gives you some new design options.&lt;/p&gt;</description><link>http://bricksandtimber.tumblr.com/post/20360132770</link><guid>http://bricksandtimber.tumblr.com/post/20360132770</guid><pubDate>Mon, 02 Apr 2012 15:15:00 -0400</pubDate><category>icons</category><category>icon design</category><category>graphic design</category></item><item><title>Print-inspired digital display ad concept
It’s an ad...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_m1uxujgfpb1rsbov5o1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;h2&gt;&lt;strong&gt;Print-inspired digital display ad concept&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;It’s an ad loosely inspired by Ogilvy’s print ad layouts. This is how it works:&lt;/p&gt;
&lt;p&gt;1. The first thing people usually notice is a picture. That’s why it’s the main element of this ad.&lt;/p&gt;
&lt;p&gt;I encourage you not to use a popular photo with a smiling blond chick. It’s better and far more original to choose a deep picture with an interesting story that fits to your ad idea. Maybe chicks get clicks, but for many businesses (for some companies it works)  it’s not a good branding. It can look like a cheap trick.&lt;/p&gt;
&lt;p&gt;BTW, I think that today we have a lack of nostalgia in digital advertising.&lt;/p&gt;
&lt;p&gt;2. When photo is interesting, people tend to read its description. Why not to use that?&lt;/p&gt;
&lt;p&gt;3. Than we have a place for the main copy.&lt;/p&gt;
&lt;p&gt;As you can see, there’s no text on the picture and there’s a lot of whitespace. That’s what makes the ad clean and legible.&lt;/p&gt;
&lt;p&gt;4. I used a grid. It helps keep everything in the right order. Very useful thing.&lt;/p&gt;
&lt;p&gt;—-&lt;/p&gt;
&lt;p&gt;It’s just a concept. I didn’t test it on the market. However, I hope it will be helpful as an inspiration.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;BTW, that space shuttle photo is originally published by NASA in the public domain.&lt;/em&gt;&lt;/p&gt;</description><link>http://bricksandtimber.tumblr.com/post/20350282055</link><guid>http://bricksandtimber.tumblr.com/post/20350282055</guid><pubDate>Mon, 02 Apr 2012 11:03:00 -0400</pubDate><category>ads</category><category>digital advertising</category><category>grids</category><category>templates</category><category>layouts</category></item><item><title>File-size icons.
Based on symbolic calibration...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_m1rwexHwpb1rsbov5o1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;strong&gt;File-size icons.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Based on symbolic calibration weights.&lt;/p&gt;
&lt;p&gt;It’s good to use something like that close to size descriptions (like &lt;em&gt;1MB&lt;/em&gt;,  &lt;em&gt;10,5MB&lt;/em&gt;).&lt;/p&gt;</description><link>http://bricksandtimber.tumblr.com/post/20253769942</link><guid>http://bricksandtimber.tumblr.com/post/20253769942</guid><pubDate>Sat, 31 Mar 2012 19:40:00 -0400</pubDate><category>file-size</category><category>icons</category><category>file marking</category></item><item><title>Minimalist, origami-like twitter icons.</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_m1rcob1JhT1rsbov5o1_r1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Minimalist, origami-like &lt;strong&gt;twitter icons&lt;/strong&gt;.&lt;/p&gt;</description><link>http://bricksandtimber.tumblr.com/post/20230748660</link><guid>http://bricksandtimber.tumblr.com/post/20230748660</guid><pubDate>Sat, 31 Mar 2012 12:33:00 -0400</pubDate><category>social media</category><category>twitter</category><category>icons</category></item></channel></rss>
