{"id":76391,"date":"2016-07-14T00:00:00","date_gmt":"2016-07-14T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2016\/07\/14\/design-grafico\/"},"modified":"2016-07-14T00:00:00","modified_gmt":"2016-07-14T00:00:00","slug":"design-grafico","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/design-grafico\/","title":{"rendered":"Tudo sobre Design Gr\u00e1fico e como ele se aplica no Marketing de Conte\u00fado!"},"content":{"rendered":"<p>Ao trabalharmos com <a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-de-conteudo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Marketing de Conte\u00fado<\/a>, entramos em um universo muito amplo e de crescimento enorme.<\/p>\n<p>Sendo assim, precisamos nos diferenciar dos concorrentes que surgem aos borbot\u00f5es diariamente.<\/p>\n<p>E para nos destacarmos em meio a multid\u00e3o, precisamos investir em algo que de fato nos diferencie.<\/p>\n<p>Conte\u00fado j\u00e1 \u00e9 disponibilizado por muitos, mas sem d\u00favida a forma como esse conte\u00fado \u00e9 apresentado \u00e9 extremamente importante.<\/p>\n<p>As vezes o seu conte\u00fado \u00e9 bem melhor do que o do seu concorrente, mas tem gerado bem menos engajamento pelo fato do seu conte\u00fado n\u00e3o ser t\u00e3o atraente.<\/p>\n<p>E \u00e9 a\u00ed que entra o design gr\u00e1fico!<\/p>\n<p>\u00c9 ele que vai deixar o seu conte\u00fado com uma cara \u201cprofissional\u201d. <strong>Vai dar interatividade e apelo visual aos seus materiais.<\/strong><\/p>\n<p>Al\u00e9m disso, um conte\u00fado bonito e com imagens bacanas desperta muito mais o desejo do leitor compartilhar.<\/p>\n<p>Vamos entender um pouco melhor sobre isso?<\/p>\n<h2>O que \u00e9 design gr\u00e1fico?<\/h2>\n<p>Design, literalmente falando, \u00e9 uma palavra da l\u00edngua inglesa que tem um significado bem amplo, mas via de regra \u00e9 usada para designar um &#8220;projeto&#8221; ou simplesmente &#8220;desenho&#8221;.<\/p>\n<p>Curiosamente, cerca de 20 anos atr\u00e1s todos os cursos de design no Brasil eram chamados de &#8220;desenho industrial&#8221; (o que j\u00e1 seria uma boa tradu\u00e7\u00e3o).<\/p>\n<p>Pa\u00edses de l\u00edngua espanhola, por exemplo, ainda usam a palavra &#8220;dise\u00f1o&#8221; quando tratam de design.<\/p>\n<p>Mas que raios \u00e9 o tal do design?<\/p>\n<p>Definir design em palavras \u00e9 uma tarefa complicada, justamente pelo fato de que ele se vale de todos os <a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-sensorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">elementos tang\u00edveis e sensoriais<\/a> para se construir.<\/p>\n<p>Quando <a href=\"https:\/\/rockcontent.com\/br\/blog\/bom-blog-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">falamos em design<\/a>, estamos falando justamente de <strong>projetar, planejar e executar algo<\/strong> que tenha um apelo ou fun\u00e7\u00e3o sensorial.<\/p>\n<p>Comumente, logo que pensamos em design, pensamos em imagens, cores e textos, ou seja, o que \u00e9 ou pode ser visto, mas ele tamb\u00e9m pode usar os demais sentidos (olfato, audi\u00e7\u00e3o e tato) para criar solu\u00e7\u00f5es.<\/p>\n<p>Logo, design \u00e9: <b>criar solu\u00e7\u00f5es atrav\u00e9s de um projeto<\/b>.<\/p>\n<p>Sendo assim, para um bom design, precisamos desenvolver uma linha de racioc\u00ednio acerca do &#8220;problema&#8221; que queremos resolver, desenvolver um conceito, pensar em todas as hip\u00f3teses e probabilidades antes de executar um trabalho.<\/p>\n<p>Como j\u00e1 foi chamado de desenho industrial, uma parte muito importante do design \u00e9 a sua reprodutibilidade.<\/p>\n<p>Via de regra, esses projetos s\u00e3o feitos para serem produzidos em escala. Sendo assim, falhas precisam ser apontadas e corrigidas e \u00e9 por isso que cada min\u00facia do projeto deve ser planejada, testada e avaliada.<\/p>\n<p>O design \u00e9 geralmente dividido em tr\u00eas grandes \u00e1reas de atua\u00e7\u00e3o:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><b>Design de produto<\/b>: projetos voltados para o desenvolvimento de objetos tridimensionais e funcionais (cadeiras, lumin\u00e1rias, arm\u00e1rios, celulares, etc\u2026)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><b>Design gr\u00e1fico<\/b>: projetos com finalidades visuais, com o objetivo de informar.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\"><b>Design de interiores<\/b>: envolve projeto e planejamento, para otimizar espa\u00e7os da melhor forma poss\u00edvel. J\u00e1 foi chamado de <a href=\"https:\/\/www.vivadecora.com.br\/decoracao\" target=\"_blank\" rel=\"noopener noreferrer\"><i>decora\u00e7\u00e3o<\/i><\/a>.<\/li>\n<\/ul>\n<p>Eles, por sua vez, s\u00e3o divididos em mais incont\u00e1veis \u00e1reas. Vamos focar esse post em design gr\u00e1fico, umas vez que \u00e9 este o tipo de design mais \u00fatil ao marketing de conte\u00fado.<\/p>\n<h2>O que \u00e9 designer: a diferen\u00e7a entre design e designer?<\/h2>\n<p>N\u00e3o confunda os termos! Peixe \u00e9 peixe; boi \u00e9 boi; peixe-boi \u00e9 outra coisa! \ud83d\ude1b<\/p>\n<p>Design \u00e9 a atividade; <b>designer \u00e9 o profissional<\/b>.<\/p>\n<p>Assim como temos o m\u00e9dico que estudou medicina, o engenheiro que estudou engenharia, o arquiteto que <a href=\"https:\/\/archtrends.com\">estudou arquitetura<\/a>, <b>temos o designer que estudou design<\/b>.<\/p>\n<p>Como o design \u00e9 muito amplo, temos especialidades dentro do design (como foi citado acima). E temos especialidades dentro das especialidades.<\/p>\n<p>Por exemplo, um designer gr\u00e1fico pode trabalhar com:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\">Web design (<a href=\"https:\/\/rockcontent.com\/br\/blog\/design-de-sites\/\" target=\"_blank\" rel=\"noopener noreferrer\">cria\u00e7\u00e3o de sites<\/a>)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\">Motion graphics (anima\u00e7\u00e3o)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\">Tipografia (cria\u00e7\u00e3o de fontes)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\">Diagrama\u00e7\u00e3o (jornais, revistas, panfletos)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\">3D (modelagem de imagens tridimensionais)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\">Ilustra\u00e7\u00e3o (desenhos)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/rockcontent.com\/br\/blog\/branding\/\" target=\"_blank\" rel=\"noopener noreferrer\">Branding<\/a> (cria\u00e7\u00e3o de logo)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\">Entre outras coisas<\/li>\n<\/ul>\n<p>A maioria dos designers s\u00e3o polivalentes e atacam em todas as \u00e1reas, mas na maioria das vezes eles tem predile\u00e7\u00e3o ou simplesmente maior aptid\u00e3o por certas especialidades.<\/p>\n<h2>Logo, marca, logotipo, logomarca, slogan\u2026<\/h2>\n<p>Esses s\u00e3o alguns termos que causam certa confus\u00e3o no p\u00fablico em geral, mas \u00e9 importante que essa d\u00favida seja esclarecida. Os cinco termos listados acima n\u00e3o s\u00e3o sin\u00f4nimos!<\/p>\n<p>Cada um \u00e9 uma coisa. Abaixo um infogr\u00e1fico simples pra explicar quando usar os termos, \u00e9 s\u00f3 clicar na imagem para visualiza-lo :<\/p>\n<p><a href=\"https:\/\/chocoladesign.com\/wp-content\/uploads\/2014\/10\/logo-infografico2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-opt-id=1208482341  fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-5252 aligncenter\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2016\/07\/design-grafico-info.png\" alt=\"design grafico\" width=\"477\" height=\"162\" \/><\/a><\/p>\n<p>De acordo com o infogr\u00e1fico (e v\u00e1rios te\u00f3ricos do design) logomarca \u00e9 um termo errado e que n\u00e3o existe. \u00c9 uma redund\u00e2ncia provavelmente criada por algum publicit\u00e1rio prolixo.<\/p>\n<p>Seria o mesmo que chamar um sujeito chamado &#8220;Carlos&#8221; de &#8220;Carlos Carlos&#8221;.<\/p>\n<p>Outra justificativa para nunca mais usar o termo &#8220;logomarca&#8221; \u00e9 o fato de que voc\u00ea pode procurar em todos os livros sobre design oriundos dos pa\u00edses que originaram e come\u00e7aram a tratar design como ci\u00eancia (Alemanha e Estados Unidos). Voc\u00ea vai encontrar os termos &#8220;logo&#8221; ou &#8220;mark&#8221;. Nunca os dois juntos.<\/p>\n<p>Assim sendo, vamos as defini\u00e7\u00f5es:<\/p>\n<h3>Logo<\/h3>\n<p>Em sua ess\u00eancia, a palavra logo vem do grego logos, que traduzindo para o portugu\u00eas \u00e9 &#8220;significado&#8221;.<\/p>\n<p>Em comunica\u00e7\u00e3o\/design, logo \u00e9 o s\u00edmbolo pelo qual a sua marca\/empresa\/neg\u00f3cio \u00e9 reconhecida.<\/p>\n<h3>Marca<\/h3>\n<p>Em sua ess\u00eancia, a palavra marca vem do germ\u00e2nico &#8220;marka&#8221; que traduzindo para o portugu\u00eas \u00e9 &#8220;significado&#8221;.<\/p>\n<p>Por\u00e9m, no mundo da comunica\u00e7\u00e3o a <strong>palavra marca vai bem al\u00e9m da representa\u00e7\u00e3o gr\u00e1fica<\/strong>. Marca est\u00e1 tamb\u00e9m relacionada ao conceito da empresa, aquilo que fica no imagin\u00e1rio das pessoas.<\/p>\n<p>Por exemplo, quando fala-se da Adidas, logo se pensa em pr\u00e1tica de esportes, alta performance, tudo isso com estilo e qualidade.<\/p>\n<p>\u00c9 essa &#8220;imagem&#8221; que veio a cabe\u00e7a que a marca representa. Mas tamb\u00e9m se usa muito o termo &#8220;marca&#8221; para se referir ao logo (o que n\u00e3o \u00e9 considerado errado).<\/p>\n<h3>Logotipo<\/h3>\n<p>Quando um logo possui um suporte de texto, chamamos o s\u00edmbolo total de logotipo. \u00c9 a uni\u00e3o de um logo e um texto. Veja nos exemplos abaixo o logo e o logotipo da Nike, respectivamente.<\/p>\n<h3><img data-opt-id=1445937619  fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-5250 aligncenter\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:300\/h:108\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2016\/07\/design-grafico-logo-nike-300x108.png\" alt=\"design grafico\" width=\"300\" height=\"108\" \/><\/h3>\n<h3><img data-opt-id=1557105522  fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-5249 aligncenter\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:300\/h:160\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2016\/07\/design-grafico-logo-nike2-300x160.png\" alt=\"design grafico\" width=\"300\" height=\"160\" \/><\/h3>\n<h3><\/h3>\n<h3><\/h3>\n<h3>Logomarca<\/h3>\n<p>Muito embora possa ser encontrado nos dicion\u00e1rios da l\u00edngua portuguesa, o termo n\u00e3o \u00e9 usado nas l\u00ednguas que criaram o of\u00edcio\/ci\u00eancia do design. Logo e marca tem o mesmo significado.<\/p>\n<p>&#8220;Significado do significado&#8221;, isso n\u00e3o faz nenhum sentido!<\/p>\n<h3>Slogan<\/h3>\n<p>Algumas pessoas usam a palavra <a href=\"https:\/\/rockcontent.com\/br\/blog\/slogan\/\" target=\"_blank\" rel=\"noopener noreferrer\">slogan<\/a> para se referir ao logo, mas dessa vez h\u00e1 uma confus\u00e3o referente a semelhan\u00e7a das palavras.<\/p>\n<p>Na verdade, <a href=\"https:\/\/rockcontent.com\/br\/blog\/slogan\/\" target=\"_blank\" rel=\"noopener noreferrer\">slogan<\/a> n\u00e3o tem nada a ver com logo.<\/p>\n<p>Slogan \u00e9 uma frase\/express\u00e3o que define a empresa, as vezes tamb\u00e9m chamada de jarg\u00e3o. Um trabalho dos redatores, e n\u00e3o dos designers.<\/p>\n<h1>Como o design pode ajudar no marketing de conte\u00fado?<\/h1>\n<p>De nada adianta oferecer um conte\u00fado matador no<a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-blog\/\" target=\"_blank\" rel=\"noopener noreferrer\"> seu blog<\/a> sem se preocupar em como as pessoas v\u00e3o ver isso.<\/p>\n<p>A preocupa\u00e7\u00e3o com o design nos materiais gr\u00e1ficos que voc\u00ea disponibiliza \u00e9 muito importante e muito abrangente, afinal, o design gr\u00e1fico est\u00e1 presente na sua p\u00e1gina de facebook, no seu perfil do twitter, no seu site, no seu ebook, <a href=\"https:\/\/rockcontent.com\/br\/blog\/landing-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">landing pages<\/a>, materiais promocionais, v\u00eddeos, apresenta\u00e7\u00f5es, etc.<\/p>\n<p>Ter um bom designer na sua equipe \u00e9 imprescind\u00edvel, uma vez que \u00e9 comprovado que conte\u00fado com boas imagens geram um engajamento muito maior (como pode ser visto nessa pesquisa apresentada ela <a href=\"https:\/\/blog.hubspot.com\/marketing\/visual-content-marketing-strategy#sm.0000il4nm84iqehcqg61fcz3k1zyg\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot<\/a>).<\/p>\n<h2>Falando a l\u00edngua do designer<\/h2>\n<p>Designers gr\u00e1ficos possuem um dialeto muito peculiar e est\u00e3o sempre usando termos dif\u00edceis. Essa linguagem \u00e9 t\u00e3o corriqueira que \u00e9 importante ao menos entender um pouco alguns termos mais recorrentes.<\/p>\n<h3>Imagens digitais<\/h3>\n<p>O designer gr\u00e1fico lida diretamente com dois tipos de arquivos: os arquivos de <b>imagem digital<\/b> e os arquivos para <b>impress\u00e3o<\/b>.<\/p>\n<p>E existe entre eles algumas diferen\u00e7as b\u00e1sicas que fazem muita diferen\u00e7a no resultado final. A maior diferen\u00e7a que h\u00e1 entre esses dois tipos de arquivos \u00e9 o tipo de cor que se emprega neles.<\/p>\n<h3>Escala CMYK<\/h3>\n<p>Os arquivos para fins de impress\u00e3o usam a escala CMYK (ciano, magenta, amarelo e preto).<\/p>\n<p>Uma vez que ser\u00e3o impressos com tinta posteriormente, aquelas cores que vemos na tela durante a visualiza\u00e7\u00e3o da imagem s\u00e3o meramente ilustrativas. O resultado final da impress\u00e3o depende tamb\u00e9m da calibragem da impressora que vai executar a impress\u00e3o, do tipo de papel, etc.<\/p>\n<h3>Escala RGB<\/h3>\n<p>J\u00e1 os arquivos digitais utilizam a escala RGB (vermelho, verde e azul) que s\u00e3o as tr\u00eas <a href=\"https:\/\/rockcontent.com\/br\/blog\/psicologia-das-cores\/\" target=\"_blank\" rel=\"noopener noreferrer\">cores<\/a>-luz que s\u00e3o emitidas por qualquer tela.<\/p>\n<p>Essa escala permite cores muito mais cintilantes e fluorescentes (cuja reprodu\u00e7\u00e3o seria imposs\u00edvel numa impress\u00e3o sem tintas especiais).<\/p>\n<h3>Tipos de imagens digitais<\/h3>\n<p>No mundo de imagens digitais contamos com dois tipos de imagens: imagem vetorial e imagem bitmap (mapa de bits). E \u00e9 muito importante entender a diferen\u00e7a entre esses dois tipos e as suas melhores aplica\u00e7\u00f5es.<\/p>\n<h4>Imagem vetorial<\/h4>\n<p>Imagens vetoriais (ou simplesmente \u201cvetor\u201d) s\u00e3o imagens com um visual mais \u201cchapado\u201d (flat), sem sombras muito complexas e uma est\u00e9tica mais ilustrativa (muito embora alguns artistas vetoriais consigam fazer vetores que mais parecem fotografias).<\/p>\n<p>Trabalhar com vetores pode ser muito \u00fatil por uma s\u00e9rie de fatores.<\/p>\n<p>Primeiro, vetores s\u00e3o mais simples e, na maioria das vezes, uma est\u00e9tica mais simples tem uma assimila\u00e7\u00e3o mais r\u00e1pida e concisa. Se voc\u00ea tiver um bom designer gr\u00e1fico, ele vai conseguir sintetizar ideias complexas em poucos elementos vetoriais.<\/p>\n<p>Um bom exemplo de imagens feitas em vetor s\u00e3o as capas dos nossos posts aqui do <a href=\"https:\/\/www.marketingdeconteudo.com\" target=\"_blank\" rel=\"noopener noreferrer\">marketindeconteudo.com<\/a>.<\/p>\n<p>Mas sem d\u00favida, a maior vantagem de uma imagem vetorial \u00e9 o seu <b>tamanho e a sua escalabilidade<\/b>.<\/p>\n<p>O nome \u201cimagem vetorial\u201d se d\u00e1 pelo fato de que as imagens s\u00e3o formadas por pontos vetoriais (assim como aqueles que aprendemos nas aulas de f\u00edsica).<\/p>\n<p>Logo, as imagens s\u00e3o formadas a partir de poucos pontos que geram formas, que possuem informa\u00e7\u00f5es de cores nos preenchimentos. Mais ou menos igual aos livros de ligar pontos que e colorir que a gente adorava quando crian\u00e7a.<\/p>\n<p>Al\u00e9m dos arquivos ficarem bem pequenos, eles tamb\u00e9m possuem uma escalabilidade infinita. Voc\u00ea pode fazer uma arte de 5x5cm e usar ela pra envelopar um edif\u00edcio de 200 andares sem perder resolu\u00e7\u00e3o e sem precisar de um arquivo imenso!<\/p>\n<p>As imagens vetoriais podem ser encontradas nos formatos .ai, .cdr, .eps, .svg, .pdf. Vamos entender um pouco melhor sobre esses formatos na parte sobre ferramentas, mas j\u00e1 adianto que, para adicionar um vetor em uma p\u00e1gina de web o formato que deve ser usado \u00e9 o SVG.<\/p>\n<h4>Bitmap<\/h4>\n<p>As imagens de mapa de bits s\u00e3o as mais difundidas no meio digital, umas vez que elas podem reproduzir fotos com fidelidade.<\/p>\n<p>O nome \u201cmapa de bits\u201d se d\u00e1 pelo fato de que as imagens s\u00e3o formadas por v\u00e1rios pontos min\u00fasculos (chamados pixels). Pixels s\u00e3o aqueles quadradinhos que vemos quando damos zoom em uma imagem.<\/p>\n<p>Bitmap \u00e9 sem d\u00favida o tipo de imagem mais utilizada no meio digital, mas ter um conhecimento sobre as suas particularidades \u00e9 essencial.<\/p>\n<p>Primeiro, os bitmaps possuem um dado muito importante chamado resolu\u00e7\u00e3o, que nada mais \u00e9 como se um limite de escalabilidade predefinido e imut\u00e1vel que a imagem possui. Sendo assim, se voc\u00ea excede a resolu\u00e7\u00e3o pr\u00e9 estipulada de uma imagem bitmap, os pixels come\u00e7am a \u201cestourar\u201d (assim como no exemplo abaixo).<\/p>\n<p><a href=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2016\/07\/design-gráfico.png\"><img data-opt-id=200457340  decoding=\"async\" class=\"aligncenter wp-image-5257\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:566\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2016\/07\/design-gráfico-1024x566.png\" alt=\"design gr\u00e1fico: exemplo bitmap\" width=\"630\" height=\"348\" \/><\/a><\/p>\n<p>Dessa forma, o ideal \u00e9 que sempre trabalhemos com imagens em bitmap com uma folga de tamanho, sempre maiores do que o arquivo final, pois as vezes estamos fazendo um material pra ser usado numa resolu\u00e7\u00e3o pequena (exibi\u00e7\u00e3o numa p\u00e1gina de internet, por exemplo) mas que no futuro pode vir a ser impresso.<\/p>\n<p><b>Para visualiza\u00e7\u00e3o digital, o ideal \u00e9 que trabalhemos com imagens a 72 ou 96 dpi, na escala de cores RGB. J\u00e1 para impress\u00e3o as imagens precisam ter 300dpi e estarem na escala CMYK<\/b>.<\/p>\n<p>DPI significa \u201cdot per inch\u201d \u2014 em portugu\u00eas, ponto por polegada \u2014 e \u00e9 esse valor que estipula a resolu\u00e7\u00e3o de uma imagem. Quanto maior o DPI de uma imagem, maior a resolu\u00e7\u00e3o e maior tamb\u00e9m o tamanho do arquivo.<\/p>\n<p>Arquivos bitmap s\u00e3o encontrados em diversos formatos, mas os mais famosos s\u00e3o: .bmp, .jpg, .jpeg, .png, .gif.<\/p>\n<h4>Bancos de imagens<\/h4>\n<p>Se voc\u00ea est\u00e1 precisando de imagens para os seus materiais mas n\u00e3o tem verba pra contratar fot\u00f3grafos ou artistas gr\u00e1ficos, voc\u00ea pode encontrar \u00f3timas imagens disponibilizadas em bancos de imagens.<\/p>\n<p>Elas n\u00e3o s\u00e3o exclusivas, mas podem salvar a sua vida em alguns momentos! Confira aqui os <a href=\"https:\/\/rockcontent.com\/br\/blog\/melhores-bancos-de-imagens-gratuitos\/\" target=\"_blank\" rel=\"noopener noreferrer\">103 melhores bancos de imagens gratuitos da internet<\/a>!<\/p>\n<h3>Fontes<\/h3>\n<p>Sempre que trabalhamos com textos, vamos recorrer a fontes. Fonte nada mais \u00e9 que o tipo de letra que voc\u00ea usa num texto.<\/p>\n<p>As fontes s\u00e3o muito importantes pois uma aplica\u00e7\u00e3o errada de fonte pode dificultar a leitura do seu material e ningu\u00e9m tem tempo pra perder tentando entender o que est\u00e1 escrito em algum lugar.<\/p>\n<p>A dica de ouro aqui \u00e9: <b>seja simples<\/b>! Fontes simples facilitam a leitura. Voc\u00ea pode ter muita vontade de usar uma fonte radical no seu material sobre surf, mas tome muito cuidado!<\/p>\n<p>Fontes muito rebuscadas, al\u00e9m de prejudicarem a leitura, n\u00e3o s\u00e3o bem vistas pela comunidade de design. S\u00e3o consideradas n\u00e3o profissionais, bregas e mal aplicadas.<\/p>\n<p>Recomendamos que voc\u00ea evite as seguintes fontes:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><b>Comic Sans MS:<\/b> tem um ar infantil e pode ser substitu\u00edda por outras fontes menos usadas<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><b>Papyrus: <\/b>comumente utilizada fora de prop\u00f3sito e j\u00e1 foi usada exaustivamente<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\"><b>Zapfino: <\/b>usada exaustivamente e muito invasiva, n\u00e3o funciona bem nos layouts<\/li>\n<\/ul>\n<p>Outra dica legal \u00e9: saia do comum. Essas fontes citadas, al\u00e9m de apresentarem um visual est\u00e9tico duvidoso, foram utilizadas exaustivamente! Isso vai fazer com que os seus materiais pare\u00e7am gen\u00e9ricos.<\/p>\n<p>Criar uma identidade pra sua marca\/empresa est\u00e1 diretamente relacionado as fontes que voc\u00ea usa nos seus materiais. Escolha duas ou tr\u00eas fontes para serem as suas fontes padr\u00e3o.<\/p>\n<p>Pra encontrar fontes matadoras, recomendamos esse post com os <a href=\"https:\/\/rockcontent.com\/br\/blog\/baixar-fontes\/\" target=\"_blank\" rel=\"noopener noreferrer\">15 melhores sites para baixar fontes gr\u00e1tis<\/a>.<\/p>\n<h1>Ferramentas de design<\/h1>\n<p>E quais s\u00e3o as ferramentas utilizadas pelos designers gr\u00e1ficos para dar vida a tudo isso? Vamos listar aqui as ferramentas mais utilizadas.<\/p>\n<h2>Pacote Adobe<\/h2>\n<p>L\u00edder de mercado h\u00e1 anos, a Adobe apresenta os softwares mais vers\u00e1teis e mais bem integrados da atualidade. A sua utiliza\u00e7\u00e3o depende de uma assinatura mensal paga, mas que vale cada centavo investido.<\/p>\n<h3>Adobe Photoshop<\/h3>\n<p>Devido a sua versatilidade, esse \u00e9 sem d\u00favida o mais famoso software gr\u00e1fico do mundo. Ideal para manipular imagens bitmap, pode ser usado para atividades simples como altera\u00e7\u00f5es de formatos e cores at\u00e9 tratamentos e montagens sofisticadas.<\/p>\n<h3>Adobe Illustrator<\/h3>\n<p>Esse \u00e9 o software de imagens vetoriais da Adobe. Com ele voc\u00ea pode manipular pontos e preenchimentos de forma f\u00e1cil e r\u00e1pida. Seu arquivos nativos apresentam a exten\u00e7\u00e3o .ai, mas pode salvar em qualquer formato vetorial.<\/p>\n<h3>Adobe InDesign<\/h3>\n<p>Programa extremamente \u00fatil para diagrama\u00e7\u00e3o de materiais extensos como livros, <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-ebook\/\" target=\"_blank\" rel=\"noopener noreferrer\">e-books<\/a>, jornais, revistas, livretos, etc. A fun\u00e7\u00e3o do InDesign \u00e9 organizar grandes quantidades de informa\u00e7\u00f5es. Seus arquivos nativos possuem a extens\u00e3o .indd.<\/p>\n<h3>Adobe Premiere<\/h3>\n<p>Se voc\u00ea precisa editar os seus v\u00eddeos com recursos profissionais de corte, transi\u00e7\u00f5es, corre\u00e7\u00f5es de cores e muitos outros, esse \u00e9 o programa que voc\u00ea est\u00e1 procurando.<\/p>\n<h3>Adobe After Effects<\/h3>\n<p><a href=\"https:\/\/rockcontent.com\/br\/blog\/adobe-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\">Software de p\u00f3s-produ\u00e7\u00e3o de v\u00eddeo<\/a>, nele voc\u00ea pode fazer desde anima\u00e7\u00f5es simples de texto surgindo ou deslizando pela tela at\u00e9 helic\u00f3pteros explodindo e dinossauros andando pela cidade. N\u00e3o \u00e9 um programa t\u00e3o intuitivo e exige um conhecimento e experi\u00eancia.<\/p>\n<p>Obs.: o <a href=\"https:\/\/rockcontent.com\/br\/blog\/pacote-adobe\/\" target=\"_blank\" rel=\"noopener noreferrer\">pacote adobe<\/a> ainda conta com v\u00e1rios outros softwares, mas esses s\u00e3o os mais comuns nas \u00e1reas de trabalho dos designers gr\u00e1ficos.<\/p>\n<h2>Outras ferramentas<\/h2>\n<h3>CorelDraw<\/h3>\n<p>Antes da hegemonia Adobe, esse era o l\u00edder de mercado. Perdeu espa\u00e7o para os programas do pacote Adobe por tentar fazer tudo o que todos os softwares da adobe fazem, mas n\u00e3o cumprir t\u00e3o bem com nenhuma das fun\u00e7\u00f5es.<\/p>\n<p>Sua polival\u00eancia era comprometida pela instabilidade. Seu foco, na verdade, sempre foram as imagens vetoriais. \u00c9 um excelente software vetorial, mas perde para o Illustrator principalmente pela falta de integra\u00e7\u00e3o com outras ferramentas.<\/p>\n<h3>Maya, Cinema 4D, 3DS Max, Blender<\/h3>\n<p>Programas de modelagem e anima\u00e7\u00e3o tridimensional, s\u00e3o extremamente complexos e exigem muito tempo para serem dominados.<\/p>\n<p>Designers que dominam essas ferramentas s\u00e3o bastante valorizados no mercado. Dos 4 citados, o Blender \u00e9 open source\/gratuito e pode ser baixado em seu <a href=\"https:\/\/www.blender.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">site oficial<\/a>.<\/p>\n<h3>Gimp<\/h3>\n<p>O Gimp \u00e9 a alternativa open source gratuita para quem quer uma ferramenta gr\u00e1fica pr\u00f3xima do Photoshop mas n\u00e3o quer pagar nada. Profissionais que dominam esse software dizem que ele pode ser ainda mais poderoso e vers\u00e1til que o Photoshop. <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Baixe gr\u00e1tis no site oficial<\/a>.<\/p>\n<p>O universo do design gr\u00e1fico \u00e9 muito amplo, mas espero que este artigo tenha ajudado a entender um pouco mais sobre ele.<\/p>\n<p>Marketing de conte\u00fado sem um bom design aplicado pode ter uma efetividade muito baixa ent\u00e3o n\u00e3o ignore isso. Um bom designer \u00e9 essencial para um bom time de marketing.<\/p>\n<p>Quer saber mais sobre como montar um time de marketing eficiente? Clique aqui!<\/p>\n<p>E n\u00e3o se esque\u00e7a: fa\u00e7a design sempre voltado para convers\u00e3o!<\/p>\n<p><a href=\"https:\/\/materiais.rockcontent.com\/kit-marketing-digital?utm_source=mktc&amp;utm_medium=banner-meio\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-opt-id=1525781613  decoding=\"async\" class=\"aligncenter size-full wp-image-11792\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2017\/10\/CTA-primeiros-passos-no-marketing-digital.jpg\" alt=\"Primeiros passos no marketing digital\" width=\"630\" height=\"300\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ao trabalharmos com Marketing de Conte\u00fado, entramos em um universo muito amplo e de crescimento enorme. Sendo assim, precisamos nos diferenciar dos concorrentes que surgem aos borbot\u00f5es diariamente. E para nos destacarmos em meio a multid\u00e3o, precisamos investir em algo que de fato nos diferencie. Conte\u00fado j\u00e1 \u00e9 disponibilizado por muitos, mas sem d\u00favida a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8327,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-76391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Gr\u00e1fico: o que \u00e9 e sua import\u00e2ncia no Marketing Digital<\/title>\n<meta name=\"description\" content=\"Voc\u00ea sabe da import\u00e2ncia do Design Gr\u00e1fico no marketing de conte\u00fado? N\u00f3s te explicamos tudo neste post completo sobre o assunto!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/design-grafico\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Gr\u00e1fico: o que \u00e9 e sua import\u00e2ncia no Marketing Digital\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea sabe da import\u00e2ncia do Design Gr\u00e1fico no marketing de conte\u00fado? N\u00f3s te explicamos tudo neste post completo sobre o assunto!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/design-grafico\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-14T00:00:00+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-grafico\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/design-grafico\/\",\"name\":\"Design Gr\u00e1fico: o que \u00e9 e sua import\u00e2ncia no Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-grafico\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-grafico\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2016-07-14T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"Voc\u00ea sabe da import\u00e2ncia do Design Gr\u00e1fico no marketing de conte\u00fado? N\u00f3s te explicamos tudo neste post completo sobre o assunto!\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-grafico\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/design-grafico\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-grafico\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-grafico\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tudo sobre Design Gr\u00e1fico e como ele se aplica no Marketing de Conte\u00fado!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Gr\u00e1fico: o que \u00e9 e sua import\u00e2ncia no Marketing Digital","description":"Voc\u00ea sabe da import\u00e2ncia do Design Gr\u00e1fico no marketing de conte\u00fado? N\u00f3s te explicamos tudo neste post completo sobre o assunto!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingback.com\/br\/resources\/design-grafico\/","og_locale":"pt_BR","og_type":"article","og_title":"Design Gr\u00e1fico: o que \u00e9 e sua import\u00e2ncia no Marketing Digital","og_description":"Voc\u00ea sabe da import\u00e2ncia do Design Gr\u00e1fico no marketing de conte\u00fado? N\u00f3s te explicamos tudo neste post completo sobre o assunto!","og_url":"https:\/\/pingback.com\/br\/resources\/design-grafico\/","og_site_name":"Pingback","article_published_time":"2016-07-14T00:00:00+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/design-grafico\/","url":"https:\/\/pingback.com\/br\/resources\/design-grafico\/","name":"Design Gr\u00e1fico: o que \u00e9 e sua import\u00e2ncia no Marketing Digital","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/design-grafico\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/design-grafico\/#primaryimage"},"thumbnailUrl":"","datePublished":"2016-07-14T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"Voc\u00ea sabe da import\u00e2ncia do Design Gr\u00e1fico no marketing de conte\u00fado? N\u00f3s te explicamos tudo neste post completo sobre o assunto!","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/design-grafico\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/design-grafico\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/design-grafico\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/design-grafico\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Tudo sobre Design Gr\u00e1fico e como ele se aplica no Marketing de Conte\u00fado!"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/76391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=76391"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/76391\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=76391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=76391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=76391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}