<?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>GeoWeb &#187; padrão</title>
	<atom:link href="http://www.geoweb.blog.br/tag/padrao/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.geoweb.blog.br</link>
	<description>Design e Tecnologia</description>
	<lastBuildDate>Tue, 07 Feb 2012 16:42:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Padrões de Design, tipografia e layout para sites</title>
		<link>http://www.geoweb.blog.br/design/padroes-de-design-tipografia-e-layout-para-sites/</link>
		<comments>http://www.geoweb.blog.br/design/padroes-de-design-tipografia-e-layout-para-sites/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 15:14:13 +0000</pubDate>
		<dc:creator>George Campos</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[arial]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[georgia]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[padrão]]></category>
		<category><![CDATA[serifa]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://www.geoweb.blog.br/?p=457</guid>
		<description><![CDATA[A Smashing Magazine fez um ótimo estudo de padrões de design, tipografia e layout para sites, recomendo a leitura completa. Abaixo segue uma cola que fiz com aquilo que achei mais importante do  que eles pesquisaram. 1. Serifa vs  Sans-serif (sem &#8230; <a href="http://www.geoweb.blog.br/design/padroes-de-design-tipografia-e-layout-para-sites/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div style="padding-top:5px;padding-right:0px;padding-bottom:5px;padding-left:0px;;">
											<iframe
												style="height:25px !important; border:0px solid gray !important; overflow:hidden !important; width:550px !important;" frameborder="0" scrolling="no" allowTransparency="true"
												src="http://www.linksalpha.com/social?blog=GeoWeb&link=http%3A%2F%2Fwww.geoweb.blog.br%2Fdesign%2Fpadroes-de-design-tipografia-e-layout-para-sites%2F&title=Padr%C3%B5es+de+Design%2C+tipografia+e+layout+para+sites&desc=A+Smashing+Magazine+fez+um+%C3%B3timo+estudo+de+padr%C3%B5es+de+design%2C+tipografia+e+layout+para+sites%2C+recomendo+a+leitura+completa.%C2%A0Abaixo+segue+uma+cola+que+fiz+com+aquilo+que+achei+mais+importante+do%C2%A0+q&fc=333333&fs=arial&fblname=like&fblref=facebook&fbllang=pt_BR&fblshow=1&fbsbutton=1&fbsctr=1&fbslang=en&fbsendbutton=0&twbutton=1&twlang=en&twmention=georgecampos&twrelated1=&twrelated2=&twctr=1&lnkdshow=noshow&lnkdctr=1&buzzbutton=1&buzzlang=pt_BR&buzzctr=1&diggbutton=1&diggctr=1&stblbutton=1&stblctr=1&g1button=1&g1ctr=1&g1lang=pt-BR">
											</iframe>
										</div><p>A Smashing Magazine fez um ótimo <a href="http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/" target="_blank">estudo de padrões de design, tipografia e layout</a> para sites, recomendo a leitura completa. Abaixo segue uma cola que fiz com aquilo que achei mais importante do  que eles pesquisaram.</p>
<p><a href="http://fffff.at/fuckflickr/data/4SALE/web/biggie_typo.jpg" rel="lightbox[457]"><img class="alignnone" title="typos" src="http://fffff.at/fuckflickr/data/4SALE/web/biggie_typo.jpg" alt="" width="420" height="351" /></a></p>
<h3>1. Serifa vs  Sans-serif (sem serifa)</h3>
<p>40% usam serifa<br />
60% não usam fontes serifadas</p>
<h3>2. Fonte mais  popular serifada pra título e corpo do texto</h3>
<p>Georgia</p>
<h3>3. Fonte mais  popular não serifada pra título e corpo do texto</h3>
<p>Arial, seguida por Verdana e Helvetica</p>
<h3>4. Fonte mais utilizada</h3>
<p>Georgia, Arial e Verdana</p>
<h3>5. Tamanho da fonte pra título</h3>
<p>De 18px a 20px e 24px a 26px, empatados.</p>
<h3>6. Tamanho da fonte pro corpo do texto</h3>
<p>13px disparado e 14px em segundo.</p>
<h3>7. Caracteres por linha</h3>
<p>82 a 84, seguido por 88 a 90.</p>
<h3>Outras dicas</h3>
<p>46% dos sites usam underline nos links<br />
96% dos sites não usam texto justificado<br />
A escala tradicional de fontes é 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72</p>
<h3>Padrões de escala em pixel</h3>
<p>Tamanho da fonte do título ÷ tamanho da fonte do corpo = 1.96<br />
Altura da linha ÷ tamanho da fonte do corpo = 1.48<br />
Tamanho da linha (pixels) ÷ Altura da linha (pixels) = 27.8<br />
Espaço entre parágrafos (pixels) ÷ Altura da linha (pixels) = 0.754</p>
<div style="padding-top:5px;padding-right:0px;padding-bottom:5px;padding-left:0px;;">
											<iframe
												style="height:25px !important; border:0px solid gray !important; overflow:hidden !important; width:550px !important;" frameborder="0" scrolling="no" allowTransparency="true"
												src="http://www.linksalpha.com/social?blog=GeoWeb&link=http%3A%2F%2Fwww.geoweb.blog.br%2Fdesign%2Fpadroes-de-design-tipografia-e-layout-para-sites%2F&title=Padr%C3%B5es+de+Design%2C+tipografia+e+layout+para+sites&desc=A+Smashing+Magazine+fez+um+%C3%B3timo+estudo+de+padr%C3%B5es+de+design%2C+tipografia+e+layout+para+sites%2C+recomendo+a+leitura+completa.%C2%A0Abaixo+segue+uma+cola+que+fiz+com+aquilo+que+achei+mais+importante+do%C2%A0+q&fc=333333&fs=arial&fblname=like&fblref=facebook&fbllang=pt_BR&fblshow=1&fbsbutton=1&fbsctr=1&fbslang=en&fbsendbutton=0&twbutton=1&twlang=en&twmention=georgecampos&twrelated1=&twrelated2=&twctr=1&lnkdshow=noshow&lnkdctr=1&buzzbutton=1&buzzlang=pt_BR&buzzctr=1&diggbutton=1&diggctr=1&stblbutton=1&stblctr=1&g1button=1&g1ctr=1&g1lang=pt-BR">
											</iframe>
										</div>]]></content:encoded>
			<wfw:commentRss>http://www.geoweb.blog.br/design/padroes-de-design-tipografia-e-layout-para-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

