<?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>Design.Blog.br &#187; Design Gráfico</title>
	<atom:link href="http://design.blog.br/tag/design-grafico/feed" rel="self" type="application/rss+xml" />
	<link>http://design.blog.br</link>
	<description>Blog de design gráfico, web design, design de produto e universo freelancer</description>
	<lastBuildDate>Wed, 01 Sep 2010 16:00:02 +0000</lastBuildDate>
	<language>pt</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>O que você faria se não fosse designer?</title>
		<link>http://design.blog.br/geral/o-que-voce-faria-se-nao-fosse-designer</link>
		<comments>http://design.blog.br/geral/o-que-voce-faria-se-nao-fosse-designer#comments</comments>
		<pubDate>Thu, 05 Aug 2010 16:24:03 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[curiosidade]]></category>
		<category><![CDATA[Design de Produto]]></category>
		<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2825</guid>
		<description><![CDATA[Vi essa pergunta alguns dias atrás em algum site e achei que seria interessante perguntar por aqui. Se você, designer, não tivesse escolhido esta profissão, qual teria sido? Muita gente não se vê fazendo mais nada além de diagramar, colorir e criar. Claro, isto é agora que já está exercendo a profissão. Mas desde pequenos [...]]]></description>
			<content:encoded><![CDATA[<p>Vi essa pergunta alguns dias atrás em algum site e achei que seria interessante perguntar por aqui. Se você, designer, não tivesse escolhido esta profissão, qual teria sido?</p>
<p><span id="more-2825"></span></p>
<p><a href="http://www.flickr.com/photos/20745656@N00/2985112002/"><img src="http://design.blog.br/wp-content/uploads/2010/08/somethign.jpg" alt="Design" title="Design" width="540" height="100" class="alignnone size-full wp-image-2826" /></a></p>
<p>Muita gente não se vê fazendo mais nada além de diagramar, colorir e criar. Claro, isto é agora que já está exercendo a profissão. Mas desde pequenos vocês disseram &#8220;Não quero ser jogador de futebol nem bombeiro&#8230;quero ser <strong>design</strong>&#8220;? (Só mais tarde você iria aprender a diferença entre design e designer).</p>
<p>Afim de dar início a discussão, vou falar brevemente do que achei que seria minha vida antes de ter encontrado a luz e a ausência de cor:</p>
<p>Desde mais jovem era apaixonado por música (ainda sou), e após criar umas músicas eletrônicas em alguns softwares achei que seria minha vocação. Mais tarde comprei um baixo (sempre me apaixou o som deste instrumento) e entrei para uma banda de rock / new-metal (meu gênero predileto).</p>
<p>Tentei entrar para a <strong>faculdade de produção sonora</strong>, mas não sabia bulhufas de música (notas, como ler partitura, etc). Como tirava muita coisa de ouvido, nunca aprendi &#8211; mas achei que o lugar para isto era na faculdade. Na prova específica de vestibular era preciso quase que ser formado em música para cursar a disciplina. Desencantei.</p>
<p>Ano seguinte tentei o curso que qualquer indeciso teria escolhido &#8211; administração. Não passei. Decidi tirar algum tempo para pensar, trabalhar e ver como é a vida no mundo real. Até cogitei ir para a Europa e fazer um curso de navegador da aeronáutica (aqueles caras que ficam nas torres e cuidam do tráfego aéreo &#8211; não sei o nome). Foi aí que descobri essa coisa chamada de design gráfico.</p>
<p>Claro, já sabia da profissão antes mas nunca tinha dado muita atenção. Sempre adorei criar sites e crio (mesmo que de forma amadora) desde 1998, época em que acessava a web usando o <strong>Internet Explorer 3</strong> e uma conexão discada de 36kbps. Mas nunca achei que teria a paciência de ser exclusivamente programador (embora me dasse bem com toda a parte de lógica e tinha facilidade para aprender novas linguagens).</p>
<p>Desde 2005, não me vejo fazendo mais nada além disto. Mas se por algum motivo tivesse sido proibído de exercer o design, teria provavelmente escolhido <strong>produção sonora, produção de vídeos</strong> (algo que estou tentando aprender agora) ou teria partido pra vida de &#8220;<em>trafeguista</em> aéreo&#8221; (sic).</p>
<p>Então, esse seria eu se não tivesse encontrado o design ou se não pudesse ser designer. <strong>E você? O que teria feito se não tivesse escolhido design? Comente abaixo!</strong></p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/podcast/design-blog-podcast-episodio-02" title="Design Blog Podcast &#8211; Episódio 02">Design Blog Podcast &#8211; Episódio 02</a></li><li><a href="http://design.blog.br/geral/5-dicas-de-design-que-se-aprende-com-a-apple" title="5 dicas de design que se aprende com a Apple">5 dicas de design que se aprende com a Apple</a></li><li><a href="http://design.blog.br/geral/plakker-album-pegue-aqui-sua-figurinha-exclusiva" title="Plakker Album &#8211; Pegue aqui sua figurinha exclusiva!">Plakker Album &#8211; Pegue aqui sua figurinha exclusiva!</a></li><li><a href="http://design.blog.br/design-grafico/novo-forum-de-design" title="Novo Forum de Design">Novo Forum de Design</a></li><li><a href="http://design.blog.br/web-design/nova-galeria-css-100-brasileira" title="Nova galeria CSS 100% brasileira">Nova galeria CSS 100% brasileira</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/geral/o-que-voce-faria-se-nao-fosse-designer/feed</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>Como diagramar uma revista – parte 5</title>
		<link>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5</link>
		<comments>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5#comments</comments>
		<pubDate>Tue, 27 Jul 2010 14:58:51 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[diagramação]]></category>
		<category><![CDATA[diagramar revista]]></category>
		<category><![CDATA[dicas]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2746</guid>
		<description><![CDATA[Pronto para finalizar sua revista? Veja aqui as dicas finais! Este artigo é a parte 5 da série &#8220;Como diagramar uma revista&#8221; Confira as partes anteriores: Parte 1 Parte 2 Parte 3 Parte 4 Até agora, você deve ter os seguintes itens: Nome, descrição, público-alvo, concorrentes, etc da sua revista Manual de identidade visual do [...]]]></description>
			<content:encoded><![CDATA[<p>Pronto para finalizar sua revista? Veja aqui as dicas finais!</p>
<p><span id="more-2746"></span></p>
<p><img alt="" src="http://design.blog.br/wp-content/uploads/2010/07/como-diagramar-uma-revista.jpg" title="Como diagramar uma revista" class="alignnone" width="540" height="100" /></p>
<div style="border:1px solid #666; text-align:center; padding:10px">
<strong>Este artigo é a parte 5 da série &#8220;Como diagramar uma revista&#8221;</strong><br />
Confira as partes anteriores:<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1">Parte 1</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2">Parte 2</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3">Parte 3</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4">Parte 4</a>
</div>
<p>Até agora, você deve ter os seguintes itens:</p>
<ul>
<li>Nome, descrição, público-alvo, concorrentes, etc da sua revista</li>
<li>Manual de identidade visual do logo</li>
<li>Nome das seções</li>
<li>Fontes e cores definidos</li>
<li>Templates dos layouts escolhidos</li>
<li>Projeto editorial</li>
</ul>
<p>Agora, basta juntar seu conteúdo.</p>
<h2>Conteúdo</h2>
<p>O objetivo destes artigos não é o de mostrar o passo-a-passo de como se cria uma revista, apenas como se diagrama ela. O conteúdo é geralmente moldado ao layout em vez de ao contrário.</p>
<p>Com o conteúdo (texto e imagens) em mãos, escolha o layout mais adequado entre os templates da revista. Formate o conteúdo de acordo, sempre respeitando todo o manual do projeto editorial. Lembre-se de seguir as várias dicas dadas nestes 5 artigos.</p>
<p>Afim de ver se o conteúdo está em bom tamanho e legível, faça o teste da pré-impressão imprimindo cada artigo em uma folha. No exemplo da revista que criei, cada folha terá um tamanho aproximadamente de uma página A4.</p>
<div id="attachment_2748" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/exemplo.jpg" alt="Como diagramar uma revista" title="Como diagramar uma revista" width="540" height="300" class="size-full wp-image-2748" /><p class="wp-caption-text">Exemplo de pré-impressão para verificar os tamanhos de fontes e contraste de cores</p></div>
<h2>O boneco</h2>
<p>O boneco nada mais é do que a revista pronta em tamanho menor, para analisar a disposição das páginas e conteúdo. Pessoalmente, recomendo imprimir em uma folha A4, frente e verso, e dobrá-lo &#8211; neste caso, cada folha teria quatro páginas: duas de um lado e duas do outro. Como você irá encaixar eles, notará que é preciso ver qual folha terá qual página.</p>
<p>Por exemplo: sua revista terá 40 páginas. Na primeira folha, você terá (na ordem) o seguinte: <strong>contra-capa</strong> (folha final da revista &#8211; geralmente com propaganda), <strong>capa</strong> (primeira folha da revista) e no verso, <strong>pós-capa</strong> (segunda folha da revista, geralmente com mais propaganda) e <strong>penúltima</strong> (folha antes da contra-capa).</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/boneco-esquema.jpg" alt="Boneco - esquema" title="Boneco - esquema" width="540" height="436" class="aligncenter size-full wp-image-2749" /></p>
<p>Minha sugestão é: faça uma cola. Pegue um papel, corte em vários pedaços e vá dobrando um dentro do outro. Depois de atingir o número de páginas que você quer ter na sua revista, vá escrevendo o número das páginas na folha. Agora, desdobre tudo e veja como ficou. Notará que ficou similar ao esquema acima.</p>
<div id="attachment_2750" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/boneco02.jpg" alt="Boneco" title="Boneco" width="540" height="300" class="size-full wp-image-2750" /><p class="wp-caption-text">No meu boneco, imprimi os layouts ainda sem conteúdo pra ver se a diagramação ficou boa</p></div>
<h2>Observações finais</h2>
<p>Antes de mandar sua revista para a gráfica, algumas observações finais:</p>
<p><strong>Cuidado com linhas viúvas</strong>. Linhas viúvas são aqueles parágrafos cuja última palavra (ou duas últimas) ficam em uma linha sozinha, mais ou menos<br />
assim.</p>
<p><strong>Evite imagens como fundo de texto</strong>. É uma questão de legibilidade. Se a imagem estiver muito colorida, por exemplo, o seu texto com uma cor só pode ficar difícil de ler.</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/figura-fundo.jpg" alt="Figura - fundo" title="Figura - fundo" width="540" height="360" class="aligncenter size-full wp-image-2751" /></p>
<p><strong>Procure começar um artigo sempre na página da esquerda</strong>. Aqui no ocidente, lemos da esquerda para a direita. Logo, artigos que começam pela esquerda tem maior chance de serem lidos.</p>
<p><strong>Anúncios, preferivelmente do lado direito</strong>. Por quê? Pois há uma maior exposição do lado direito. Pegue qualquer revista e folheie-a rapidamente. Notou como você viu quase só anúncio? &#8220;Mas por que não colocar meu conteúdo do lado direito, para chamar a atenção do leitor?&#8221; &#8211; por um motivo simples: quem paga a revista, são os anunciantes. E anúncios neste lado são mais caros.</p>
<p><strong>Quem paga a revista, são os anunciantes</strong>. Note o caso da &#8220;Veja&#8221;: parece que 40% da revista é dedicada a publicidade. Mesmo com uma tiragem e venda super alta, o preço cobrado pela revista ao leitor não arca com todos os custos. Os valores de publicidade chegam a R$ 50.000 por uma folha inteira. São os anúncios que fazem com que a revista possa continuar existindo. Então quando estiver diagramando, deixe espaços bons para seus anunciantes.</p>
<p><strong>Cuidado com a resolução</strong>. Qual será a resolução de impressão? A qualidade da sua revista será o equivalente a de um jornal? Ou algo mais dentro dos padrões atuais? Lembre-se de usar as imagens de acordo com isto. Por isso a importância de fazer uma pré-impressão em um tamanho aproximado. Use uma imagem de resolução muito baixa, e a impressão fica estourada. Uma de resolução muito alta, o resultado é um arquivo desnecessariamente pesado.</p>
<h2>Finalizando</h2>
<p>Agora, basta preparar o arquivo para a impressão. Esta é uma parte técnica que não vou explicar &#8211; se você não sabe como fechar um arquivo, sugiro que peça ajuda a quem sabe fazer isto bem.</p>
<p>No caso da minha revista, eu decidi imprimir em uma gráfica normal. Foi feito em tamanho super A3, frente e verso, refilado e dobrado. O resultado final foi este:</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/revista-pronta.jpg" alt="Como diagramar uma revista" title="Como diagramar uma revista" width="540" height="405" class="aligncenter size-full wp-image-2752" /></p>
<h2>Dúvidas?</h2>
<p>Irei responder dúvidas na medida do possível. Revistas não são minha área de atuação, mas tenho um domínio considerável do assunto. <strong>Basta deixar um comentário abaixo</strong>.</p>
<p>Espero que tenham gostado! ;D</p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4" title="Como diagramar uma revista &#8211; parte 4">Como diagramar uma revista &#8211; parte 4</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3" title="Como diagramar uma revista? – parte 3">Como diagramar uma revista? – parte 3</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2" title="Como diagramar uma revista? – parte 2">Como diagramar uma revista? – parte 2</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1" title="Como diagramar uma revista? &#8211; parte 1">Como diagramar uma revista? &#8211; parte 1</a></li><li><a href="http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico" title="Design de cartões de visita: o básico">Design de cartões de visita: o básico</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Como diagramar uma revista &#8211; parte 4</title>
		<link>http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4</link>
		<comments>http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4#comments</comments>
		<pubDate>Wed, 21 Jul 2010 16:41:18 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[diagramação]]></category>
		<category><![CDATA[diagramar revista]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[revista]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2727</guid>
		<description><![CDATA[Chegou a hora de começar a trabalhar de verdade! Está na hora de escolher as fontes, tamanhos, cores e tudo mais. Prepare-se para suar! Este artigo é a parte 4 da série &#8220;Como diagramar uma revista&#8221; Confira as partes anteriores: Parte 1 Parte 2 Parte 3 Parte 4 Parte 5 Escolha das fontes Parece ser [...]]]></description>
			<content:encoded><![CDATA[<p>Chegou a hora de começar a trabalhar de verdade! Está na hora de escolher as fontes, tamanhos, cores e tudo mais. Prepare-se para suar!<br />
<span id="more-2727"></span></p>
<p><img alt="" src="http://design.blog.br/wp-content/uploads/2010/07/como-diagramar-uma-revista.jpg" title="Como diagramar uma revista" class="alignnone" width="540" height="100" /></p>
<div style="border:1px solid #666; text-align:center; padding:10px">
<strong>Este artigo é a parte 4 da série &#8220;Como diagramar uma revista&#8221;</strong><br />
Confira as partes anteriores:<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1">Parte 1</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2">Parte 2</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3">Parte 3</a><br />
Parte 4<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5">Parte 5</a>
</div>
<h2>Escolha das fontes</h2>
<p>Parece ser uma escolha fácil de ser feita, mas é longe disto. Quando criei minha primeira revista para um projeto de faculdade (que deu inspiração a este blog), a escolha da fonte foi a mais difícil. Não é tão simples quanto dizer &#8220;vamos usar Arial e pronto&#8221;, pois há um problema enorme em relação a direitos autorais.</p>
<p>A maioria das fontes que você usa no seu computador são de uso gratuito para fins pessoais. Tente vender uma revista usando elas e logo logo você será descoberto pelo dono. <strong>Mas então como se escolhe uma fonte?</strong></p>
<p>Antes de pensar na parte econômica, é necessário buscar uma fonte que sirva ao propósito. Neste caso, seria o da facilidade de leitura em impresso. A maioria das revistas preferem fontes sem serifa, pois em impressões de baixa qualidade ela ainda fica legível. Além disto, é necessário se preocupar com o <em>kerning</em> &#8211; o espaçamento entre uma letra e outra (se você não sabia disto, sugiro ler meu artigo sobre &#8220;<a href="http://design.blog.br/design-grafico/o-que-e-tipografia">O que é tipografia?</a>&#8221; antes de continuar).</p>
<p>Em um tamanho normal de 12 pontos da fonte que você escolheu, um texto de 500 caracteres ocupa quanto espaço? É importante notar este tipo de detalhe, pois um espaçamento mesmo que 5% maior do que uma fonte de segunda escolha pode fazer com que sua revista fique maior que o esperado.</p>
<div id="attachment_2728" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/fonte-teste.jpg" alt="teste de fontes" title="teste de fontes" width="540" height="188" class="size-full wp-image-2728" /><p class="wp-caption-text">Note a diferença visível entre duas fontes similares</p></div>
<p>Note como a Geneva (que possui o mesmo tamanho da Arial) é mais espaçada entre as letras, fazendo com que ocupe meia-linha a mais com o mesmo número de caracteres &#8211; uns 10% do parágrafo total. Pode não parecer muito, mas <strong>a diferença entre uma revista de 100 páginas e 110 páginas é grande &#8211; o suficiente para deixar de colocar 10 páginas de publicidade</strong>.</p>
<p>Para ajudar a decidir melhor qual fonte usar, imprima o mesmo texto em fontes diferentes. Sim, é necessário imprimir! Fonte em tela fica diferente de fonte impressa. Preferencialmente, imprima um texto normal (e não o &#8220;nononono&#8221; que publicitários usam).</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/fonte.jpg" alt="Como escolher uma fonte" title="Como escolher uma fonte" width="540" height="200" class="aligncenter size-full wp-image-2729" /></p>
<p>Após escolher sua fonte, agora é correr atrás para licenciar o uso dela. Entrar em contato com o autor, negociar um preço, fechar contrato, etc. Boa sorte ;)</p>
<h2>Escolhendo as cores</h2>
<p>A maioria das revistas tem algumas cores básicas que são repetidas páginas afora. A Super Interessante usa bastante o vermelho, a Info Exame, laranja, etc. Estas cores você pode usar no nome das seções (que você já já vai definir), em pequenos detalhes e tudo mais que você achar melhor.</p>
<p>O uso destas cores deverá ser sempre respeitado, assim como as cores de uma identidade visual são sempre (ou pelo menos sempre deveriam) serem respeitadas.</p>
<h2>Definindo as seções</h2>
<p>Você notou que, mesmo as revistas focadas a um assunto específico (ao contrário da Veja, por exemplo, que trata de vários assuntos), existem seções. A minha revista predileta, a <a href="http://abcdesign.com.br/">abcDesign</a>, possui algumas seções pré-definidas e outras mais livres. Por exemplo, existe Design &#038; Cultura, Design e Sustentabilidade, Design e Educação, Fatos Gravados, Cases, Entrevista, etc. A maioria delas também possui autores fixos &#8211; Fatos Gravados é sempre escrito pelo Ericson Straub.</p>
<p><strong>Quais seções que sua revista terá? Os autores são fixos para estes? Haverá seções que serão fixas, inclusas em todas as edições e algumas especiais que serão esporádicos? E qual a ordem delas? A ordem precisa ser sempre a mesma em todas as edições.</strong></p>
<p>Anote todas estas informações, inclusive fazendo um breve resumo do tipo de artigo de cada seção.</p>
<h2>Desenvolvimento de templates</h2>
<p>Como já explicado, os templates são layouts pré-definidos. Algumas revistas possuem centenas de templates que ditam como o conteúdo vai ficar, como que as imagens são dispostas e até mostram onde a publicidade deve permanecer.</p>
<p>A quantia de templates que sua revista terá depende do conteúdo dela. <strong>Quantas páginas você pretende ter por edição? Cada seção terá seu próprio layout fixo, ou o mesmo pode variar de edição para edição?</strong></p>
<p>O ideal neste ponto é você esboçar vários layouts. Não tenha medo de ser feliz neste ponto. Esboce pelo menos 2 vezes mais layouts do que você pretende usar, e só depois selecione os que você acha que seguem um certo ritmo. <strong>Esses layouts você usará como template para seus textos</strong>.</p>
<p><em>&#8220;Canha, você não vai me ensinar a esboçar um layout?&#8221;</em> Vixi. Outra coisa que um designer já deve saber antes de começar a pensar em diagramar uma revista. Vou ensinar os pontos básicos apenas &#8211; o restante, como utilização dos <a href="http://design.blog.br/geral/quatro-principios-basicos-do-design">princípios básicos do design</a>, fica por sua conta.</p>
<h2>Como fazer um layout</h2>
<p>Layout nada mais é que a disposição de informações sobre uma página. É o layout que vai determinar como e o que o leitor irá ler. Na maioria das vezes, <strong>o layout é composto de título, sub-título, chamado, artigo e talvez uma imagem</strong>. E existem infinitas maneiras de se fazer isto.</p>
<p>(Apenas um adendo aqui: O uso de imagens é altamente recomendável. Imagens chamam e prendem a atenção do leitor de uma maneira mais efetiva do que um chamado ou um título)</p>
<div id="attachment_2736" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/layouts.jpg" alt="Layouts" title="Layouts" width="540" height="600" class="size-full wp-image-2736" /><p class="wp-caption-text">Quatro exemplos de um layout de duas colunas - poderia ter centenas</p></div>
<p>Como falei, existem infinitas maneiras de se diagramar estes poucos ítens. Solte a criatividade. Você pode, por exemplo, fazer com que uma página inteira se dedique ao título e chamada do artigo, tendo uma imagem de fundo. No entanto, cuidado com o uso excessivo de imagens de fundo. Uma imagem muito colorida facilmente distrai e dificulta a leitura em textos corridos.</p>
<p>Você pode encontrar vários exemplos de layouts de revistas no <a href="http://www.google.com.br/images?hl=pt-BR&#038;q=layout+de+revista&#038;um=1">Google Images</a>.</p>
<div id="attachment_2737" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/layouts-mais.jpg" alt="" title="layouts-mais" width="540" height="200" class="size-full wp-image-2737" /><p class="wp-caption-text">Apenas alguns dos layouts que rascunhei</p></div>
<p><strong>E lembre-se sempre de aplicar os princípios básicos: alinhamento, contraste, repetição e proximidade</strong>.</p>
<h2>Até agora&#8230;</h2>
<p>Ok, um resumão do que você deve já ter até aqui:</p>
<ul>
<li>Nome, descrição, público-alvo, concorrentes, etc da sua revista</li>
<li>Manual de identidade visual do logo</li>
<li>Nome das seções</li>
<li>Fontes e cores definidos</li>
<li>Templates dos layouts escolhidos</li>
</ul>
<p>Mas e onde você vai colocar todas estas informações para referência futura? É para isto que existe o&#8230;</p>
<h2>Projeto Editorial</h2>
<p>O projeto editorial serve para inserir todas as informações pertinentes a sua revista. É onde ficará também seu manual de marca, descrição do conceito e público-alvo, características técnicas de fonte, tamanho, espaçamento, etc do título, sub-título, chamada, texto, legendas e por aí vai.</p>
<p>Este projeto precisa ter tudo sobre sua revista e será consultado a cada nova edição para ver se está tudo padronizado.</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/projeto-editorial.jpg" alt="Projeto editorial" title="Projeto editorial" width="540" height="240" class="aligncenter size-full wp-image-2738" /></p>
<p>Tenha este documento impresso em uma boa qualidade. Sugiro que encaderne ele, pois você irá utilizá-lo bastante enquanto tiver sua revista.</p>
<p>Pronto! Toda a parte teórica da sua revista está completa. Basta começar a preparar a primeira edição! E isto, faremos na próxima edição final!</p>
<h2>Outros artigos da série &#8220;Como Diagramar Uma Revista&#8221;</h2>
<ul>
<li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1">Como diagramar uma revista &#8211; parte 1</a></li>
<li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2">Como diagramar uma revista &#8211; parte 2</a></li>
<li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3">Como diagramar uma revista &#8211; parte 3</a></li>
</ul>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3" title="Como diagramar uma revista? – parte 3">Como diagramar uma revista? – parte 3</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2" title="Como diagramar uma revista? – parte 2">Como diagramar uma revista? – parte 2</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1" title="Como diagramar uma revista? &#8211; parte 1">Como diagramar uma revista? &#8211; parte 1</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5" title="Como diagramar uma revista – parte 5">Como diagramar uma revista – parte 5</a></li><li><a href="http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico" title="Design de cartões de visita: o básico">Design de cartões de visita: o básico</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Como diagramar uma revista? – parte 3</title>
		<link>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3</link>
		<comments>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3#comments</comments>
		<pubDate>Tue, 20 Jul 2010 14:14:00 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[diagramação]]></category>
		<category><![CDATA[diagramar revista]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[revista]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2716</guid>
		<description><![CDATA[Vamos analisar mais alguns detalhes e começar a trabalhar na identidade visual da revista nesta terceira parte da série. Este artigo é a parte 3 da série &#8220;Como diagramar uma revista&#8221; Confira as partes anteriores: Parte 1 Parte 2 Parte 3 Parte 4 Parte 5 Antes de começar a esboçar sua revista, preste atenção em [...]]]></description>
			<content:encoded><![CDATA[<p>Vamos analisar mais alguns detalhes e começar a trabalhar na identidade visual da revista nesta terceira parte da série.<br />
<span id="more-2716"></span></p>
<p><img alt="Como diagramar uma revista" src="http://design.blog.br/wp-content/uploads/2010/07/como-diagramar-uma-revista.jpg" title="Como diagramar uma revista" class="alignnone" width="540" height="100" /></p>
<div style="border:1px solid #666; text-align:center; padding:10px">
<strong>Este artigo é a parte 3 da série &#8220;Como diagramar uma revista&#8221;</strong><br />
Confira as partes anteriores:<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1">Parte 1</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2">Parte 2</a><br />
Parte 3<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4">Parte 4</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5">Parte 5</a>
</div>
<p>Antes de começar a esboçar sua revista, preste atenção em mais alguns detalhes. <strong>Sim, sei que até agora a única coisa que fizemos foi de olhar, analisar e fazer anotações. Mas design é isto</strong>. Como falei no início: se você achou que eu iria mostrar como abrir um software e diagramar algo sem propósito, estava redondamente enganado.</p>
<h2>Detalhes menores</h2>
<p>Até agora olhamos a revista em um ângulo mais aberto. Vamos focar em pequenos detalhes de uma revista.</p>
<h3>A borda</h3>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/bordas.jpg" alt="Como diagramar uma revista" title="Como diagramar uma revista" width="540" height="225" class="aligncenter size-full wp-image-2717" /></p>
<p>Em algumas revistas, e em algumas páginas específicas você vai encontrar um artigo ou outro com uma borda na página inteira. Esta borda quase sempre está em volta de um artigo opinativo de um colunista específico. <strong>A borda indica que, o texto nela contido, não necessariamente expressa a opinião da revista</strong>. Ou seja, a opinião expressada é somente a do autor. Muito usado na &#8220;Carta aos Leitores&#8221;, escrita pelo editor, que pode não representar o que a revista ou os donos dela pensam.</p>
<p>Se for ter uma coluna de opinião pessoal, lembre-se de conter ela em uma borda para que fique visível o fato dela &#8220;não pertencer&#8221; (pelo menos não necessariamente) a ideologia da revista.</p>
<h3>Rodapé</h3>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/rodape.jpg" alt="Como diagramar uma revista" title="Como diagramar uma revista" width="540" height="100" class="aligncenter size-full wp-image-2718" /></p>
<p>O rodapé nas revistas pode ser diferenciado, mas sempre possui três ítens distintos: <strong>O número da página, a data da revista (ou edição) e o nome dela</strong>. Em qual ordem e como exatamente é mostrado varia, mas estão sempre lá. <strong>Outra coisa importante do rodapé é o posicionamento: sempre no canto inferior externo.</strong> Ou seja, na página da esquerda, fica no canto inferior esquerdo e na página da direita, no canto inferior direito. Isto facilita a procura por páginas específicas. Lembre-se também de sempre colocar na exata mesma posição em todas as páginas.</p>
<h3>Final de um artigo</h3>
<p>Alguns artigos ocupam mais de uma página. Como que o leitor vai saber que o artigo termina naquele parágrafo e que a próxima página é dedicada a um outro? Para isto, existem os símbolos de final de artigo. Não é nenhum mistério: <strong>os símbolos de final de artigo são para representar o final do artigo</strong>. Cada revista tem a sua específica:<br />
<div id="attachment_2721" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/fechamento.jpg" alt="Como diagramar uma revista?" title="Como diagramar uma revista?" width="540" height="500" class="size-full wp-image-2721" /><p class="wp-caption-text">Veja, Info e Super Interessante respectivamente</p></div></p>
<h3>Identidade visual</h3>
<p>A identidade visual de cada revista é composta de família, tamanho, cor e espaçamento da fonte. Também inclui as cores &#8220;institucionais&#8221;, nomes das seções e todos os ítens que compõe o visual da revista. A identidade visual é criada para ser seguida à risca. Serve para manter uma harmonia entre os artigos além de facilmente identificar qual revista que é, sem a necessidade de ter que ver o rodapé ou a capa.<br />
<div id="attachment_2722" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/detalhes.jpg" alt="Diagramação" title="Diagramação" width="540" height="364" class="size-full wp-image-2722" /><p class="wp-caption-text">Edições diferentes, mas é possível notar que é a mesma revista</p></div></p>
<h2>Hora de colocar a mão na massa</h2>
<p>Ufa, parece que cobri tudo de importante. Então, tá na hora de colocar a mão na massa.</p>
<h3>O nome</h3>
<p>Até agora, você deve ter um documento com tudo explicado sobre sua revista: <strong>o tema, o público, o diferencial, os concorrentes</strong>, etc. <strong>Está na hora de criar um nome</strong>. Esta parte é com você. Escolha algo que seja fácil de ser lembrado e falado.</p>
<p>Após criado o nome, você vai precisar se concentrar em uma identidade visual. Aí que o bicho pega. Lembre-se de focar no fato de que você está criando uma revista. O logotipo deve ser de fácil leitura e deve ser possível de diminuir ela a um tamanho muito pequeno.</p>
<p>Não vou ensinar o passo-a-passo de criar um manual de identidade visual: se você ainda não sabe fazer isto, sugiro que vá aprender primeiro. O manual é o básico que todo designer gráfico deve saber. Lembre-se de incluir as cores no qual o logo poderá ser impresso, o fundo que ele pode ter, tamanho e disposição dele, etc.</p>
<p>É importante notar que, ao contrário de um logotipo qualquer, o da revista precisa ser muito mais volátil. Muitas vezes o logo vai ficar sobre um fundo muito colorido, outras vezes vai ficar um pouco escondido por um título. Tente fazer algo o mais abrangente possível para que ele caiba em todas as situações.<br />
<div id="attachment_2723" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/07/veja1.jpg" alt="Veja" title="Veja" width="540" height="400" class="size-full wp-image-2723" /><p class="wp-caption-text">Note como o logotipo aparece bem em um fundo colorido e fundo neutro</p></div></p>
<h2>Exercício de hoje</h2>
<p>Desenvolva seu manual de identidade visual do logotipo. Não se preocupe com o restante do layout ainda. Isto veremos no próximo artigo. Lembre-se sempre de comparar aos seus concorrentes e analisar como eles fizeram. Isto lhe dará uma boa idéia do que é bom e o que é ruim.</p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4" title="Como diagramar uma revista &#8211; parte 4">Como diagramar uma revista &#8211; parte 4</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2" title="Como diagramar uma revista? – parte 2">Como diagramar uma revista? – parte 2</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1" title="Como diagramar uma revista? &#8211; parte 1">Como diagramar uma revista? &#8211; parte 1</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5" title="Como diagramar uma revista – parte 5">Como diagramar uma revista – parte 5</a></li><li><a href="http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico" title="Design de cartões de visita: o básico">Design de cartões de visita: o básico</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Como diagramar uma revista? – parte 2</title>
		<link>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2</link>
		<comments>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2#comments</comments>
		<pubDate>Mon, 19 Jul 2010 14:04:50 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[diagramação]]></category>
		<category><![CDATA[diagramar revista]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[revista]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2686</guid>
		<description><![CDATA[Como qualquer pessoa, você já deve ter aberto uma revista na vida. Mas você fez algo além de ler ela? Digo se você prestou atenção em como a informação está disposta? Realmente prestou atenção? Caso faça isto, você vai notar um padrão em cada revista. Este artigo é a parte 2 da série &#8220;Como diagramar [...]]]></description>
			<content:encoded><![CDATA[<p>Como qualquer pessoa, você já deve ter aberto uma revista na vida. Mas você fez algo além de ler ela? Digo se você prestou atenção em como a informação está disposta? Realmente prestou atenção? Caso faça isto, você vai notar um padrão em cada revista.</p>
<p><span id="more-2686"></span></p>
<p><img alt="Como diagramar uma revista" src="http://design.blog.br/wp-content/uploads/2010/07/como-diagramar-uma-revista.jpg" title="Como diagramar uma revista" class="alignnone" width="540" height="100" /></p>
<div style="border:1px solid #666; text-align:center; padding:10px">
<strong>Este artigo é a parte 2 da série &#8220;Como diagramar uma revista&#8221;</strong><br />
Confira as partes anteriores:<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1">Parte 1</a><br />
Parte 2<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3">Parte 3</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4">Parte 4</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5">Parte 5</a>
</div>
<h2>A estrutura</h2>
<p>Vou generalizar aqui &#8211; afinal de contas, muitas revistas são bem similares em sua estrutura. As que não seguem, são a excessão. Para facilitar nossa vida, falarei no mais comum; De início, a capa. Não necessito explicar mais que isso. Na contra-capa geralmente há algum anúncio de página inteira. Em seguida, o índice. Logo depois, o editorial. Aí em diante vem todo o conteúdo. Essa é a estrutura básica.</p>
<p>Pode comparar. <strong>Você notará que 99% das revistas são exatamente assim: capa, índice, editorial</strong> (ou informações sobre a revista ou editora).</p>
<div id="attachment_2687" class="wp-caption aligncenter" style="width: 550px"><img class="size-full wp-image-2687" title="capa-indice-editorial" src="http://design.blog.br/wp-content/uploads/2010/07/capa-indice-editorial.jpg" alt="" width="540" height="769" /><p class="wp-caption-text">Capa - Índice - Editorial</p></div>
<p>Agora note a estrutura página-a-página. É sempre a mesma história: <strong>título, chamada e texto</strong>. O título visa <strong>chamar a atenção</strong> inicial do leitor, a chamada tem como objetivo <strong>prender a atenção</strong> dele e por fim, o texto informa todo o restante. É só notar como é neste mesmo blog:</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/digramacao03.jpg" alt="Como diagramar uma revista" title="Como diagramar uma revista" width="540" height="386" class="aligncenter size-full wp-image-2708" /></p>
<h2>Repetição do layout</h2>
<p>Seja consistente na hora de fazer o layout de sua revista. E tenha isto em mente ao diagramar a primeira edição. Se você notar, uma revista é igual em termos de disposiçõa de informações em todas suas edições.<strong> Faça um experimento: pegue duas revistas iguais porém de edições diferentes</strong>. Vá até o índice. Veja como as duas edições são bem similares em termos de estrutura.</p>
<div id="attachment_2695" class="wp-caption aligncenter" style="width: 550px"><img class="size-full wp-image-2695" title="Super Interessante" src="http://design.blog.br/wp-content/uploads/2010/07/superinteressante.jpg" alt="Super Interessante" width="540" height="300" /><p class="wp-caption-text">Duas edições diferentes. Note a similaridade.</p></div>
<p>E isto não só na capa, índice e editorial. A estrutura é mantida na revista inteira, com leves modificações ali e aqui. Se você notar bem na imagem abaixo, retirada de uma edição da Veja, verá que o conteúdo é separado em cabeçalho e mais três colunas. As colunas tem espaçamento igual, e até o tamanho das fontes dos títulos dos 3 primeiros artigos são iguais. E o título daquele último artigo? Na verdade, aquele artigo era o primeiro da seção &#8220;Brasil&#8221;.</p>
<p><img class="aligncenter size-full wp-image-2700" title="Revista Veja" src="http://design.blog.br/wp-content/uploads/2010/07/veja.jpg" alt="" width="540" height="703" /></p>
<h2>Templates</h2>
<p>Templates são arquivos-base de layout que podem ser utilizados de diversas maneiras. Você pode utilizar o mesmo template em artigos de um assunto específico, ou mudar os templates de acordo com cada seção da sua revista. Algumas revistas possuem mais de 100 templates diferentes, que muitas vezes diferem só um pouco uma das outras.</p>
<p>Veja como exemplo a imagem abaixo. Imagem ocupando quase toda a metade superior da página, título logo abaixo, chamada ocupando o espaço de duas colunas e três colunas de texto.</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/diagramacao02.jpg" alt="Como diagramar uma revista" title="Como diagramar uma revista" width="540" height="357" class="aligncenter size-full wp-image-2709" /></p>
<p>No entanto, a imagem da esquerda é o primeiro artigo da seção &#8220;Internacional&#8221;, logo o mesmo vem com destaque. O título do artigo é em caixa alta, em contraste com a imagem da direita que é normal.</p>
<p>Na imagem abaixo, você pode perceber que o template ficou quase o mesmo em 3 páginas de um mesmo artigo. Isto também pode ser feito para diferenciar o artigo dos outros. Há também a presença de um dos ítens do design: a repetição. Note quantas vezes é utilizado o &#8220;Q&#8221; como parte do layout.</p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/07/diagramacao.jpg" alt="Como diagramar uma revista" title="Como diagramar uma revista" width="540" height="700" class="aligncenter size-full wp-image-2710" /></p>
<h2>Exercício de hoje</h2>
<p>Se você não tiver nenhuma revista, vá a uma banca mais próxima e compre algumas. Podem ser revistas diferentes, e nem precisam ser revistas que você iria ler. O objetivo é você observar todos os aspectos do layout delas e como a informação é disposta. Se preferir, rabisque a estrutura de cada página em uma folha, apenas para compará-las depois. Quanto mais revistas você analisar (de publicações diferentes), mais você verá as possibilidades de layouts.</p>
<h2>No próximo artigo&#8230;</h2>
<p>Na terceira parte da série, você aprenderá sobre a escolha de fontes, cores e identidade visual. Além disto, está chegando a hora de você esboçar sua primeira revista. Fique ligado! Aproveite para <a href="http://feeds.feedburner.com/designblogbr">assinar o feed</a> e não perder o próximo!</p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4" title="Como diagramar uma revista &#8211; parte 4">Como diagramar uma revista &#8211; parte 4</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3" title="Como diagramar uma revista? – parte 3">Como diagramar uma revista? – parte 3</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1" title="Como diagramar uma revista? &#8211; parte 1">Como diagramar uma revista? &#8211; parte 1</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5" title="Como diagramar uma revista – parte 5">Como diagramar uma revista – parte 5</a></li><li><a href="http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico" title="Design de cartões de visita: o básico">Design de cartões de visita: o básico</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Como diagramar uma revista? &#8211; parte 1</title>
		<link>http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1</link>
		<comments>http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1#comments</comments>
		<pubDate>Tue, 06 Jul 2010 13:20:44 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[diagramação]]></category>
		<category><![CDATA[diagramar revista]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[revista]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2633</guid>
		<description><![CDATA[Diagramar uma revista não é uma tarefa fácil. Nesta série de artigos, vou ensinar a parte teórica da diagramação de revistas. Desde layout a fontes e disposição de informações. Este artigo é a parte 1 da série &#8220;Como diagramar uma revista&#8221; Confira as partes anteriores: Parte 1 Parte 2 Parte 3 Parte 4 Parte 5 [...]]]></description>
			<content:encoded><![CDATA[<p>Diagramar uma revista não é uma tarefa fácil. Nesta série de artigos, vou ensinar a parte teórica da diagramação de revistas. Desde layout a fontes e disposição de informações.</p>
<p><span id="more-2633"></span></p>
<h2><img class="aligncenter size-full wp-image-2678" title="como-diagramar-uma-revista" src="http://design.blog.br/wp-content/uploads/2010/07/como-diagramar-uma-revista.jpg" alt="como-diagramar-uma-revista" width="540" height="100" /></h2>
<div style="border:1px solid #666; text-align:center; padding:10px">
<strong>Este artigo é a parte 1 da série &#8220;Como diagramar uma revista&#8221;</strong><br />
Confira as partes anteriores:<br />
Parte 1<br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2">Parte 2</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3">Parte 3</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4">Parte 4</a><br />
<a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5">Parte 5</a>
</div>
<h2>A parte prática</h2>
<p><strong>Como usar o InDesign? Como usar o Illustrator? Photoshop? Corel Draw? InkScape?</strong> Olha, vou ser franco: <strong>não vou ensinar ist</strong>o. A parte prática é feita apenas no final do processo, e cada designer tem seu software de escolha. Aqui vou ensinar o mais importante: a teoria. <strong>Entenda que a teoria é a parte mais importante de todo o processo</strong>. Não adianta você querer abrir o InDesign e criar uma revista super legal se você não sabe como será a funcionalidade dele.</p>
<h2>Antes de começar</h2>
<p>Pode tratar de fechar seu software. Desligue seu computador. Não tente começar a diagramar antes de fazer todo o processo que antecede a criação no software. Como tudo no mundo do design, o processo é feito 90% fora do computador. Só a finalização que deve ser feita nele.</p>
<h2>Escolha o tema</h2>
<p>Ok, com isto feito, está na hora de pensar. Sobre o que vai ser sua revista? Qual o tema dela? Esse é o primeiro passo e o mais importante. Toda revista tem um tema principal &#8211; a Super Interessante trabalha com o tema de &#8220;conhecimento&#8221;. A Revista Caras é sobre notícias de celebridades. A Veja, notícias gerais. A Playboy&#8230;bom, você deve saber.</p>
<p>O tema deverá ser algo que você &#8211; ou as pessoas que vão escrever nela &#8211; domine. Eu nunca escreveria sobre design de moda pois é algo que não entendo nada. Mesmo se você não vá escrever na revista, apenas diagramar, procure saber sobre o assunto. Leia outras publicações a respeito, visite sites que tratam sobre ele, etc.</p>
<p>Com o tema definido, próximo passo:</p>
<h2>Defina o público-alvo</h2>
<p><strong>Quem vai ler sua revista?</strong> Não me venha com a resposta &#8220;todo mundo&#8221;, pois cada revista tem um público-alvo por mais abrangente que possa ser. Quem lê a Super Interessante, por exemplo, é um público que está sempre buscando aprender mais sobre qualquer coisa. Mesmo se alguém lê a Super e a Caras, saiba que o público-alvo de cada uma das publicações é diferente (quem lê ambos é considerado uma exceção). A Veja é uma revista que procura tratar de qualquer notícia da atualidade, seja nas áreas de economia, política ou esportes. É um público-alvo abrangente, porém é diferente da revista Carta Capital &#8211; que pode até ter muitos assuntos em comum com a Veja &#8211; pois a Carta Capital é uma publicação de esquerda.</p>
<div id="attachment_2680" class="wp-caption aligncenter" style="width: 550px"><a href="http://www.sxc.hu/photo/1072657"><img class="size-full wp-image-2680" title="como-diagramar-publico" src="http://design.blog.br/wp-content/uploads/2010/07/como-diagramar-publico.jpg" alt="como-diagramar-publico" width="540" height="220" /></a><p class="wp-caption-text">Conheça seu público-alvo</p></div>
<p><strong>O que faz seu público-alvo? Qual a média salarial dele?</strong> Leitores da revista Tititi &#8211; uma publicação que acompanha as novelas brasileiras &#8211; são consideravelmente diferentes dos leitores da revista IstoÉ Dinheiro especialmente no quesito média salarial, pois os leitores da Tititi são (em grande maioria) pessoas que trabalham em casa ou em locais de renda média. Já os leitores da IstoÉ Dinheiro são pessoas que trabalham com bolsa de valores, finanças e negócios &#8211; considerados trabalhos de renda maior.</p>
<p><strong>Qual o nível de ensino do seu público?</strong> Uma revista de direito tem uma linguagem diferente de uma de engenharia, que por sua vez tem uma linguagem diferente de uma revista noveleira.</p>
<p>Anote tudo isto em uma papel. <strong>Conheça bem seu público</strong>. Se você não faz parte deste público, pesquise sobre eles. Conheça pessoas que são os potenciais leitores de sua revista. Entenda o que eles fazem. Procure descobrir as nuanças do grupo &#8211; o que difere eles do resto da população.</p>
<h2>Conheça seus concorrentes</h2>
<p>A não ser que você esteja fazendo uma revista sobre plantação de grama ou algum tema absurdo, as chances de você ter um concorrente são grandes. A Playboy, por exemplo, tem como concorrente a VIP.</p>
<div id="attachment_2679" class="wp-caption aligncenter" style="width: 550px"><img class="size-full wp-image-2679" title="como-diagramar-concorrentes" src="http://design.blog.br/wp-content/uploads/2010/07/como-diagramar-concorrentes.jpg" alt="como-diagramar-concorrentes" width="540" height="200" /><p class="wp-caption-text">Você nem nasceu e já tem concorrentes</p></div>
<p>Como que seu concorrente aborda o assunto? Como que é a revista? Eles usam mais imagens do que texto? O que eles oferecem em termos de conteúdo? O que faz o seu público-alvo ler a revista deles? Quem anuncia naquela revista?</p>
<p><strong>Faça uma lista com todos os pontos fortes e fracos do seu concorrente</strong>. Vale de tudo: até tiragem, disposição nas bancas, vendas online, quantidade de assinantes, qualidade de conteúdo, etc. E cuidado se você achar que seu concorrente não tem pontos fracos, ou que ele não tem pontos fortes &#8211; todos tem isto!</p>
<p>Com essa lista em mãos, está na hora de pensar. Pense: <strong>como que posso fazer os pontos fortes do meu concorrente ficarem mais fortes, só que pra mim? Como que posso usar os pontos fracos do meu concorrente a meu favor?</strong> Anote tudo (você deveria estar anotando tudo desde o início já). Filtre suas idéias em &#8220;viável&#8221; e &#8220;inviável&#8221;. Por exemplo, você pode fornecer desconto aos primeiros 1.000 assinantes mas fornecer algum brinde a eles no ato da assinatura vai fazer seu custo ficar lá em cima, eventualmente inviabilizando a idéia.</p>
<p>Agora que você já conhece bem seus concorrentes e conhece bem a si mesmo, está na hora de começar a esboçar a revista propriamente dita. <strong>Mas isto, só no próximo artigo</strong> ;)</p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4" title="Como diagramar uma revista &#8211; parte 4">Como diagramar uma revista &#8211; parte 4</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3" title="Como diagramar uma revista? – parte 3">Como diagramar uma revista? – parte 3</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2" title="Como diagramar uma revista? – parte 2">Como diagramar uma revista? – parte 2</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5" title="Como diagramar uma revista – parte 5">Como diagramar uma revista – parte 5</a></li><li><a href="http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico" title="Design de cartões de visita: o básico">Design de cartões de visita: o básico</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Plakker Album &#8211; Pegue aqui sua figurinha exclusiva!</title>
		<link>http://design.blog.br/geral/plakker-album-pegue-aqui-sua-figurinha-exclusiva</link>
		<comments>http://design.blog.br/geral/plakker-album-pegue-aqui-sua-figurinha-exclusiva#comments</comments>
		<pubDate>Mon, 05 Jul 2010 13:13:49 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[designer]]></category>
		<category><![CDATA[plakker]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web designer]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2662</guid>
		<description><![CDATA[O Brasil pode até estar fora da Copa do Mundo, mas isso não quer dizer que o clima esfriou. Se você não está sabendo sobre o Plakker Album, você está por fora da nova mania da web! Corre e pegue suas figurinhas aqui! A cada dia serão postadas, em um dos 27 sites participantes, 2 [...]]]></description>
			<content:encoded><![CDATA[<p>O Brasil pode até estar fora da Copa do Mundo, mas isso não quer dizer que o clima esfriou. Se você não está sabendo sobre o <a href="http://design.blog.br/geral/colecione-figurinhas-diferentes-da-copa">Plakker Album</a>, você está por fora da nova mania da web! Corre e pegue suas figurinhas aqui!</p>
<p><span id="more-2662"></span></p>
<p>A cada dia serão postadas, em um dos 27 sites participantes, 2 novas  figurinhas. E hoje temos 02 figurinhas exclusivas disponíveis aqui, que podem ser adicionadas no seu álbum. Basta clicar nas figurinhas abaixo.</p>
<p><a href="http://www.plakker.net/index.php?fig=84&amp;alb=2&amp;blg=designblog"><img class="aligncenter size-full wp-image-2664" title="dbl_001" src="http://design.blog.br/wp-content/uploads/2010/07/dbl_001.png" alt="" width="430" height="321" /></a></p>
<p><a href="http://www.plakker.net/index.php?fig=54&amp;alb=2&amp;blg=designblog"><img class="aligncenter size-full wp-image-2665" title="dbl_002" src="http://design.blog.br/wp-content/uploads/2010/07/dbl_002.png" alt="" width="430" height="321" /></a></p>
<p><span style="font-family: 'trebuchet ms',sans-serif;">A ilustração do Matmour foi feita pelo paraguaio Oz Montania ( <a href="http://www.plakker.net/www.behance.net/OzMontania">www.behance.net/OzMontania</a> ) e a do Nakamura pelo brasileiro Rubens Scarelli ( <a href="http://www.plakker.net/www.behance.net/RubensScarelli">www.behance.net/RubensScarelli</a> ).</span></p>
<h2>Peraí, você ainda não fez o seu álbum?</h2>
<p>O que você tá esperando? Os 70 primeiros a completar o álbum ganham revistas Zupi. Além disto, há coisa mais divertida que colecionar figurinhas?</p>
<p><strong>Corre lá: <a href="http://www.plakker.net/">Plakker.net</a> e cadastre-se para começar a colecionar figurinhas!</strong></p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/novo-forum-de-design" title="Novo Forum de Design">Novo Forum de Design</a></li><li><a href="http://design.blog.br/web-design/como-lidar-com-projetos-web-parte-2" title="Como lidar com projetos web? Parte 2">Como lidar com projetos web? Parte 2</a></li><li><a href="http://design.blog.br/web-design/como-lidar-com-projetos-web-parte-1" title="Como lidar com projetos web? Parte 1">Como lidar com projetos web? Parte 1</a></li><li><a href="http://design.blog.br/web-design/como-fazer-avaliacoes-heuristicas-em-sites" title="Como fazer avaliações heurísticas em sites">Como fazer avaliações heurísticas em sites</a></li><li><a href="http://design.blog.br/geral/o-que-voce-faria-se-nao-fosse-designer" title="O que você faria se não fosse designer?">O que você faria se não fosse designer?</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/geral/plakker-album-pegue-aqui-sua-figurinha-exclusiva/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>O perigo do briefing mal feito</title>
		<link>http://design.blog.br/design-grafico/o-perigo-do-briefing-mal-feito</link>
		<comments>http://design.blog.br/design-grafico/o-perigo-do-briefing-mal-feito#comments</comments>
		<pubDate>Tue, 22 Jun 2010 13:25:08 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[briefing]]></category>
		<category><![CDATA[Logo]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2603</guid>
		<description><![CDATA[Muitas vezes o designer apenas encaminha um briefing para o cliente e depois passa a interpretar o que ele recebeu. Este método pode funcionar, mas depende do cliente. Afinal de contas, pode falhar miseravelmente também. Recentemente, fechamos um job de site + logo. O briefing foi enviado ao cliente para que pudéssemos começar primeiro com [...]]]></description>
			<content:encoded><![CDATA[<p>Muitas vezes o designer apenas encaminha um briefing para o cliente e depois passa a interpretar o que ele recebeu. Este método pode funcionar, mas depende do cliente. Afinal de contas, pode falhar miseravelmente também.</p>
<p><span id="more-2603"></span><br />
<img src="http://design.blog.br/wp-content/uploads/2010/06/briefing.jpg" alt="O prigo do brifng mal fieto" title="O prigo do brifng mal fieto" width="540" height="100" class="aligncenter size-full wp-image-2606" /></p>
<p>Recentemente, fechamos um <em>job</em> de site + logo. O briefing foi enviado ao cliente para que pudéssemos começar primeiro com o logo e mais tarde faríamos o briefing do site. Quando entregamos o logo, o cliente reprovou &#8211; falou que não era nada do que queria. O que houve? Quem errou?</p>
<p><strong>Quando uma aprovação sai e volta reprovada, é necessário descobrir primeiro por que ela não foi aceita.</strong> Afinal de contas, você precisa saber quem vai ser demitido ;) Brincadeiras à parte, você precisa ver com o seu cliente por que não foi aprovado. Algumas vezes pode ser por que o <em>job</em> foi visto por um &#8220;comitê&#8221; (vulgo &#8220;esposa, filha, sobrinho que trabalha com internet, cachorro&#8221;) e foi reprovado em unanimidade &#8211; neste caso, o comitê provavelmente não estava a par do briefing que foi preenchido por um deles, e você tem todo direito de recomeçar e cobrar novamente. No entanto, na maioria dos casos, o problema é o <strong>briefing mal feito</strong>.</p>
<p>Não pense que estou colocando a culpa no cliente nesta! Muito pelo contrário: <strong>a culpa do briefing mal feito é do designer!</strong></p>
<p>Quando reli aquele briefing que foi responsável pela reprovação do logo, notei logo o problema: <strong>o cliente estava misturando elementos que ele queria no site com elementos que ele queria no logo</strong>. Quando o briefing foi lido pela primeira vez, notamos isto, mas demos maior atenção ao restante onde o cliente estaria falando especificamente sobre o logo.</p>
<p>Ao dar exemplos da idéia que ele procurava, o cliente pegou os logos dos concorrentes e falou que queria algo similar. No entanto, <strong>todos os logos possuíam uma tipografia diferente da outra</strong>: um usava uma fonte fina, outra era mais trabalhada, cheia de curvas, tinha também uma com fonte pesada, fonte suja, serifada, sem serifa, etc. Uma salada de fontes diferentes. Seria impossível basear-se nestes exemplos com cada um sendo diferente, por isso que na primeira leitura o mesmo passou despercebido.</p>
<div id="attachment_2607" class="wp-caption aligncenter" style="width: 550px"><img src="http://design.blog.br/wp-content/uploads/2010/06/salada-logo.jpg" alt="Salada de logos" title="Salada de logos" width="540" height="171" class="size-full wp-image-2607" /><p class="wp-caption-text">Oi, quero um logo com um pouco de tudo.</p></div>
<p><strong>Mas o cliente não errou</strong>. Ele listou logos que ele gostava. Deveríamos ter questionado o que ele gostou em cada um, especificamente. E dentre eles, qual ele gostou mais e por que. Se notássemos que a visão do cliente divergisse da visão que o público alvo dele teria, teríamos avisado.</p>
<p>Na análise inicial do briefing, vimos que o cliente queria algo &#8220;moderno, sofisticado e feminino&#8221;. Fizemos assim e foi reprovado. Relemos o briefing e notamos os vários problemas. Problemas que <strong>o cliente não tinha a obrigação de saber</strong>, pois quem entende do assunto somos nós. Problemas que nós, como entendedores do assunto, deveríamos ter questionado antes de começar o projeto para que não tivesse que ser refeito.</p>
<h2>Fica a dica:</h2>
<p>Antes de começar um projeto, <strong>veja se o cliente entendeu o briefing</strong>. Depois que você recebeu de volta, <strong>veja se você entendeu o briefing</strong>. Pra se assegurar, pergunte ao cliente se ele entendeu como você entendeu o briefing e se os entendimentos são mútuos. Complexo, mas diminui as chances do <em>job</em> voltar reprovado ;)</p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/mais-um-entre-os-demais" title="Mais um entre os demais">Mais um entre os demais</a></li><li><a href="http://design.blog.br/design-grafico/logo-do-underground-de-londres" title="Logo do Underground de Londres">Logo do Underground de Londres</a></li><li><a href="http://design.blog.br/design-grafico/como-desenvolver-uma-identidade-corporativa" title="Como desenvolver uma identidade corporativa">Como desenvolver uma identidade corporativa</a></li><li><a href="http://design.blog.br/design-grafico/ikea-irrita-designers-com-mudanca-de-fonte" title="IKEA irrita designers com mudança de fonte">IKEA irrita designers com mudança de fonte</a></li><li><a href="http://design.blog.br/design-grafico/inspiracao-para-logos" title="Inspiração para logos">Inspiração para logos</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/o-perigo-do-briefing-mal-feito/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Design de cartões de visita: o básico</title>
		<link>http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico</link>
		<comments>http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico#comments</comments>
		<pubDate>Tue, 11 May 2010 13:00:24 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[básico]]></category>
		<category><![CDATA[cartão de visitas]]></category>
		<category><![CDATA[dicas]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2443</guid>
		<description><![CDATA[Um cartão de visitas muitas vezes é o equipamento de marketing mais importante que uma empresa pode ter. Ele tem o potencial de fazer ou desfazer negócios, e é tão importante quanto como você se apresenta da primeira vez. Neste artigo, vou cobrir um pouco do básico como tipografia, layout, onde colocar objetos e padrões [...]]]></description>
			<content:encoded><![CDATA[<p>Um cartão de visitas muitas vezes é o equipamento de marketing mais importante que uma empresa pode ter. Ele tem o potencial de fazer ou desfazer negócios, e é tão importante quanto como você se apresenta da primeira vez. Neste artigo, vou cobrir um pouco do básico como tipografia, layout, onde colocar objetos e padrões de impressão que você precisa saber ao criar um cartão de visitas.</p>
<p><span id="more-2443"></span></p>
<p><a href="http://www.flickr.com/photos/jnyemb/3994340898/"><img src="http://design.blog.br/wp-content/uploads/2010/05/cartao-de-visitas-01.jpg" alt="" title="cartao-de-visitas-01" width="540" height="100" class="aligncenter size-full wp-image-2444" /></a></p>
<h2>Padrões de impressão</h2>
<p>Antes de você começar a trabalhar em um design para o seu cartão, padrões de impressão devem ser consideradas. Muitas gráficas exigem que os arquivos tenham uma sangria apropriada ou determinado tamanho de margem. Falhas ao considerar isto resultam em e-mails pedindo que os arquivos enviados sejam revistos ou avisando que algumas alterações terão que serem feitas, o que pode gerar um custo adicional.</p>
<p>Antes de começar, faça o download de um template ou, melhor ainda, crie um. Existem duas maneiras de estabelecer que tipo de template você quer usar, e estas maneiras são com ou sem sangria.</p>
<p>&#8220;Sangrar&#8221; é o termo usado no design que significa, em termos simples, &#8220;corte&#8221;. É o ato de eliminar a borda do papel (borda que a impressora precisa ter para poder segurar o papel e não &#8220;colocar o dedo na tinta fresca&#8221;).</p>
<p>Se seu cartão não for ter sangra, você acaba de pegar o caminho mais fácil. Basta criar um arquivo com tamanho de 9 x 5 centímetros (nota: algumas gráficas utilizam tamanhos diferentes, que podem chegar até 9,5 x 5,5 centímetros &#8211; consulte sua gráfica de preferência antes).</p>
<p>Caso sua imagem tenha sangra, opte por usar um template um pouco maior &#8211; geralmente 9,8 x 5,8 centímetros &#8211; e procure não colocar nenhuma informação importante muito perto da borda!</p>
<p><a href="http://www.flickr.com/photos/standhere/462675095/"><img src="http://design.blog.br/wp-content/uploads/2010/05/cartao-de-visitas-02.jpg" alt="" title="cartao-de-visitas-02" width="540" height="192" class="aligncenter size-full wp-image-2445" /></a></p>
<h2>Tipografia</h2>
<p>O uso de tipografia em um cartão de visitas é crítico afim de ter um cartão com <em>look</em> profissional. Não use mais de duas fontes e, se for o caso, use duas fontes distintas &#8211; Arial é muito similar a Helvetica e é próximo de Verdana. Proce usar fontes que complementem o logo ou outros elementos do cartão.</p>
<h2>Layout e outros objetos</h2>
<p>Não enxa seu cartão de visitas. Mantenha-o sempre simples e limpo. Lembre-se também que, se for necessário, utilize o outro lado para mais informações. Evite de listar todo serviço que você faz no cartão &#8211; &#8220;<em>design gráfico, web design, desenvolvimento de logos, desenvolvimento de sites, design de panfletos, criação de cartões de visitas</em>&#8221; pode ser resumido em apenas &#8220;design&#8221;. Afinal de contas, você vai entregar seu cartão para a pessoa, e é lá que você tem a oportunidade de falar para ela tudo o que você faz.</p>
<p>As informações de contato são extremamente importantes! Dê bastante ênfase ao seu telefone, e-mail, site ou sua forma preferida de contato.</p>
<p>Caso você tenha um logo (e deveria!), procure dar um espacinho bacana para ele. Se for um logo incrível, escolha usar um lado inteiro do cartão, colocando o restante da informação atrás.</p>
<p><a href="http://www.flickr.com/photos/ctoverdrive/879290564/"><img src="http://design.blog.br/wp-content/uploads/2010/05/cartao-de-visitas-03.jpg" alt="" title="cartao-de-visitas-03" width="540" height="345" class="aligncenter size-full wp-image-2446" /></a></p>
<p>Não esqueça que o cartão de visitas é um ponto de contato, não uma brochura. Você quer deixar uma boa impressão e passar a idéia de que você é realmente bom no que você faz.</p>
<p>Ah, uma dica final: a não ser que você tenha 13 anos de idade, não imprima seus cartões em casa. Escolha uma gráfica de boa qualidade. Não economize; como falei, seu cartão de visitas pode fazer ou desfazer negócios.</p>
<p>Fonte: <a href="http://designinformer.com/basics-business-card-design/">Design Informer</a> (traduzido e adaptado por <a href="http://design.blog.br">Canha</a>)</p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-5" title="Como diagramar uma revista – parte 5">Como diagramar uma revista – parte 5</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-4" title="Como diagramar uma revista &#8211; parte 4">Como diagramar uma revista &#8211; parte 4</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-3" title="Como diagramar uma revista? – parte 3">Como diagramar uma revista? – parte 3</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-%e2%80%93-parte-2" title="Como diagramar uma revista? – parte 2">Como diagramar uma revista? – parte 2</a></li><li><a href="http://design.blog.br/design-grafico/como-diagramar-uma-revista-parte-1" title="Como diagramar uma revista? &#8211; parte 1">Como diagramar uma revista? &#8211; parte 1</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/design-grafico/design-de-cartoes-de-visita-o-basico/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Design Blog Podcast &#8211; Episódio 02</title>
		<link>http://design.blog.br/podcast/design-blog-podcast-episodio-02</link>
		<comments>http://design.blog.br/podcast/design-blog-podcast-episodio-02#comments</comments>
		<pubDate>Mon, 29 Mar 2010 14:55:26 +0000</pubDate>
		<dc:creator>Canha</dc:creator>
				<category><![CDATA[Podcast]]></category>
		<category><![CDATA[Design de Produto]]></category>
		<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[minimalismo]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://design.blog.br/?p=2346</guid>
		<description><![CDATA[Nesta segunda edição, falo de um tema sugerido via Twitter: minimalismo. O tema é dividido em duas partes e nesta primeira vou dar uma introdução ao que é essa moda. Como surgiu o minimalismo? O que é minimalismo? Minimalismo precisa ser preto no branco? Minimalismo é preguiça? Todas estas perguntas são respondidas no podcast. Exemplos [...]]]></description>
			<content:encoded><![CDATA[<p>Nesta segunda edição, falo de um tema sugerido via Twitter: minimalismo. O tema é dividido em duas partes e nesta primeira vou dar uma introdução ao que é essa moda.</p>
<p><span id="more-2346"></span></p>
<p><img src="http://design.blog.br/wp-content/uploads/2010/03/minimalismo.jpg" alt="Minimalis" title="Minimalis" width="540" height="100" class="alignnone size-full wp-image-2347" /></p>
<p><strong>Como surgiu o minimalismo? O que é minimalismo? Minimalismo precisa ser preto no branco? Minimalismo é preguiça?</strong> Todas estas perguntas são respondidas no podcast.</p>
<h2>Exemplos de minimalismo</h2>
<p>Como explico no podcast, eis alguns exemplos de minimalismo em suas diferentes formas:<br />
<div id="attachment_2348" class="wp-caption alignnone" style="width: 550px"><a href="http://2008.dconstruct.org/"><img src="http://design.blog.br/wp-content/uploads/2010/03/podcast02-01.jpg" alt="Minimalismo" title="Minimalismo" width="540" height="252" class="size-full wp-image-2348" /></a><p class="wp-caption-text">Um site minimalista - forte uso de cores sem perder o foco</p></div></p>
<div id="attachment_2349" class="wp-caption alignnone" style="width: 550px"><a href="http://designintellection.com/"><img src="http://design.blog.br/wp-content/uploads/2010/03/podcast02-02.jpg" alt="Minimalismo" title="Minimalismo" width="540" height="252" class="size-full wp-image-2349" /></a><p class="wp-caption-text">Outro site, focado na tipografia e ausência de cores</p></div>
<div id="attachment_2350" class="wp-caption alignnone" style="width: 550px"><a href="http://jeffcroft.com/"><img src="http://design.blog.br/wp-content/uploads/2010/03/podcast02-03.jpg" alt="minim" title="minim" width="540" height="253" class="size-full wp-image-2350" /></a><p class="wp-caption-text">Observe o uso de espaço ''em branco'' neste site</p></div>
<div id="attachment_2351" class="wp-caption aligncenter" style="width: 510px"><img src="http://design.blog.br/wp-content/uploads/2010/03/podcast02-04.jpg" alt="min" title="min" width="500" height="375" class="size-full wp-image-2351" /><p class="wp-caption-text">Um quarto minimalista - note a falta do desnecessário</p></div>
<div id="attachment_2353" class="wp-caption aligncenter" style="width: 507px"><img src="http://design.blog.br/wp-content/uploads/2010/03/podcast02-05.png" alt="min" title="min" width="497" height="331" class="size-full wp-image-2353" /><p class="wp-caption-text">Foto minimalista</p></div>
<p>Espero que este podcast seja melhor &#8211; peguei todas as recomendações do último e apliquei a este ;)</p>
<p>O que acharam da informação? Ela explica bem o básico do minimalismo? Lembrem-se que haverá um segundo episódio onde entraremos mais a fundo no assunto.</p>
<h2>Download do podcast</h2>
<p>Este episódio tem 10:29 de duração, pesa aproximadamente 7mb (formato MP3) e está em qualidade de 96kbps.</p>
<p>[podcast]http://www.design.blog.br/podcast/design-blog-podcast-_-ep-02.mp3[/podcast]</p>
<p>Aproveite para assinar o <a href="http://feeds.feedburner.com/DesignblogbrPodcast">feed exclusivo do podcast aqui</a>. Ou se preferir, <a href="http://feeds.feedburner.com/designblogbr">assine o feed do site inteiro neste link</a>.</p>
<p><strong>Ajude o Design Blog!</strong> Vote em nós no <a href="http://www.topblog.com.br/2010/index.php?pg=Busca&c_b=2713730">prêmio Top Blog 2010</a>! Não custa nada e demora menos de dois minutos!</p><h2  class="related_post_title">Artigos relacionados</h2><ul class="related_post"><li><a href="http://design.blog.br/geral/5-dicas-de-design-que-se-aprende-com-a-apple" title="5 dicas de design que se aprende com a Apple">5 dicas de design que se aprende com a Apple</a></li><li><a href="http://design.blog.br/geral/o-que-voce-faria-se-nao-fosse-designer" title="O que você faria se não fosse designer?">O que você faria se não fosse designer?</a></li><li><a href="http://design.blog.br/web-design/como-lidar-com-projetos-web-parte-2" title="Como lidar com projetos web? Parte 2">Como lidar com projetos web? Parte 2</a></li><li><a href="http://design.blog.br/web-design/como-lidar-com-projetos-web-parte-1" title="Como lidar com projetos web? Parte 1">Como lidar com projetos web? Parte 1</a></li><li><a href="http://design.blog.br/web-design/13-dicas-para-newsletters-em-html" title="13 dicas para newsletters em HTML">13 dicas para newsletters em HTML</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://design.blog.br/podcast/design-blog-podcast-episodio-02/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
<enclosure url="http://design.blog.br/" length="0" type="Array" />
<enclosure url="http://www.design.blog.br/podcast/design-blog-podcast-_-ep-02.mp3" length="7564037" type="audio/mpeg" />
		</item>
	</channel>
</rss>
