<?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>Designerd &#187; Webdesign</title>
	<atom:link href="http://www.designerd.com.br/tag/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designerd.com.br</link>
	<description>um blog sobre design.</description>
	<lastBuildDate>Tue, 07 Feb 2012 16:47:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>30 exemplos de web design + ilustração</title>
		<link>http://www.designerd.com.br/30-exemplos-de-web-design-mais-ilustracao/</link>
		<comments>http://www.designerd.com.br/30-exemplos-de-web-design-mais-ilustracao/#comments</comments>
		<pubDate>Wed, 01 Jun 2011 15:02:43 +0000</pubDate>
		<dc:creator>Guilherme Dantas</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[ilustração]]></category>

		<guid isPermaLink="false">http://www.designerd.com.br/?p=1348</guid>
		<description><![CDATA[Fala galera! Sumimos, mas estamos de volta. Dessa vez falaremos de algo bem interessante: ilustrações em web design. Já pensou em contratar um ilustrador ou desenvolver você mesmo uma ilustração para enfeitar seu site ou blog? O site dzineblog.com listou 30 exemplos de bom uso de ilustrações em web design. O resultado é incrível. Confira [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://dzineblog.com/2011/05/30-examples-of-illustration-in-web-design.html"><img class="aligncenter" title="30 exemplos de web design + ilustração" src="http://www.designerd.com.br/imagens/209.jpg" alt="30 exemplos de web design + ilustração" width="510" height="220" /></a></p>
<p>Fala galera! Sumimos, mas estamos de volta.</p>
<p>Dessa vez falaremos de algo bem interessante: ilustrações em web design.<span id="more-1348"></span></p>
<p>Já pensou em contratar um ilustrador ou desenvolver você mesmo uma ilustração para enfeitar seu site ou blog?</p>
<p>O site <strong>dzineblog.com</strong> listou 30 exemplos de bom uso de ilustrações em web design. O resultado é incrível.</p>
<p><a title="dzineblog.com" href="http://dzineblog.com/2011/05/30-examples-of-illustration-in-web-design.html">Confira o link e inspire-se</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerd.com.br/30-exemplos-de-web-design-mais-ilustracao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 exemplos de minimalismo no web design</title>
		<link>http://www.designerd.com.br/20-exemplos-de-minimalismo-no-web-design/</link>
		<comments>http://www.designerd.com.br/20-exemplos-de-minimalismo-no-web-design/#comments</comments>
		<pubDate>Thu, 10 Mar 2011 13:30:52 +0000</pubDate>
		<dc:creator>Guilherme Dantas</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[minimalismo]]></category>

		<guid isPermaLink="false">http://www.designerd.com.br/?p=1233</guid>
		<description><![CDATA[Bom dia senhoras e senhores! Depois de alguns dias de folga devido ao carnaval (lê-se: dias oportunos para colocar os jobs em dia) estamos de volta com as costumeiras postagens. Para começar bem a semana (numa quinta-feira&#8230;) falaremos de algo que me agrada muitíssimo: o minimalismo no web design. O site speckyboy.com listou 20 belos [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://speckyboy.com/2011/03/09/20-perfect-examples-of-minimalism-in-web-design/"><img class="aligncenter" title="20 exemplos de minimalismo no web design" src="http://www.designerd.com.br/imagens/187.jpg" alt="20 exemplos de minimalismo no web design" width="510" height="145" /></a></p>
<p>Bom dia senhoras e senhores!<br />
Depois de alguns dias de folga devido ao carnaval (lê-se: dias oportunos para colocar os jobs em dia) estamos de volta com as costumeiras postagens.</p>
<p>Para começar bem a semana (numa quinta-feira&#8230;) falaremos de algo que me agrada muitíssimo: o minimalismo no web design.<span id="more-1233"></span></p>
<p>O site <strong>speckyboy.com</strong> listou 20 belos exemplos de sites que utilizam esse conceito. Ótimo para buscar inspiração e degustar a deliciosa simplicidade que só o minimalismo é capaz de ter.</p>
<p><a title="speckyboy.com" href="http://speckyboy.com/2011/03/09/20-perfect-examples-of-minimalism-in-web-design/">Acesse o link </a>e desfrute!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerd.com.br/20-exemplos-de-minimalismo-no-web-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wayback Machine &#8211; o passado da internet</title>
		<link>http://www.designerd.com.br/wayback-machine-o-passado-da-internet/</link>
		<comments>http://www.designerd.com.br/wayback-machine-o-passado-da-internet/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 13:02:41 +0000</pubDate>
		<dc:creator>Guilherme Dantas</dc:creator>
				<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[passado]]></category>
		<category><![CDATA[wayback]]></category>

		<guid isPermaLink="false">http://www.designerd.com.br/?p=358</guid>
		<description><![CDATA[Ah, o passado. Não sei quanto a vocês, mas de vez em quando eu passo horas revendo fotos, gravações e coisas antigas. Afinal, todo ser humano deixa marcas no passado. Com a internet não é diferente. Já se perguntou como era o site do gigante das buscas em dezembro de 1998, por exemplo? A imagem [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://web.archive.org/web/19981202230410/http://www.google.com/" target="_blank"><img class="aligncenter" title="Google em 1998" src="/imagens/52.jpg" alt="" width="510" height="145" /></a></p>
<p>Ah, o passado. Não sei quanto a vocês, mas de vez em quando eu passo horas revendo fotos, gravações e coisas antigas.<br />
Afinal, todo ser humano deixa marcas no passado. Com a internet não é diferente.</p>
<p>Já se perguntou como era o site do gigante das buscas em dezembro de 1998, por exemplo?<br />
A imagem acima responde essa pergunta.</p>
<p>O site <a title="Internet Archive Waybak Machine" href="http://www.archive.org/web/web.php" target="_blank">Internet Archive Waybak Machine</a> nos leva a uma viagem ao passado, e nos faz ver como o design e a usabilidade dos sites evoluiu ao longo do tempo. Podemos conferir tendências que marcaram épocas, e com base nisso, imaginar qual será o futuro do webdesign.</p>
<p>Quer viajar também?<br />
<a title="www.archive.org" href="http://www.archive.org/web/web.php" target="_blank">Acesse já o site</a> e divirta-se.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerd.com.br/wayback-machine-o-passado-da-internet/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Typetester &#8211; compare fontes online</title>
		<link>http://www.designerd.com.br/typerteste-compare-fontes-online/</link>
		<comments>http://www.designerd.com.br/typerteste-compare-fontes-online/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 15:35:55 +0000</pubDate>
		<dc:creator>Guilherme Dantas</dc:creator>
				<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[comparativo]]></category>
		<category><![CDATA[fontes]]></category>

		<guid isPermaLink="false">http://www.designerd.com.br/?p=349</guid>
		<description><![CDATA[Que fonte usar? Qual o tamanho ideal? Será que essa cor de fonte fica legal com esse fundo? Da próxima vez que surgir perguntas como essas, experimente o typetester.org. O site oferece um comparativo entre as fontes mais comuns e também as que você possui no computador. Funciona da seguinte forma: Você escreve o texto [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.typetester.org/" target="_blank"><img class="aligncenter" title="Typetester - Compare fontes online" src="http://www.designerd.com.br/imagens/49.jpg" alt="" width="510" height="145" /></a></p>
<p>Que fonte usar? Qual o tamanho ideal? Será que essa cor de fonte fica legal com esse fundo?<br />
Da próxima vez que surgir perguntas como essas, experimente o <a title="typetester.org" href="http://www.typetester.org/" target="_blank">typetester.org</a>.</p>
<p>O site oferece um comparativo entre as fontes mais comuns e também as que você possui no computador.<br />
Funciona da seguinte forma:<br />
Você escreve o texto desejado e escolhe as três fontes e suas características.<br />
Pronto, logo abaixo você pode fazer a comparação. O legal é que você pode copiar o código em CSS pronto da opção escolhida.<br />
<a title="typetester.org" href="http://www.typetester.org/" target="_blank"><br />
Acesse o site</a> e veja você mesmo!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerd.com.br/typerteste-compare-fontes-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Erros em webdesign que devem ser evitados</title>
		<link>http://www.designerd.com.br/erros-em-webdesign-que-devem-ser-evitados/</link>
		<comments>http://www.designerd.com.br/erros-em-webdesign-que-devem-ser-evitados/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 01:42:07 +0000</pubDate>
		<dc:creator>Guilherme Dantas</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[erros]]></category>

		<guid isPermaLink="false">http://www.designerd.com.br/?p=265</guid>
		<description><![CDATA[Quem nunca errou como webdesigner? Seja por falta de experiência, atenção ou de café, todos nós já fizemos algo que não deu muito certo. Veja a seguir uma lista de 12 coisas que muitos ainda persistem em fazer: 1. Assumir que “se você construir, eles virão” – Mesmo se você conseguir fazer o site “perfeito” [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" title="Ops!" src="http://www.designerd.com.br/imagens/34.jpg" alt="" width="510" height="145" /></p>
<p>Quem nunca errou como webdesigner?<br />
Seja por falta de experiência, atenção ou de café, todos nós já fizemos algo que não deu muito certo. Veja a seguir uma lista de 12 coisas que muitos ainda persistem em fazer:</p>
<p><strong>1. Assumir que “se você construir, eles virão”</strong> – Mesmo se você conseguir fazer o site “perfeito” você ainda precisa fazer marketing deste projeto. Cada vez mais torna-se importante espalhar a palavra sobre seu site, seja no mundo online ou offline.</p>
<p><strong>2. Misturar publicidade com conteúdo </strong>– Pode até aumentar seus cliques a curto prazo, mas quando os usuários acreditarem estar clicando em um link interno e descobrirem que você enganou eles, muitos não vão mais voltar.</p>
<p><strong>3. Usar páginas de introdução</strong> – Por sorte, essa tendência tá diminuindo. Quem não se lembra de ter que clicar em um &#8220;Clique aqui para entrar&#8221; para acessar o site? Seja direto, rápido, objetivo.</p>
<p><strong>4. Vídeos ou música</strong> – Se for para colocar vídeo ou música em seu site, não faça tocar automaticamente na hora que a pessoa acessar. Se o usuário quiser escutar sua música ou ver seu vídeo, ele vai escolher fazê-lo. É algo irritante e causa desconforto em quem deixou as caixas de som ligadas no escritório.</p>
<p><strong>5. Não altere as funções do navegador</strong> – Não quebre os botões de voltar, avançar ou qualquer outro (como redimensionamento da janela). Algumas pessoas precisam destes botões (quem não possui teclado, por exemplo – entre estes grupos, deficientes físicos).</p>
<p><strong>6. Não abra links em nova janela</strong> – Permita ao usuário escolher o destino dele. Se ele quiser voltar, ele irá. Não adianta prender uma pessoa no seu site.</p>
<p><strong>7. Não sublinhe ou mude as cores do texto normal</strong> – Usuários identificam palavras sublinhadas e palavras com outras cores como links. Não confunda eles usando múltiplas cores no seu texto sem fim algum.</p>
<p><strong>8. Seja consistente</strong> – Não faça com que cada página interna do seu site seja diferente. Isso inclui cor de texto, fundo, posicionamento de menu e design no geral.</p>
<p><strong>9. Evite cores fortes e brilhantes</strong> – Faça com que a fonte seja fácil de ser lida com o fundo escolhido. Lembre-se de que só por que você consegue ler o texto rosa-choque no fundo amarelo-vivo, não quer dizer que todos conseguem.</p>
<p><strong>10. Não force um registro se não for necessári</strong>o – Não force os usuários a fornecerem seu e-mail quando não é absolutamente necessário. Ponto final.</p>
<p><strong>11. Não desabilite o clique com botão direito do mouse</strong> – Muitos “webmasters” tentam evitar a cópia de seu texto com esses scripts que bloqueiam o uso do botão direito do mouse. Scripts assim são fáceis de serem desativados, então se alguém quiser copiar, ela irá. Sem contar que isso pode trazer alguns problemas para usuários que usam apenas o mouse para navegação.</p>
<p><strong>12. Otimize o CSS e suas imagens</strong> – Otimizando a folha de estilos e imagens vai garantir um tempo menor de download e ocupará menos transferência mensal, te salvando muito dinheiro.</p>
<p>E aí, alguém se identifica com um dos ítens acima? Fiquem à vontade e comentem seus erros.</p>
<p>Texto original <a title="Erros em webdesign que devem ser evitados" href="http://design.blog.br/web-design/erros-em-web-design-que-devem-ser-evitados" target="_blank">aqui</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerd.com.br/erros-em-webdesign-que-devem-ser-evitados/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>O teste dos cinco segundos</title>
		<link>http://www.designerd.com.br/o-teste-dos-cinco-segundos/</link>
		<comments>http://www.designerd.com.br/o-teste-dos-cinco-segundos/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 12:49:46 +0000</pubDate>
		<dc:creator>Guilherme Dantas</dc:creator>
				<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[testes]]></category>

		<guid isPermaLink="false">http://www.designerd.com.br/?p=102</guid>
		<description><![CDATA[O site fivesecondtest.com apresenta uma proposta bem interessante e útil para webdesigners. Trata-se do teste dos cinco segundos. Como funciona? É simples. Se você é um desenvolvedor, faça o upload da imagem da home do seu site (acredito que é válido para trabalhos gráficos também, embora não tenha visto nenhum por lá) e escolha uma [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://fivesecondtest.com/" target="_blank"><img class=" aligncenter" title="O teste dos cinco segundos" src="http://www.designerd.com.br/imagens/11.jpg" alt="O teste dos cinco segundos" width="510" height="145" /></a></p>
<p>O site <a title="fivesecondtest.com" href="http://fivesecondtest.com/" target="_blank">fivesecondtest.com</a> apresenta uma proposta bem interessante e útil para webdesigners.<br />
Trata-se do teste dos cinco segundos.<span id="more-102"></span></p>
<p><strong>Como funciona?</strong><br />
É simples. Se você é um desenvolvedor, faça o upload da imagem da home do seu site (acredito que é válido para trabalhos gráficos também, embora não tenha visto nenhum por lá) e escolha uma das opções: Classic ou Click Test.<br />
Na primeira opção, sua imagem será mostrada por cinco segundos para algum visitante, que após o tempo escreverá as coisas que mais lhe chamaram a atenção.<br />
Na segunda opção, o visitante terá cinco segundos para escolher um ponto da imagem para clicar e depois escreverá o porquê de sua escolha.</p>
<p>Fácil né?</p>
<p><a title="fivesecondtest.com" href="http://fivesecondtest.com/" target="_blank">Acesse o site</a> e faça o teste com trabalhos de outras pessoas. É divertido!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerd.com.br/o-teste-dos-cinco-segundos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

