{"id":3087,"date":"2016-04-29T10:56:21","date_gmt":"2016-04-29T13:56:21","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=3087"},"modified":"2019-03-16T02:36:50","modified_gmt":"2019-03-16T05:36:50","slug":"6-dicas-indispensaveis-para-criar-layouts-de-pecas-publicitarias","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/6-dicas-indispensaveis-para-criar-layouts-de-pecas-publicitarias\/","title":{"rendered":"6 dicas indispens\u00e1veis para criar layouts de pe\u00e7as publicit\u00e1rias"},"content":{"rendered":"<p>Se voc\u00ea est\u00e1 come\u00e7ando no mundo gr\u00e1fico da publicidade ou est\u00e1 estreando como freelancer, possivelmente tem algumas d\u00favidas sobre como criar layouts para as pe\u00e7as publicit\u00e1rias que seja \u00a0de qualidade e que gere resultados, correto?<\/p>\n<p>Voc\u00ea est\u00e1 certo em se preocupar: para gerar resultados, a comunica\u00e7\u00e3o deve ser eficiente e isso ser\u00e1 sua marca profissional. Pensando nesse ponto, separamos seis dicas que v\u00e3o te ajudar a produzir pe\u00e7as que alcancem o consumidor.<\/p>\n<h2>1. Estrutura do Layout<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3089 size-full\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Estrutura.png\" alt=\"Layouts\" width=\"400\" height=\"300\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Estrutura.png 400w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Estrutura-80x60.png 80w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Estrutura-24x18.png 24w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Planeje-se. Criar uma estrutura nada mais \u00e9 que montar um planejamento. Por mais clich\u00ea que pare\u00e7a: em cria\u00e7\u00e3o, nem tudo \u00e9 <a href=\"https:\/\/www.mxcursos.com\/blog\/7-melhores-ferramentas-que-todo-designer-nao-pode-deixar-de-conhecer\/\" target=\"_blank\" rel=\"noopener noreferrer\"><u>inspira\u00e7\u00e3o<\/u><\/a>. A maior parte \u00e9 rala\u00e7\u00e3o.<\/p>\n<p>Pensar em uma estrutura \u00e9 pensar qual o objetivo da pe\u00e7a que voc\u00ea est\u00e1 fazendo e em qual plataforma ela ser\u00e1 veiculada. \u00c9 nesse momento, tamb\u00e9m, que voc\u00ea deve pensar na necessidade de uso da marca.<\/p>\n<p>Busque as informa\u00e7\u00f5es da cada plataforma: medida recomendada, extens\u00e3o com melhor qualidade, normas etc. Exemplo: pe\u00e7as para web t\u00eam melhor qualidade se forem salvas em .PNG e posts para o <a href=\"https:\/\/www.mxcursos.com\/blog\/como-criar-publico-para-campanhas-no-facebook-ads\/\"><u>Facebook<\/u><\/a> devem ter 800 pixels de altura e de largura.<\/p>\n<h2>2. Cores<\/h2>\n<p>Equil\u00edbrio \u00e9 a palavra-chave. Por isso, \u00e9 muito importante n\u00e3o fugir ao conceito j\u00e1 estabelecido para todo projeto da campanha publicit\u00e1ria e entender que a paleta de cores estabelecida para todo o projeto \u00e9 parte (e uma grande parte, por sinal) da identidade visual da campanha. As cores conferem tom de unicidade ao conjunto.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3090 size-medium\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Colors-600x306.png\" alt=\"Cores\" width=\"600\" height=\"306\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Colors-600x306.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Colors-768x391.png 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Colors-1500x764.png 1500w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Colors-740x377.png 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Colors-24x12.png 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Colors.png 1921w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>N\u00e3o deixe de verificar o uso das cores nos concorrentes diretos e evite fazer combina\u00e7\u00f5es semelhantes.<\/p>\n<h2>3.Tipografia e Diagrama\u00e7\u00e3o<\/h2>\n<p><img decoding=\"async\" class=\"alignleft wp-image-3091 size-full\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Typography.jpeg\" alt=\"Tipografia\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Typography.jpeg 300w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Typography-24x13.jpeg 24w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Atente-se para a escolha da fonte. Existem fontes apropriadas para cada tipo de trabalho. Por exemplo: fontes serifadas s\u00e3o mais usadas em trabalhos que trazem blocos de texto. A \u201ccontinuidade\/prolongamento\u201d da fonte tende a guiar o olhar direto para as palavras e frases, em vez de ressaltar letra por letra, facilitando a leitura.<\/p>\n<p>J\u00e1 as fontes (ou tipos) sem serifa s\u00e3o mais eficientes em textos curtos: t\u00edtulos, posts e chamadas. A aus\u00eancia do prolongamento em cada letra facilita a leitura de cada palavra.<\/p>\n<p>A diagrama\u00e7\u00e3o e o texto tamb\u00e9m demandam planejamento. Ap\u00f3s a escolha do tipo, estabele\u00e7a a localiza\u00e7\u00e3o do texto. Opte por caixas de texto individualizadas \u2014 elas facilitar\u00e3o a diagrama\u00e7\u00e3o.<\/p>\n<h2>4. Imagens<\/h2>\n<p>Imagens para layouts devem ter alta qualidade e devem ser pr\u00f3prias para essa finalidade. Isso significa que, se o seu cliente n\u00e3o providenciou um banco de imagens, voc\u00ea deve procurar em bancos de imagens da internet (existem diversos, gratuitos e pagos).<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3092 size-medium\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Design.jpg\" alt=\"Imagens\" width=\"600\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Design.jpg 4000w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Design-600x255.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Design-768x327.jpg 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Design-1500x638.jpg 1500w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Design-740x315.jpg 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/Design-24x10.jpg 24w\" sizes=\"(max-width: 4000px) 100vw, 4000px\" \/><\/p>\n<p>\u00c9 importante que seja uma imagem de <a href=\"https:\/\/www.mxcursos.com\/blog\/por-que-meu-site-nao-tem-muito-acesso\/\" target=\"_blank\" rel=\"noopener noreferrer\"><u>banco<\/u><\/a>, pois: al\u00e9m de a qualidade ser melhor, facilitando o tratamento da imagem, ela precisa ser autorizada. Isso mesmo: n\u00e3o pegue uma imagem qualquer do Google, afinal, a internet \u00e9 uma terra com lei.<\/p>\n<h2>5. Padr\u00e3o<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3093 size-medium\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/design_patterns-600x242.jpg\" alt=\"Patterns\" width=\"600\" height=\"242\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/design_patterns-600x242.jpg 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/design_patterns-370x150.jpg 370w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/design_patterns-740x298.jpg 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/design_patterns-24x10.jpg 24w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/04\/design_patterns.jpg 745w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>A mesma regra das cores vale para o padr\u00e3o. Obede\u00e7a ao que foi proposto para todo o projeto. Uma campanha s\u00f3 possui uma identidade visual se todas as pe\u00e7as que a comp\u00f5em obedecerem ao mesmo padr\u00e3o (previamente estipulado).<\/p>\n<h2>6. Autoavalia\u00e7\u00e3o<\/h2>\n<p>Menos \u00e9 mais! Clich\u00ea, certo? Errado! Essa frase \u00e9 a representa\u00e7\u00e3o m\u00e1xima do senso cr\u00edtico. Layouts muitos cheios, com muitas refer\u00eancias e blocos de textos n\u00e3o s\u00e3o amig\u00e1veis. Em outras palavras, n\u00e3o s\u00e3o convidativos.<\/p>\n<p>N\u00e3o h\u00e1 necessidade de mostrar todos os seus talentos em uma pe\u00e7a s\u00f3. Estude seu p\u00fablico, acompanhe a elabora\u00e7\u00e3o da campanha e, quando for sua vez de contribuir, fa\u00e7a uma autoavalia\u00e7\u00e3o e se pergunte: essa pe\u00e7a est\u00e1 obedecendo ao que foi pedido? Se eu fosse o cliente, gostaria de ver\/ler\/receber uma pe\u00e7a com esse layout?<\/p>\n<p>Percebeu que a cria\u00e7\u00e3o de layouts possui algumas regrinhas b\u00e1sicas que podem (e devem) ser aplicadas a qualquer pe\u00e7a publicit\u00e1ria? \u00c9 claro que existe a parte de deixar a imagina\u00e7\u00e3o fluir, mas se voc\u00ea quer se tornar um profissional eficiente, deve ficar atento aos pequenos detalhes que s\u00e3o invari\u00e1veis.<\/p>\n<p>Gostou? Tem alguma d\u00favida ou quer acrescentar a sua dica? Comente aqui no post e compartilhe suas ideias e experi\u00eancias com a gente.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea est\u00e1 come\u00e7ando no mundo gr\u00e1fico da publicidade ou est\u00e1 estreando como freelancer, possivelmente tem algumas d\u00favidas sobre como criar layouts para as pe\u00e7as publicit\u00e1rias que seja \u00a0de qualidade e que gere resultados, correto? Voc\u00ea est\u00e1 certo em se preocupar: para gerar resultados, a comunica\u00e7\u00e3o deve ser eficiente e isso ser\u00e1 sua marca profissional. [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":3095,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[307],"tags":[],"class_list":["post-3087","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/3087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=3087"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/3087\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/3095"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=3087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=3087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=3087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}