Diagrama\u00e7\u00e3o \u00e9 uma s\u00e9rie de t\u00e9cnicas e pr\u00e1ticas que orientam a organiza\u00e7\u00e3o e distribui\u00e7\u00e3o de elementos gr\u00e1ficos (textos, imagens, grafismos) dentro de uma p\u00e1gina. Podemos dizer que esse recurso \u00e9 um dos fundamentos do design gr\u00e1fico, porque permite ao profissional organizar o conte\u00fado de forma a direcionar o olhar do leitor pela composi\u00e7\u00e3o.<\/p>\n\n\n\n
A diagrama\u00e7\u00e3o \u00e9 um recurso que deve ser aplicado tanto em materiais de maior volume de conte\u00fado, como livros, revistas, jornais e websites, como artes com menos informa\u00e7\u00e3o, como materiais de papelaria, cards para redes sociais e e-mail marketing, por exemplo.<\/p>\n\n\n\n
\u00c9 importante ressaltar que a fun\u00e7\u00e3o principal do design \u00e9 aliar forma e fun\u00e7\u00e3o. Isso significa que um material precisa ser tanto atrativo quanto funcional. N\u00e3o basta ser bonito, \u00e9 preciso ser tamb\u00e9m leg\u00edvel e compreens\u00edvel. A diagrama\u00e7\u00e3o \u00e9 uma grande aliada nesse processo, pois confere estrutura e hierarquia para a informa\u00e7\u00e3o.<\/p>\n\n\n\n
Como fazer uma diagrama\u00e7\u00e3o?<\/strong><\/p>\n\n\n\n Para construir um layout atrativo e eficiente, \u00e9 preciso estar atento a alguns conceitos. Hierarquia, composi\u00e7\u00e3o visual e equil\u00edbrio s\u00e3o pontos fundamentais.<\/p>\n\n\n\n Veja 5 dicas pr\u00e1ticas:<\/p>\n\n\n\n 1. Defina um grid<\/em><\/strong><\/p>\n\n\n\n O grid \u00e9 um \u00f3timo recurso para organizar os espa\u00e7os dispon\u00edveis dentro de uma p\u00e1gina pois ajuda a determinar quais \u00e1reas devem receber textos, imagens, e em quais pontos ser\u00e3o delimitados os espa\u00e7os vazios. Antes de iniciar sua diagrama\u00e7\u00e3o, experimente diferentes op\u00e7\u00f5es e defina aquela que se encaixa melhor para distribuir o conte\u00fado necess\u00e1rio. Lembre-se de respeitar a estrutura definida para manter uma coer\u00eancia visual.<\/p>\n\n\n\n 2. Respeite os espa\u00e7os em branco<\/em><\/strong><\/p>\n\n\n\n Dentro de um projeto gr\u00e1fico, \u00e9 importante deixar alguns espa\u00e7os vazios entre os textos e imagens. Eles favorecem a organiza\u00e7\u00e3o do conte\u00fado porque permitem que o leitor possa identificar com facilidade as informa\u00e7\u00f5es disponibilizadas. Quando essa regra n\u00e3o \u00e9 respeitada, os conte\u00fados se misturam, o que pode dificultar a compreens\u00e3o do leitor. Espa\u00e7os de respiro s\u00e3o fundamentais, portanto, n\u00e3o tenha medo de deixar alguns espa\u00e7os em branco no seu material.<\/p>\n\n\n\n 3. Valorize a tipografia<\/em><\/strong><\/p>\n\n\n\n Um elemento que tem grande impacto na diagrama\u00e7\u00e3o \u00e9 a tipografia. Por isso, escolha fontes com boa legibilidade, invista em tamanhos apropriados para leitura, trabalhe com varia\u00e7\u00e3o nos pesos das fontes e utilize esse recurso para dar mais destaque \u00e0s informa\u00e7\u00f5es principais. Evite a combina\u00e7\u00e3o de v\u00e1rias fontes distintas em um mesmo material. Escolha dois ou tr\u00eas tipos e trabalhe com eles dentro da composi\u00e7\u00e3o.<\/p>\n\n\n\n 4. Fique atento aos alinhamentos<\/em><\/strong><\/p>\n\n\n\n Existem diversas maneiras de alinhar os blocos de texto. Textos justificados criam blocos homog\u00eaneos e tendem a funcionar bem em materiais impressos, j\u00e1 alinhamentos \u00e0 esquerda funcionam bem em materiais digitais. Os alinhamentos \u00e0 direita funcionam bem apenas para frases curtas, bem como textos centralizados. Escolha o tipo de alinhamento que se encaixa melhor ao volume de conte\u00fado e mantenha coer\u00eancia durante todo o material, alinhando textos, imagens e grafismos seguindo um mesmo padr\u00e3o.<\/p>\n\n\n\n 5. Organize o conte\u00fado de acordo com a hierarquia da informa\u00e7\u00e3o<\/em><\/strong><\/p>\n\n\n\n Uma boa diagrama\u00e7\u00e3o valoriza o conte\u00fado e confere destaque \u00e0s informa\u00e7\u00f5es mais importantes. Defina tamanhos diferentes de fontes para diferenciar os textos e promova o destaque necess\u00e1rio para as imagens. Dessa forma \u00e9 poss\u00edvel criar uma hierarquia que ir\u00e1 atrair e conduzir o olhar do leitor para o seu material gr\u00e1fico.<\/p>\n\n\n\n Voc\u00ea trabalha ou tem interesse em trabalhar com Design Gr\u00e1fico? Segue a gente no insta e nos conta sobre a tua experi\u00eancia na \u00e1rea.<\/p>","protected":false},"excerpt":{"rendered":" Diagrama\u00e7\u00e3o \u00e9 uma s\u00e9rie de t\u00e9cnicas e pr\u00e1ticas que orientam a organiza\u00e7\u00e3o e distribui\u00e7\u00e3o de elementos gr\u00e1ficos (textos, imagens, grafismos) dentro de uma p\u00e1gina. Podemos dizer que esse recurso \u00e9 um dos fundamentos do design gr\u00e1fico, porque permite ao profissional organizar o conte\u00fado de forma a direcionar o olhar do leitor pela composi\u00e7\u00e3o. A diagrama\u00e7\u00e3o […]<\/p>\n","protected":false},"author":1,"featured_media":689,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-647","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/posts\/647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/comments?post=647"}],"version-history":[{"count":3,"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/posts\/647\/revisions"}],"predecessor-version":[{"id":651,"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/posts\/647\/revisions\/651"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/media\/689"}],"wp:attachment":[{"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/media?parent=647"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/categories?post=647"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/perolacomunicacao.com.br\/en\/wp-json\/wp\/v2\/tags?post=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}