{"id":15022,"date":"2019-11-18T08:00:26","date_gmt":"2019-11-18T11:00:26","guid":{"rendered":"https:\/\/www.impacta.com.br\/blog\/?p=15022"},"modified":"2019-11-18T08:00:26","modified_gmt":"2019-11-18T11:00:26","slug":"5-segredos-da-diagramacao-que-voce-precisa-conhecer","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/","title":{"rendered":"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\"><em>N\u00e3o pode ler esse artigo agora? Ou\u00e7a a mat\u00e9ria no Player abaixo:<\/em><\/span><br \/>\n<iframe loading=\"lazy\" width=\"100%\" height=\"83\" style=\"height: 83px !important;\" scrolling=\"no\" src=\"https:\/\/app.vooozer.com\/embed\/04e20a5a\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Se voc\u00ea pesquisar pelo significado de diagrama\u00e7\u00e3o em manuais, livros did\u00e1ticos ou textos na internet, \u00e9 prov\u00e1vel que voc\u00ea encontre a seguinte descri\u00e7\u00e3o:\u00a0<\/span><br \/>\n<span style=\"font-size: 14pt;\"><b><i>Diagrama\u00e7\u00e3o \u00e9 um processo de distribui\u00e7\u00e3o de elementos em um espa\u00e7o. Por exemplo, em uma p\u00e1gina de web, jornal ou revista.\u00a0<\/i><\/b><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Boa parte do trabalho de um diagramador \u00e9 justamente isso: organizar a disposi\u00e7\u00e3o de textos, fotografias, gr\u00e1ficos e outros elementos em uma composi\u00e7\u00e3o para que ela fique fluida, bela e atraente.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Na pr\u00e1tica, por\u00e9m, diagramar \u00e9 um trabalho amplo de composi\u00e7\u00e3o visual que julga um tratamento cuidadoso da informa\u00e7\u00e3o. Quer saber tudo que envolve, quais os benef\u00edcios e os segredos para acertar sempre ao diagramar qualquer material? Continue lendo!<\/span><\/p>\n<h2><span style=\"font-size: 14pt;\"><b>\u00a0 Como<\/b> <b>\u00e9 o processo de diagrama\u00e7\u00e3o?<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">\u00a0Muito al\u00e9m da distribui\u00e7\u00e3o de elementos para se criar uma p\u00e1gina bonita, o processo de diagrama\u00e7\u00e3o indica para o p\u00fablico o que \u00e9 mais importante em uma p\u00e1gina e qual ordem de leitura \u00e9 a mais eficiente para ser seguida.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Ela hierarquiza e torna leg\u00edvel a informa\u00e7\u00e3o de uma composi\u00e7\u00e3o, e por isso, \u00e9 uma etapa essencial na produ\u00e7\u00e3o de qualquer pe\u00e7a visual.<\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Diagramar \u00e9 um trabalho tamb\u00e9m bastante flex\u00edvel, que pode ser realizado com alguns softwares profissionais, em especial o <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2018\/03\/28\/afinal-por-que-aprender-a-diagramar-usando-o-adobe-indesign\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>InDesign<\/b><\/a><span style=\"font-weight: 400;\">, da Adobe, que \u00e9 a ferramenta mais usada nesse mercado, mas tamb\u00e9m atrav\u00e9s de outros aplicativos e programas, como o GIMP.\u00a0<\/span><\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Al\u00e9m do dom\u00ednio t\u00e9cnico das <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/05\/15\/criacao-saiba-quando-usar-o-photoshop-illustrator-e-indesign\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">ferramentas<\/span><\/a><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.impacta.com.br\/blog\/2017\/05\/15\/criacao-saiba-quando-usar-o-photoshop-illustrator-e-indesign\/\">,<\/a> \u00e9 essencial que o diagramador tenha no\u00e7\u00f5es de design: desde a aplica\u00e7\u00e3o de formas a regras de composi\u00e7\u00e3o, ao uso das cores, sele\u00e7\u00e3o de fontes tipogr\u00e1ficas e conhecimento em edi\u00e7\u00e3o e <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2019\/06\/24\/9-habilidades-todo-profissional-de-design\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">tratamento de imagens<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400; font-size: 14pt;\">Habilidade em fotografia, ilustra\u00e7\u00e3o e outras \u00e1reas relacionadas \u00e0s artes visuais s\u00e3o excelentes conhecimentos adicionais para um diagramador.<\/span><\/p>\n<h2 style=\"text-align: left;\"><span style=\"font-size: 14pt;\"><b>\u00a0 Os benef\u00edcios de uma boa diagrama\u00e7\u00e3o<\/b><\/span><\/h2>\n<p><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Existem diversas linhas de pesquisas, entre elas a fenomenologia da <\/span><i><span style=\"font-weight: 400;\">Gestalt <\/span><\/i><span style=\"font-weight: 400;\">alem\u00e3, que demonstram como projetos de diagrama\u00e7\u00e3o bem executados tornam os objetos <\/span><b>mais agrad\u00e1veis ao olhar<\/b><span style=\"font-weight: 400;\">.<\/span><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Entretanto, a diagrama\u00e7\u00e3o n\u00e3o influencia apenas na apar\u00eancia de uma pe\u00e7a. Uma composi\u00e7\u00e3o bem diagramada \u00e9 mais leg\u00edvel e as informa\u00e7\u00f5es se tornam melhor hierarquizadas, facilitando a leitura do p\u00fablico e aumentando as chances de uma boa comunica\u00e7\u00e3o.<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">A diagrama\u00e7\u00e3o tamb\u00e9m \u00e9 uma ferramenta importante na consolida\u00e7\u00e3o de uma identidade visual de uma empresa ou institui\u00e7\u00e3o. A ideia \u00e9 que o p\u00fablico possa reconhecer tra\u00e7os, formas, cores, letras e disposi\u00e7\u00f5es como caracter\u00edsticas de uma determinada marca.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Agora que voc\u00ea j\u00e1 sabe o que \u00e9 diagramar e os seus benef\u00edcios, est\u00e1 na hora de colocar a m\u00e3o na massa, n\u00e3o acha? Veja o que separamos para te ajudar a come\u00e7ar!<\/span><\/p>\n<h2><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">\u00a0 \u00a0\u00a0<\/span><b>As 5 dicas para uma boa diagrama\u00e7\u00e3o<\/b><\/span><\/h2>\n<h3><strong>\u00a0 \u00a0 \u00a0 <span style=\"font-size: 14pt;\">1. Aprenda a criar uma boa hierarquia<\/span><\/strong><\/h3>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Hierarquizar toda a informa\u00e7\u00e3o que ir\u00e1 ser utilizada deve ser o primeiro cuidado de um diagramador, at\u00e9 porque, n\u00e3o adianta nada compor uma p\u00e1gina bel\u00edssima, na qual o leitor n\u00e3o consiga entender o que \u00e9 t\u00edtulo, o que \u00e9 texto, onde come\u00e7a a leitura e o que vem antes e depois de um determinado trecho.<\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Para isso, <\/span><b>uma boa dica \u00e9 desenhar um esbo\u00e7o do que voc\u00ea ir\u00e1 compor<\/b><span style=\"font-weight: 400;\">: pegue uma folha de papel e tente organizar t\u00edtulos, subt\u00edtulos, texto e imagens, utilizando formas simples como ret\u00e2ngulos e c\u00edrculos.\u00a0<\/span><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Trace os fluxos da informa\u00e7\u00e3o ao longo da p\u00e1gina, organizando o que deve ser lido primeiro, o que precisa ter destaque e o que pode ser lido secundariamente.<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Al\u00e9m de trabalhar com tamanhos padr\u00f5es para as palavras e imagens, como diagrama\u00e7\u00f5es diferentes de imagens principais e secund\u00e1rias, \u00e9 importante ter os \u201crespiros\u201d entre os espa\u00e7os da p\u00e1gina.<\/span><\/p>\n<h3><b><b><span style=\"font-size: 12pt;\">\u00a0 \u00a0 \u00a0 \u00a0<\/span><span style=\"font-size: 14pt;\"><span style=\"font-size: 12pt;\">2<\/span>. Escolha a tipografia com sabedoria<\/span><\/b><\/b><\/h3>\n<p><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">\u00a0A <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2015\/03\/16\/top-6-tipografias-gratuitas-e-sensacionais\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">tipografia <\/span><\/a><span style=\"font-weight: 400;\">\u00e9 um dos elementos principais para a diagrama\u00e7\u00e3o. Os variados tipos de letras, chamados de <\/span><b>fontes<\/b><span style=\"font-weight: 400;\"> no design, t\u00eam efeitos totalmente diferentes sobre a leitura.\u00a0<\/span><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Uma fonte com letras maiores e mais grossas pode sugerir uma mensagem mais impactante ou emergencial. Por outro lado, uma fonte com letras mais delicadas e tra\u00e7os mais finos deve propor uma comunica\u00e7\u00e3o mais pr\u00f3xima e acolhedora.<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">\u00c9 preciso levar em conta diversos fatores na hora de escolher a tipografia, como:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400; font-size: 14pt;\">largura e tamanho das letras;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400; font-size: 14pt;\">espa\u00e7amento entre as palavras e linhas;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400; font-size: 14pt;\">tra\u00e7os e prolongamentos nas extremidades;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">aplica\u00e7\u00f5es de acentos e caracteres especiais. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">No caso da leitura no impresso, fontes serifadas para grandes textos s\u00e3o as mais indicadas, e fontes sem serifa, no caso de publica\u00e7\u00f5es na internet.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">\u00c9 interessante utilizar tipos diferentes de fontes, como uma para t\u00edtulos e outra para o corpo principal dos textos. No caso de infogr\u00e1ficos e ilustra\u00e7\u00f5es, por exemplo, fontes variadas podem deixar a composi\u00e7\u00e3o bem mais atraente.\u00a0 \u00a0<\/span><\/p>\n<h4><strong><span style=\"font-size: 14pt;\">\u00a0 \u00a0 \u00a0 3. Use as cores ao seu favor\u00a0<\/span><\/strong><\/h4>\n<p><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">As cores s\u00e3o um dos elementos mais eficientes da composi\u00e7\u00e3o. Um bom <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2014\/06\/13\/13-ferramentas-para-escolher-o-esquema-de-cores-perfeito-parte-i\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">esquema de cores<\/span><\/a><span style=\"font-weight: 400;\">, com uma sele\u00e7\u00e3o adequada de tons semelhantes e que contrastem entre si, pode transformar completamente uma pe\u00e7a visual. <\/span><b>Uma boa dica \u00e9 esbo\u00e7ar uma paleta de cores logo no in\u00edcio do trabalho de diagrama\u00e7\u00e3o<\/b><span style=\"font-weight: 400;\">.<\/span><\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">\u00c9 interessante pensar no esquema de cores a partir de tons complementares &#8211; as cores que s\u00e3o as mais contrastantes entre si -, criando uma \u00f3tima forma de <\/span><b>criar destaques<\/b><span style=\"font-weight: 400;\"> em meio \u00e0 muitos elementos. <\/span><b>S\u00e3o cores complementares entre si o <span style=\"color: #ff0000;\">vermelho<\/span> e o <span style=\"color: #008000;\">verde<\/span>, o <span style=\"color: #0000ff;\">azul<\/span> e o <span style=\"color: #ff6600;\">laranja<\/span>, o <span style=\"color: #ffcc00;\">amarelo<\/span> e o <span style=\"color: #531582;\">violeta<\/span>.\u00a0<\/b><\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Segundo a <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2019\/04\/03\/qual-e-a-importancia-da-teoria-das-cores-para-o-design\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">teoria das cores<\/span><\/a><span style=\"font-weight: 400;\">,<\/span><span style=\"font-weight: 400;\">\u00a0o tom que voc\u00ea utiliza tamb\u00e9m pode sugerir sensa\u00e7\u00f5es espec\u00edficas: cores quentes &#8211; vermelho, laranja e amarelo -, costumam sugerir humores mais vibrantes, ativos, expansivos, como campanhas de varejo. J\u00e1 tons frios &#8211; azul, ciano e violeta &#8211; indicam express\u00f5es mais calmas, est\u00e1veis, como um an\u00fancio de SPA.<\/span><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">\u00a0Tenha tamb\u00e9m em mente que cores podem estar ligadas a significados culturais espec\u00edficos. Determinado esquema de cor pode remeter diretamente a um partido pol\u00edtico, empresa ou pa\u00eds, por exemplo. Uma cor tamb\u00e9m pode ter uma simbologia completamente diferente em uma cultura estrangeira.<\/span><\/p>\n<h5><b><b>\u00a0 \u00a0 \u00a0 <span style=\"font-size: 14pt;\">4. D\u00ea aten\u00e7\u00e3o \u00e0s imagens<\/span><\/b><\/b><\/h5>\n<p><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Boas fotografias, <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2016\/11\/18\/profissao-designer-conheca-as-diferentes-atuacoes-dessa-carreira\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">ilustra\u00e7\u00f5es <\/span><\/a><span style=\"font-weight: 400;\">bem trabalhadas e v\u00eddeos com boa finaliza\u00e7\u00e3o s\u00e3o elementos que devem ser aplicados, sempre que poss\u00edvel, na diagrama\u00e7\u00e3o de revistas, an\u00fancios e sites.\u00a0<\/span><\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Utilizar apenas imagens de sua autoria ou de bancos \u00e9 uma regra fundamental. Existem diversos <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2019\/04\/15\/11-melhores-bancos-de-imagens-utilizar\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">bancos de imagens<\/span><\/a><span style=\"font-weight: 400;\">, tanto gratuitos quanto pagos, que possuem imagens, anima\u00e7\u00f5es, \u00edcones e infogr\u00e1ficos de <\/span><b>alta resolu\u00e7\u00e3o<\/b><span style=\"font-weight: 400;\">, o que \u00e9 muito importante para as aplica\u00e7\u00f5es.\u00a0\u00a0<\/span><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">\u00c9 recomend\u00e1vel utilizar imagens com resolu\u00e7\u00f5es de, pelo menos, 72 pontos por polegadas (DPI), evitando efeitos pixelados na imagem. J\u00e1 para imagens que ser\u00e3o impressas, o ideal \u00e9 utilizar imagens com pelo menos 300 DPI.\u00a0<\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">\u00c9 importante tamb\u00e9m ter em mente que existem basicamente dois padr\u00f5es de imagens: o <\/span><b>RGB<\/b><span style=\"font-weight: 400;\">,<\/span> <span style=\"font-weight: 400;\">que\u00a0 utiliza um padr\u00e3o de cores para arquivos digitais, e o <\/span><b>CMYK <\/b><span style=\"font-weight: 400;\">que \u00e9 destinado \u00e0 impress\u00e3o. Sempre salve os arquivos de imagens no formato correto para evitar distor\u00e7\u00f5es nas cores, sobretudo para impress\u00e3o.\u00a0<\/span><\/span><\/p>\n<h6><strong><span style=\"font-size: 14pt;\">\u00a0 \u00a0 \u00a0 5. Tenha uma identidade consistente<\/span><\/strong><\/h6>\n<p><span style=\"font-size: 14pt;\"><b>\u00a0<\/b><span style=\"font-weight: 400;\">\u00c9 fundamental se esfor\u00e7ar para manter uma identidade visual consistente quando for diagramar pe\u00e7as para uma mesma marca, j\u00e1 que a mesma pode ajudar a desenvolver a rela\u00e7\u00e3o da marca com o p\u00fablico, criando <\/span><b>estabilidade e confian\u00e7a<\/b><span style=\"font-weight: 400;\">.<\/span><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Caso j\u00e1 exista um manual de aplica\u00e7\u00e3o da marca, siga as instru\u00e7\u00f5es e os padr\u00f5es estabelecidos. Se n\u00e3o existir, \u00e9 bom se inspirar na logo da organiza\u00e7\u00e3o e no que j\u00e1 foi produzido.<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Procure por cores, fontes, \u00edcones e disposi\u00e7\u00f5es utilizadas com mais frequ\u00eancia. At\u00e9 mesmo imagens, como fotografias e v\u00eddeos devem entrar na composi\u00e7\u00e3o da identidade visual, podendo utilizar um mesmo filtro para tratar todas as fotografias.<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">O objetivo final de um bom trabalho de identidade visual \u00e9 criar um padr\u00e3o para que, no momento que o p\u00fablico tenha contato com uma determinada pe\u00e7a, j\u00e1 reconhe\u00e7a de cara a sua marca.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">\u00a0\u00a0Como voc\u00ea pode perceber, diagramar vai muito al\u00e9m do que s\u00f3 \u201cdeixar uma pe\u00e7a bonita\u201d. \u00c9 tornar o projeto leg\u00edvel, organizado, funcional, e atraente.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Com essas dicas &#8211; dando uma aten\u00e7\u00e3o especial para a hierarquiza\u00e7\u00e3o da informa\u00e7\u00e3o, sele\u00e7\u00e3o e tratamento de fontes, cor e imagem -, voc\u00ea ir\u00e1 conseguir desenvolver uma identidade visual para seus trabalhos, que ser\u00e1 consistente e duradoura.<\/span><br \/>\n<span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Dominar as t\u00e9cnicas de diagrama\u00e7\u00e3o com o Indesign \u00e9 uma \u00f3tima maneira para voc\u00ea se especializar profissionalmente na \u00e1rea. Fazer <\/span><a href=\"https:\/\/www.impacta.com.br\/blog\/2019\/10\/23\/cursos-rapidos-um-guia-para-turbinar-a-sua-carreira-com-velocidade\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">cursos r\u00e1pidos, presenciais e online<\/span><\/a><span style=\"font-weight: 400;\"> \u00e9 uma boa dica para aprender o software da Adobe.<\/span><\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">E como diagrama\u00e7\u00e3o n\u00e3o \u00e9 apenas uma tarefa t\u00e9cnica, busque tamb\u00e9m se aperfei\u00e7oar nas teorias de design, utiliza\u00e7\u00e3o de cores, formas e tipografias, edi\u00e7\u00e3o de imagem e outros estudos e conceitos que ir\u00e3o lhe auxiliar a produzir trabalhos mais belos e eficazes.<\/span><br \/>\n<span style=\"font-weight: 400; font-size: 14pt;\">Curtiu esse post? Deixe seu coment\u00e1rio sobre como ele foi \u00fatil para voc\u00ea ou caso haja alguma d\u00favida no assunto!<\/span><br \/>\n&nbsp;<\/p>\n<div class=\"sharing-default-minimal post-bottom\"><div class=\"nectar-social default\" data-position=\"\" data-rm-love=\"0\" data-color-override=\"override\"><div class=\"nectar-social-inner\"><a href=\"#\" class=\"nectar-love\" id=\"nectar-love-15022\" title=\"Love this\"> <i class=\"icon-salient-heart-2\"><\/i><span class=\"love-text\">Love<\/span><span class=\"total_loves\"><span class=\"nectar-love-count\">0<\/span><\/span><\/a><a class='facebook-share nectar-sharing' href='#' title='Share this'> <i class='fa fa-facebook'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='twitter-share nectar-sharing' href='#' title='Share this'> <i class='fa icon-salient-x-twitter'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='linkedin-share nectar-sharing' href='#' title='Share this'> <i class='fa fa-linkedin'><\/i> <span class='social-text'>Share<\/span> <\/a><a class='pinterest-share nectar-sharing' href='#' title='Pin this'> <i class='fa fa-pinterest'><\/i> <span class='social-text'>Pin<\/span> <\/a><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>N\u00e3o pode ler esse artigo agora? Ou\u00e7a a mat\u00e9ria no Player abaixo: Se voc\u00ea pesquisar pelo significado de diagrama\u00e7\u00e3o em manuais, livros did\u00e1ticos ou textos na internet, \u00e9 prov\u00e1vel que voc\u00ea encontre a seguinte descri\u00e7\u00e3o:\u00a0 Diagrama\u00e7\u00e3o \u00e9 um processo de distribui\u00e7\u00e3o de elementos em um espa\u00e7o. Por exemplo, em uma p\u00e1gina de web, jornal ou [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":16964,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[931,977,436,290],"class_list":["post-15022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","tag-diagramacao","tag-ferramentas","tag-indesign","tag-tipografia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!<\/title>\r\n<meta name=\"description\" content=\"A diagrama\u00e7\u00e3o \u00e9 o processo que ajuda a criar um visual bonito para as p\u00e1ginas, mesclando ferramentas e design, em um software em espec\u00edfico: o InDesign.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/\" \/>\r\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!\" \/>\r\n<meta property=\"og:description\" content=\"A diagrama\u00e7\u00e3o \u00e9 o processo que ajuda a criar um visual bonito para as p\u00e1ginas, mesclando ferramentas e design, em um software em espec\u00edfico: o InDesign.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Blog Impacta - Dicas e Not\u00edcias sobre Carreira\" \/>\r\n<meta property=\"article:published_time\" content=\"2019-11-18T11:00:26+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png\" \/>\r\n\t<meta property=\"og:image:width\" content=\"850\" \/>\r\n\t<meta property=\"og:image:height\" content=\"284\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\r\n<meta name=\"author\" content=\"Reda\u00e7\u00e3o Impacta\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reda\u00e7\u00e3o Impacta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/\",\"name\":\"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!\",\"isPartOf\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png\",\"datePublished\":\"2019-11-18T11:00:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/3882324164f9237ab7e8d7ac28ecfe79\"},\"description\":\"A diagrama\u00e7\u00e3o \u00e9 o processo que ajuda a criar um visual bonito para as p\u00e1ginas, mesclando ferramentas e design, em um software em espec\u00edfico: o InDesign.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#primaryimage\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png\",\"contentUrl\":\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png\",\"width\":850,\"height\":284},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.impacta.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#website\",\"url\":\"https:\/\/www.impacta.com.br\/blog\/\",\"name\":\"Blog Impacta - Dicas e Not\u00edcias sobre Carreira\",\"description\":\"Dicas, Not\u00edcias e Conte\u00fados sobre Carreira, Tecnologia, Design, Gest\u00e3o e Marketing. Conhe\u00e7a e Acompanhe o Blog Impacta\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.impacta.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/3882324164f9237ab7e8d7ac28ecfe79\",\"name\":\"Reda\u00e7\u00e3o Impacta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2532096eed25696c0e117e2cbb2f2e7c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2532096eed25696c0e117e2cbb2f2e7c?s=96&d=mm&r=g\",\"caption\":\"Reda\u00e7\u00e3o Impacta\"},\"url\":\"https:\/\/www.impacta.com.br\/blog\/author\/redacao_impacta\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!","description":"A diagrama\u00e7\u00e3o \u00e9 o processo que ajuda a criar um visual bonito para as p\u00e1ginas, mesclando ferramentas e design, em um software em espec\u00edfico: o InDesign.","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:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/","og_locale":"pt_BR","og_type":"article","og_title":"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!","og_description":"A diagrama\u00e7\u00e3o \u00e9 o processo que ajuda a criar um visual bonito para as p\u00e1ginas, mesclando ferramentas e design, em um software em espec\u00edfico: o InDesign.","og_url":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/","og_site_name":"Blog Impacta - Dicas e Not\u00edcias sobre Carreira","article_published_time":"2019-11-18T11:00:26+00:00","og_image":[{"width":850,"height":284,"url":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png","type":"image\/png"}],"author":"Reda\u00e7\u00e3o Impacta","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Reda\u00e7\u00e3o Impacta","Est. reading time":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/","url":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/","name":"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!","isPartOf":{"@id":"https:\/\/www.impacta.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#primaryimage"},"image":{"@id":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png","datePublished":"2019-11-18T11:00:26+00:00","author":{"@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/3882324164f9237ab7e8d7ac28ecfe79"},"description":"A diagrama\u00e7\u00e3o \u00e9 o processo que ajuda a criar um visual bonito para as p\u00e1ginas, mesclando ferramentas e design, em um software em espec\u00edfico: o InDesign.","breadcrumb":{"@id":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#primaryimage","url":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png","contentUrl":"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2020\/04\/diagramacao_dicas.png","width":850,"height":284},{"@type":"BreadcrumbList","@id":"https:\/\/www.impacta.com.br\/blog\/5-segredos-da-diagramacao-que-voce-precisa-conhecer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.impacta.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Segredos da diagrama\u00e7\u00e3o que voc\u00ea PRECISA conhecer!"}]},{"@type":"WebSite","@id":"https:\/\/www.impacta.com.br\/blog\/#website","url":"https:\/\/www.impacta.com.br\/blog\/","name":"Blog Impacta - Dicas e Not\u00edcias sobre Carreira","description":"Dicas, Not\u00edcias e Conte\u00fados sobre Carreira, Tecnologia, Design, Gest\u00e3o e Marketing. Conhe\u00e7a e Acompanhe o Blog Impacta","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.impacta.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/3882324164f9237ab7e8d7ac28ecfe79","name":"Reda\u00e7\u00e3o Impacta","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.impacta.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2532096eed25696c0e117e2cbb2f2e7c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2532096eed25696c0e117e2cbb2f2e7c?s=96&d=mm&r=g","caption":"Reda\u00e7\u00e3o Impacta"},"url":"https:\/\/www.impacta.com.br\/blog\/author\/redacao_impacta\/"}]}},"acf":{"post_description":null,"capa_mobile":null},"_links":{"self":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts\/15022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/comments?post=15022"}],"version-history":[{"count":0,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/posts\/15022\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/media\/16964"}],"wp:attachment":[{"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/media?parent=15022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/categories?post=15022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.impacta.com.br\/blog\/wp-json\/wp\/v2\/tags?post=15022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}