<?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>Universo em Bits &#187; design</title>
	<atom:link href="http://www.woolk.net/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.woolk.net</link>
	<description>Live minimal</description>
	<lastBuildDate>Wed, 25 Aug 2010 03:27:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Smartphone HTC redesenhado</title>
		<link>http://www.woolk.net/2010/08/smartphone-htc-redesenhado/</link>
		<comments>http://www.woolk.net/2010/08/smartphone-htc-redesenhado/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 17:57:09 +0000</pubDate>
		<dc:creator>Gian</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[celular]]></category>
		<category><![CDATA[htc]]></category>
		<category><![CDATA[minimalismo]]></category>

		<guid isPermaLink="false">http://www.woolk.net/?p=116</guid>
		<description><![CDATA[Andrew Kim é um talentoso estudante de design de produtos, que expõe em seu blog suas criações. Navegando em seu portfólio, um post chamou minha atenção. Nele, Andrew mostra seu conceito de smartphone HTC com o design de hardware e software integrado, com elementos minimalistas. O resultado é um celular belíssimo, extremamente funcional. Os detalhes [...]]]></description>
			<content:encoded><![CDATA[<p>Andrew Kim é um talentoso estudante de design de produtos, que expõe em seu <a href="http://designfabulous.blogspot.com/">blog</a> suas criações. Navegando em seu portfólio, um post chamou minha atenção. Nele, Andrew mostra seu conceito de smartphone HTC com o design de hardware e software integrado, com elementos minimalistas. O resultado é um celular belíssimo, extremamente funcional. Os detalhes que o autor coloca em sua obra são impressionantes.</p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/08/HTC3a.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/08/HTC3b.jpg" alt="HTC3" /></a></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/08/HTC4a.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/08/HTC4b.jpg" alt="HTC4" /></a></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/08/HTC5a.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/08/HTC5b.jpg" alt="HTC5" /></a></p>
<p>Mais fotos no blog <a href="http://designfabulous.blogspot.com/2010/07/htc-1.html">Design Fabulous</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.woolk.net/2010/08/smartphone-htc-redesenhado/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Bokeh</title>
		<link>http://www.woolk.net/2010/07/bokeh/</link>
		<comments>http://www.woolk.net/2010/07/bokeh/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 01:00:29 +0000</pubDate>
		<dc:creator>Gian</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[bokeh]]></category>
		<category><![CDATA[fotografia]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.woolk.net/?p=9</guid>
		<description><![CDATA[Bokeh é um termo japonês que significa &#8220;esfumaçado, ofuscado&#8221;, algo semelhante ao blur. Na prática, o termo abrange a estética do blur. Seu uso na fotografia consiste em imagens fora de foco, feitas através de ajustes nas lentes e nos tempos de abertura do diafragma. Essa técnica reduz distrações ao colocar a atenção do observador [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Bokeh</strong> é um termo japonês que significa &#8220;esfumaçado, ofuscado&#8221;, algo semelhante ao <em>blur</em>. Na prática, o termo abrange a <em>estética do blur</em>. Seu uso na fotografia consiste em imagens <strong>fora de foco</strong>, feitas através de ajustes nas lentes e nos tempos de abertura do diafragma. Essa técnica <strong>reduz distrações</strong> ao colocar a atenção do observador no objeto desejado, além de proporcionar ótimas composições.</p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/bokeh4A.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/bokeh4B.jpg" alt="Bokeh4" /></a><span id="more-9"></span></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/bokeh2A.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/bokeh2B.jpg" alt="Bokeh2" /></a></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/bokeh1A.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/bokeh1B.jpg" alt="Bokeh1" /></a></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/bokeh3A.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/bokeh3B.jpg" alt="Bokeh3" /></a></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/bokeh5A.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/bokeh5B.jpg" alt="Bokeh5" /></a></p>
<h3><span style="color: #2c59e0;">Mais exemplos</span></h3>
<ul>
<li><a href="http://blog.creattica.com/2010/07/bokeh/">The Art of Bokeh</a></li>
<li><a href="http://naldzgraphics.net/inspirations/33-beautiful-examples-of-bokeh-photography-for-inspiration/">33 Beautiful Examples of Bokeh Photography for Inspiration</a></li>
<li><a href="http://photo.tutsplus.com/articles/inspiration/80-awe-inspiring-photographs-taken-with-a-nifty-fifty/">80 Awe-Inspiring Photographs Taken With a “Nifty Fifty”</a></li>
<li><a href="http://www.instantshift.com/2010/05/10/88-brilliant-examples-of-bokeh-photography/">88 Brilliant Examples of Bokeh Photography</a></li>
</ul>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.woolk.net/2010/07/bokeh/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bigodes em tipografia</title>
		<link>http://www.woolk.net/2010/07/bigodes-em-tipografia/</link>
		<comments>http://www.woolk.net/2010/07/bigodes-em-tipografia/#comments</comments>
		<pubDate>Thu, 15 Jul 2010 09:02:10 +0000</pubDate>
		<dc:creator>Gian</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[biggode]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://www.woolk.net/?p=11</guid>
		<description><![CDATA[A aplicação da tipografia está sendo usada cada vez mais no design, invadindo posters, banners e até mesmo a barbearia. Isso mesmo! Veja só os bigodes inspirados em fontes famosas. Via: elastika]]></description>
			<content:encoded><![CDATA[<p>A aplicação da tipografia está sendo usada cada vez mais no design, invadindo posters, banners e até mesmo a barbearia. Isso mesmo! Veja só os bigodes inspirados em fontes famosas.</p>
<p><a href='http://www.woolk.net/wp-content/uploads/2010/07/moustache.jpg' class='lightview'><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/moustacheB.jpg" alt="Erwin Bauer" /></a></p>
<h6>Via: <a href="http://www.elastika.org/2010/05/typographic-moustaches/">elastika</a></h6>
]]></content:encoded>
			<wfw:commentRss>http://www.woolk.net/2010/07/bigodes-em-tipografia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pendrive USB como clipe de papel</title>
		<link>http://www.woolk.net/2010/07/pendrive-usb-como-clipe-de-papel/</link>
		<comments>http://www.woolk.net/2010/07/pendrive-usb-como-clipe-de-papel/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 02:11:57 +0000</pubDate>
		<dc:creator>Gian</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[clipe]]></category>
		<category><![CDATA[pendrive]]></category>
		<category><![CDATA[usb]]></category>

		<guid isPermaLink="false">http://www.woolk.net/?p=62</guid>
		<description><![CDATA[Com a avanço da tecnologia nos últimos anos, as pendrives tornaram-se objetos constantes no dia-a-dia. A popularização do dispositivo fez com que ele ficasse mais acessível, menor tamanho e com grande capacidade de armazenamento de dados. Isso gerou um fato: elas são extremamente fáceis de se perder. Pensando nisso foi criado o conceito do USB [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/clipA1.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/clipA2.png" alt="USB Clip" width="700" height="100" /></a></p>
<p>Com a avanço da tecnologia nos últimos anos, as <em><strong>pendrives</strong></em> tornaram-se objetos constantes no dia-a-dia. A popularização do dispositivo fez com que ele ficasse mais acessível, menor tamanho e com grande capacidade de armazenamento de dados. Isso gerou um fato: elas são extremamente fáceis de se perder. Pensando nisso foi criado o conceito do <a href="http://en.red-dot.org/2776.html?&amp;cHash=9bd30eec320f702041adde96dc146bc6&amp;detail=7576"><strong>USB Clip</strong></a>.</p>
<p>A agência de design alemã <a href="http://www.industrial-design-germany.com/">Emamidesign</a> reinterpretou a função do clipe de papel e transpôs a ideia às pendrives USB, através do USB Clip. Trata-se de uma pendrive com boa capacidade de armazenamento (<em>2, 4 e 8 GB</em>) em um formato de clipe, facilmente anexável a documentos e pastas.</p>
<p>O design inovador, de linhas simples e cores vibrantes rendeu à agência o prêmio <a href="http://en.red-dot.org/2776.html?&amp;cHash=9bd30eec320f702041adde96dc146bc6&amp;detail=7576">Red-dot Design Award 2010</a>. O conceito tem seu uso ampliado, em compartilhamento de arquivos: anexa-se, por exemplo, o USB Clip a um relatório de papel, complementando com o restante dos dados em outro formato de mídia.</p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/clipB1.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/clipB2.png" alt="USB Clip" width="700" height="100" /></a></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/clipC.jpg"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/clipC2.jpg" alt="USB Clip" /></a></p>
<p><a class="lightview" href="http://www.woolk.net/wp-content/uploads/2010/07/clipD.png"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2010/07/clipD2.png" alt="USB Clip" /></a></p>
<p>
<h5><strong>Via</strong>: <a href="http://minimalissimo.com/2010/07/usb-clip/"><em>Minimalissimo</em></a></h5>
<p></br></p>
]]></content:encoded>
			<wfw:commentRss>http://www.woolk.net/2010/07/pendrive-usb-como-clipe-de-papel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Minimalismo na web</title>
		<link>http://www.woolk.net/2010/07/minimalismo-na-web/</link>
		<comments>http://www.woolk.net/2010/07/minimalismo-na-web/#comments</comments>
		<pubDate>Sun, 11 Jul 2010 16:46:20 +0000</pubDate>
		<dc:creator>Gian</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[minimalism]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.woolk.net/?p=12</guid>
		<description><![CDATA[Introdução O termo minimalismo se refere a um movimento cultural do século XX, envolveu diversas áreas da arte e tinha como base a expressão do artista através de elementos fundamentais, sem excessos, somente com os recursos essenciais à compreensão. Resumindo as contribuições do minimalismo às artes, a música inspirada no movimento é marcada por repetição [...]]]></description>
			<content:encoded><![CDATA[<h2><img class="aligncenter size-full wp-image-52" title="green" src="http://www.woolk.net/wp-content/uploads/2010/07/green.jpg" alt="" width="700" height="100" /></h2>
<h2><strong><span style="color: #2c59e0;">Introdução</span></strong></h2>
<p>O termo minimalismo se refere a um movimento cultural do século XX, envolveu diversas áreas da arte e tinha como base a expressão do artista através de elementos fundamentais, sem excessos, somente com os recursos essenciais à compreensão.</p>
<p>Resumindo as contribuições do minimalismo às artes, a música inspirada no movimento é marcada por repetição e estaticidade de seus elementos. Já a literatura minimalista é e econômica com as palavras, o que força o leitor a participar ativamente da leitura, construindo a interpretação do texto. Nas artes plásticas, a pintura usa um número limitado de cores e um desenho geométrico simples. O princípio de que <a href="http://pt.wikipedia.org/wiki/Menos_%C3%A9_mais">Menos é Mais</a> (Less is more) influenciou as criações do design e arquitetura, com suas formas básicas e funcionais. O minimalismo está intrinsecamente incorporado ao conceito de simplicidade e funcionalidade. Atualmente, o estilo está sendo cada vez mais influente em um seguimento: o webdesign.<span id="more-12"></span></p>
<h3><strong><span style="color: #f10d32;">Webdesign</span></strong></h3>
<p>O design minimalista é bem mais <a href="http://webdesignledger.com/inspiration/is-minimalistic-design-more-effective">eficaz</a> principalmente em páginas de produtos e portfólios, onde o foco da atenção do visitante deve ser o conteúdo. Com menos objetos disputando a atenção do leitor, tem-se a garantia de que a informação chegará ao seu alvo.</p>
<p>São várias as vantagens de um site com design minimalista: maior sensação de clareza e organização, carregamento mais rápido, foco no conteúdo, beleza</p>
<p>Não é fácil fazer aplicar o conceito na web. O webdesigner deve proporcionar acesso rápido às informações essenciais, porém sem deixar o site sem sentido. A usabilidade é fundamental. Facilidade na navegação garante que o leitor não desista e procure outro site do gênero.</p>
<h3><strong><span style="color: #f10d32;">A anatomia de um site minimalista</span></strong></h3>
<p>Estes <a href="http://vandelaydesign.com/blog/design/how-to-make-minimalistic-design/">dois</a> <a href="http://www.skelliewag.org/a-guide-to-creating-a-minimalist-website-63.htm">artigos</a> resumem os componentes de um site minimalista:</p>
<h4><span style="color: #008000;">Espaço em branco não é espaço vazio</span></h4>
<p>Espaço em branco não é espaço mal utilizado. Ele organiza os blocos de conteúdo e direciona os olhos para o que é relevante. Também elimina o excesso de informação, o que dificulta a navegação. <em>(veja os sites </em><a href="http://www.justinkropp.com/information.php"><em>Justin Kropp</em></a><em>, </em><a href="http://www.iconwerk.de/"><em>Iconwerk</em></a><em> da </em><a href="http://frabelfoundation.org/"><em>Frabel Fundation</em></a><em> e este </em><a href="http://webdesigntuts.com/web-design/using-white-space-effectively-in-web-design/"><em>tutorial</em></a><em> de como usar o espaço em branco)</em></p>
<h4><span style="color: #008000;">Combine estética e funcionalidade</span></h4>
<p>A maioria dos sites utiliza gráficos e cores de forma separada do conteúdo, gerando confusão e perda de continuidade do estilo. Já os sites minimalistas usam os dois juntos, mesclando a navegação e conteúdo com fontes e formas que criam a identidade visual. Assim, não há distração, uma vez que a função é a essência do estilo. <em>(veja </em><a href="http://www.airportbags.com/"><em>Airport Bags</em></a><em>, </em><a href="http://getfinch.com/"><em>Finch</em></a><em> e </em><a href="http://indielabs.com/"><em>Indie Labs</em></a><em>)</em></p>
<p><span style="color: #008000;"><strong>Tipografia</strong></span></p>
<p>Elemento importante do design é a tipografia. Por usar menos fotos e gráficos, a escolha da fonte correta é essencial para manter a atenção do visitante e não deixar o site pior ainda. A fonte deve ser simples, de fácil leitura, bonita e que mantenha a identidade visual do site. Tipografia e minimalismo estão intimamente relacionados. <em>(veja o </em><a href="http://www.lokeshdhakar.com/"><em>Lokesh Dhakar</em></a><em>, </em><a href="http://liftinteractive.com/"><em>Lift Interactive</em></a><em>, </em><a href="http://www.vlourenco.com/"><em>Vitor Lourenço</em></a><em> e </em><a href="http://www.montylounge.com/"><em>Monty Lounge</em></a><em>)</em></p>
<p><span style="color: #008000;"><strong>Impacto das imagens</strong></span></p>
<p>Por usar poucas imagens, garanta que elas sejam usadas com eficiência. A disposição na página, as cores e o espaço em branco ajudam a atrair a atenção. Em vez de muitas imagens que não dizem nada, por que não usar poucas, mas que dizem muito? Uma simples relação qualidade versus quantidade. <em>(veja </em><a href="http://extratasty.com/"><em>Extratasty</em></a><em>, </em><a href="http://www.markbixby.com/"><em>Mark Bixby</em></a><em> e </em><a href="http://www.myttonwilliams.co.uk/"><em>Mytton Williams</em></a><em>)</em></p>
<p><span style="color: #008000;"><strong>Uso das cores</strong></span></p>
<p>As cores ajudam a tipografia a sustentar o estilo. Suas combinações devem ser agradáveis aos olhos e realçar o conteúdo. A simplicidade do minimalismo dá mais liberdade na escolha das cores, favorecendo a criatividade do designer. <em>(veja os sites de </em><a href="http://www.benhulse.com/index.php"><em>Ben Hulse</em></a><em>, </em><a href="http://www.kraaft.com/"><em>Kraaft</em></a><em> e </em><a href="http://www.sayhej.com/"><em>SayHej</em></a><em>)</em></p>
<p><span style="color: #008000;"><strong>Retire a tralha</strong></span></p>
<p>Elas só ajudam a aumentar a bagunça e tirar a atenção para o essencial. Widgets, estatísticas, calendários, badges, (…), tudo isso pode ser <a href="http://www.skelliewag.org/50-tips-to-unclutter-your-blog-44.htm">retirado</a>, a não ser que sirvam para organizar ou gerar conteúdo.</p>
<h2><strong><span style="color: #2c59e0;">Exemplos</span></strong></h2>
<p style="text-align: center;"><a class="lightview" title="Erwin Bauer :: erwinbauer.com :: width: 800, height: 600" rel="iframe" href="http://www.erwinbauer.com/"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2009/01/minimal1.jpg" alt="Erwin Bauer" /></a></p>
<p style="text-align: center;"><a class="lightview" title="Jason Mayo :: jasonmayo.co.uk :: width: 800, height: 600" rel="iframe" href="http://www.jasonmayo.co.uk/"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2009/01/minimal2.jpg" alt="Jason Mayo" /></a></p>
<p style="text-align: center;"><a class="lightview" title="Kyan Media :: kyanmedia.com :: width: 800, height: 600" rel="iframe" href="http://www.kyanmedia.com/"><img class="aligncenter" src="http://www.woolk.net/wp-content/uploads/2009/01/minimal3.jpg" alt="Kyan Media" /></a></p>
<h2><span style="color: #2c59e0;">Mais exemplos</span></h2>
<p><a href="http://www.minimalsites.com/">Minimal Sites</a>, <a href="http://www.smashingmagazine.com/2008/11/17/showcase-of-minimalist-and-clean-designs/">Smashing Magazine</a>, <a href="http://spyrestudios.com/minimalist-designs/">Spyre Studios</a>, <a href="http://rootapex.com/design/40-minimalist-web-designs">Rootapex</a>.</p>
<h5><em>* (Originalmente postado em 15/01/09)</em></h5>
]]></content:encoded>
			<wfw:commentRss>http://www.woolk.net/2010/07/minimalismo-na-web/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
