<?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>kadunew.com/blog &#187; Web Design</title>
	<atom:link href="http://www.kadunew.com/blog/category/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.kadunew.com/blog</link>
	<description>Dicas e artigos sobre Web Design e Web Standards</description>
	<lastBuildDate>Fri, 30 Jul 2010 05:12:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Dicas para construção de Layouts de Web sites</title>
		<link>http://www.kadunew.com/blog/web-design/dicas-para-construcao-de-layouts-de-web-sites</link>
		<comments>http://www.kadunew.com/blog/web-design/dicas-para-construcao-de-layouts-de-web-sites#comments</comments>
		<pubDate>Mon, 29 Mar 2010 23:14:00 +0000</pubDate>
		<dc:creator>Carlos Eduardo - Kadu</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.kadunew.com/blog/?p=808</guid>
		<description><![CDATA[Trago para vocês um excelente material que com toda a certeza do mundo vai ajudar a todos os Designers.
Esse slideshow dá algumas dicas que vai ajudar todos vocês na hora de montar um layout, dicas como organização de arquivos, estrutura de conteúdo, como usar melhor o CSS e o Java Script nos seus projetos e [...]]]></description>
			<content:encoded><![CDATA[<p>Trago para vocês um excelente material que com toda a certeza do mundo vai ajudar a todos os Designers.<br />
Esse slideshow dá algumas dicas que vai ajudar todos vocês na hora de montar um layout, dicas como organização de arquivos, estrutura de conteúdo, <a href="http://www.kadunew.com/blog/css/abreviando-propriedades-css">como usar melhor o CSS</a> e o Java Script nos seus projetos e muito mais.<br />
Além disso, o slide mostra alguns truques e dicas utilizando a <a href="http://www.kadunew.com/blog/category/css">linguagem de estilização CSS</a>. Algumas dessas dicas até já vimos aqui no Blog&#8230;<br />
Abaixo o slideshow. Ótima leitura:<br />
<span id="more-808"></span></p>
<div style="width:425px" id="__ss_3495075"><object width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=workshop-planejamento-corte-100321121853-phpapp02&#038;stripped_title=oficina-de-planejamento-corte-seu-layout-virando-cdigo-15-edted" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=workshop-planejamento-corte-100321121853-phpapp02&#038;stripped_title=oficina-de-planejamento-corte-seu-layout-virando-cdigo-15-edted" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
<p></p>
<h3>Isso vai interessar você também</h3>
<ul class="related_post">
<li>Nenhum post relacionado</li>
</ul>
<img src="http://www.kadunew.com/blog/?ak_action=api_record_view&id=808&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.kadunew.com/blog/web-design/dicas-para-construcao-de-layouts-de-web-sites/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testar a harmonia das cores de um Website</title>
		<link>http://www.kadunew.com/blog/web-design/testar-a-harmonia-de-cores-de-um-website</link>
		<comments>http://www.kadunew.com/blog/web-design/testar-a-harmonia-de-cores-de-um-website#comments</comments>
		<pubDate>Thu, 31 Dec 2009 17:40:30 +0000</pubDate>
		<dc:creator>Carlos Eduardo - Kadu</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.kadunew.com/blog/?p=714</guid>
		<description><![CDATA[O site checkmycolours disponibiliza uma ferramenta que verifica a
combinação de cores de um site. A ferramenta testa se a cor de fundo e a cor do texto possuem uma boa harmonia, se o contraste é suficiente para que uma pessoa mesmo com um tipo de deficiência visual consiga ler o conteúdo da página.

Logo depois de [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_715" class="wp-caption aligncenter" style="width: 474px"><img src="http://www.kadunew.com/blog/wp-content/uploads/2009/12/logo-checkmycolours.jpg" alt="testar harmonia das cores de um Website" title="checkmycolours" width="464" height="170" class="size-full wp-image-715" /><p class="wp-caption-text">Testar harmonia das cores de um Website</p></div>
<p>O site <strong>checkmycolours</strong> disponibiliza uma ferramenta que verifica a<br />
combinação de cores de um site. A ferramenta testa se a cor de fundo e a cor do texto possuem uma boa harmonia, se o contraste é suficiente para que uma pessoa mesmo com um tipo de deficiência visual consiga ler o conteúdo da página.<br />
<span id="more-714"></span></p>
<p>Logo depois de inserir o endereço da URL do site e clicar no botão <strong>Check</strong>, é apresentada uma tabela com todas as combinações de cores do site.</p>
<p>Caso o contraste não esteja apropriado é possível ajustar o erro.</p>
<p><a href="http://www.checkmycolours.com/" rel="nofollow">faça o teste</a>.<br />
<h3>Isso vai interessar você também</h3>
<ul class="related_post">
<li>Nenhum post relacionado</li>
</ul>
<img src="http://www.kadunew.com/blog/?ak_action=api_record_view&id=714&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.kadunew.com/blog/web-design/testar-a-harmonia-de-cores-de-um-website/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dicas para construção de seu site</title>
		<link>http://www.kadunew.com/blog/web-design/dicas-para-construcao-de-seu-site</link>
		<comments>http://www.kadunew.com/blog/web-design/dicas-para-construcao-de-seu-site#comments</comments>
		<pubDate>Tue, 14 Jul 2009 15:33:38 +0000</pubDate>
		<dc:creator>Carlos Eduardo - Kadu</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[dicas]]></category>

		<guid isPermaLink="false">http://www.kadunew.com/blog/?p=374</guid>
		<description><![CDATA[Esse artigo é bem antigo. Escrevi ele em um antigo site que tinha. Acho que para muitos iniciantes valem as dicas.
Iniciando o trabalho
Não pense em sair abrindo Dreamweaver, Fireworks, Flash&#8230; E iniciar seu projeto construindo a página inicial, links e tudo mais. Antes você deve desenhar o site. Para isso use como auxílio um programa [...]]]></description>
			<content:encoded><![CDATA[<p><em>Esse artigo é bem antigo. Escrevi ele em um antigo site que tinha. Acho que para muitos iniciantes valem as dicas.</em></p>
<h3>Iniciando o trabalho</h3>
<p>Não pense em sair abrindo Dreamweaver, Fireworks, Flash&#8230; E iniciar seu projeto construindo a página inicial, links e tudo mais. Antes você deve desenhar o site. Para isso use como auxílio um programa gráfico como corel, ilustraitor, ou em uma folha de papel mesmo.<br />
Em primeiro lugar você deve ter em mente:<br />
Como vai distribuir as informações na tela. Exemplo. O menu de opções vai ficar no topo, ao lado, quantos links vai precisar, onde posicionar o logotipo da empresa, coisas do gênero&#8230;<br />
<span id="more-374"></span></p>
<ol>
<h3>
<li>Velocidade</h3>
</li>
<p>O site deve ser leve, abrir a página inicial, ou boa parte dela, no menor tempo possível.<br />
Evite imagens pesadas. Muitas vezes uma imagem com resolução de 52 dpi não deixa muito a desejar se comparada a uma de 72dpi.<br />
No caso de animações em flash, devemos por um preloader (carregador) informando a porcentagem de conclusão do carregamento. No caso do site ser completamente em Flash, trabalhe com SWF externos, assim o usuário só aguarda o que realmente for ver&#8230;</p>
<h3>
<li>Manter um padrão</h3>
</li>
<p>Mantenha sempre um padrão no site. Se a página inicial tem o menu posicionado à esquerda, nas outras páginas deverá ser também. Não troque o menu de lugar, não faça cada página de uma maneira diferente. Mantenha um padrão em todas suas páginas. Exemplo. O logo da empresa sempre fica localizado no canto superior esquerdo, o menu sempre fica a esquerda e por aí vai&#8230;<br />
Mantenha uma Navegação Simples e objetiva. Faça com que a navegação de seu site seja fácil e intuitiva. Sem que o usuário fique procurando e procurando uma informação.</p>
<h3>
<li>A importância das cores</h3>
</li>
<p>Tome muito cuidado com as cores. Exemplo. Já tentaram ler um texto em azul sobre um fundo preto? Horrível. Muito cansativo! Este tipo de cuidado deve-se ter. Outra dica: quando colocamos imagens como background, achamos desnecessário uma cor no fundo da página. Já pensaram se essa imagem não abrir, e o texto dessa página tiver da cor branca, amarela, cinza claro ou qualquer outra cor clara? Levando em consideração que a cor default do fundo da página é branco. Desgraça total&#8230;</p>
<h3>
<li>Cuidado com textos extensos</h3>
</li>
<p>Não crie página de texto com parágrafos muito extensos. Dê um espaçamento entre um parágrafo e outro. Se caso o texto for muito grande, quebre-o em várias páginas.<br />
Use fonte de fácil leitura. Exemplo: Arial, Times New Roman e Verdana, Courier. </p>
<h3>
<li>Links quebrados</h3>
</li>
<p>Cuidado com links quebrados. Nada mais desagradável que clicar num link que não vai a lugar nenhum.</p>
<h3>
<li>Página que não pode faltar</h3>
</li>
<p>Obrigatoriamente a site dever ter um link, que leve o visitante até a página de contato. Faça um formulário com campos do tipo: nome, e-mail mensagem, isso é o mínio que uma página de contato deve ter. Ponha de preferência em todas as páginas um link para seu e-mail. </p>
<h3>
<li>Conteúdo e atualização</h3>
</li>
<p>Outro ponto importante é o conteúdo e a atualização. Como quer manter o visitante no seu site se não tem conteúdo para “segurar” o visitante. Então, ponha muito conteúdo no site.<br />
Mas não basta ter conteúdo se a cada visita o usuário lê as mesmas coisas, as mesmas notícias. Atualize seu site no mínimo semanalmente.</p>
<ol>
<h3>Isso vai interessar você também</h3>
<ul class="related_post">
<li><a href="http://www.kadunew.com/blog/browsers/ie6-fora-da-internet-brasileira" title="IE6 fora da internet brasileira">IE6 fora da internet brasileira</a></li>
</ul>
<img src="http://www.kadunew.com/blog/?ak_action=api_record_view&id=374&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.kadunew.com/blog/web-design/dicas-para-construcao-de-seu-site/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
