{"id":61612,"date":"2022-07-05T09:09:00","date_gmt":"2022-07-05T12:09:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/?post_type=talent_blog&#038;p=61612"},"modified":"2025-09-09T09:49:35","modified_gmt":"2025-09-09T12:49:35","slug":"principios-do-design-grafico","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/","title":{"rendered":"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos"},"content":{"rendered":"<p>Ao criar suas pe\u00e7as, o designer gr\u00e1fico deve seguir princ\u00edpios. \u00c9 algo que vai al\u00e9m de cores harmonizadas e um layout organizado: seguir os <strong>princ\u00edpios do design gr\u00e1fico<\/strong> tem a ver tamb\u00e9m com agregar valor acerca de um produto, tendo um papel estrat\u00e9gico para um neg\u00f3cio. Um <a href=\"https:\/\/pingback.com\/br\/talent-blog\/design-editorial\/\">projeto de design<\/a> \u00e9 usado n\u00e3o somente no marketing, mas em v\u00e1rios outros segmentos, como anima\u00e7\u00e3o e desenvolvimento de marcas.<\/p>\n<p>Quais s\u00e3o, ent\u00e3o, esses princ\u00edpios do design gr\u00e1fico? Quando e como us\u00e1-los em uma pe\u00e7a e obter o alcance dos objetivos tra\u00e7ados? Neste texto, <strong>vamos apresentar 13 princ\u00edpios<\/strong>, explicando algumas maneiras de aplic\u00e1-los em uma pe\u00e7a, dando a ela um toque de profissionalismo e excel\u00eancia. Boa leitura!<\/p>\n<h2 class=\"wp-block-heading\">O que s\u00e3o os princ\u00edpios b\u00e1sicos do design?<\/h2>\n<p>Conceitualmente, os princ\u00edpios do design gr\u00e1fico s\u00e3o tidos por diretrizes, vieses, leis e considera\u00e7\u00f5es de car\u00e1ter pr\u00e1tico na \u00e1rea. \u00c9 importante mencionar tamb\u00e9m o car\u00e1ter multidisciplinar desses elementos, englobando disciplinas, como:<\/p>\n<ul class=\"wp-block-list\">\n<li>f\u00edsica;<\/li>\n<li>sociologia;<\/li>\n<li>ci\u00eancia comportamental;<\/li>\n<li>ergonomia.<\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\">Por que \u00e9 importante conhecer os elementos do design gr\u00e1fico?<\/h2>\n<p>Uma boa pe\u00e7a de design, por ser feita com base em seus princ\u00edpios, ajuda um neg\u00f3cio a aumentar sua relev\u00e2ncia e vender mais. Tanto no meio online quanto offline, o uso de textos, cores e imagens, seguindo uma organiza\u00e7\u00e3o e hierarquia, deve ser capaz de reter a aten\u00e7\u00e3o das pessoas.<\/p>\n<p>Al\u00e9m disso, os princ\u00edpios b\u00e1sicos do design gr\u00e1fico s\u00e3o cruciais em rela\u00e7\u00e3o ao car\u00e1ter informativo, trazendo conhecimento did\u00e1tico, objetivo e relevante ao p\u00fablico.<\/p>\n<h2 class=\"wp-block-heading\">Quais s\u00e3o os princ\u00edpios do design gr\u00e1fico?<\/h2>\n<p>Existem 13 princ\u00edpios do design gr\u00e1fico. S\u00e3o eles:<\/p>\n<ol class=\"wp-block-list\">\n<li><a href=\"#01\">Linhas<\/a>;<\/li>\n<li><a href=\"#02\">Cor<\/a>;<\/li>\n<li><a href=\"#03\">Contraste<\/a>;<\/li>\n<li><a href=\"#04\">Equil\u00edbrio<\/a>;<\/li>\n<li><a href=\"#05\">Espa\u00e7o em branco<\/a>;<\/li>\n<li><a href=\"#06\">Movimento<\/a>;<\/li>\n<li><a href=\"#07\">Repeti\u00e7\u00e3o<\/a>;<\/li>\n<li><a href=\"#08\">Tipografia<\/a>;<\/li>\n<li><a href=\"#09\">Composi\u00e7\u00e3o<\/a>;<\/li>\n<li><a href=\"#10\">Hierarquia<\/a>;<\/li>\n<li><a href=\"#11\">Proximidade<\/a>;<\/li>\n<li><a href=\"#12\">Grid<\/a>;<\/li>\n<li><a href=\"#13\">Variedade<\/a>.<\/li>\n<\/ol>\n<p>A seguir, vamos explicar cada um deles. Acompanhe!<\/p>\n<p><a id=\"01\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">1. Linhas<\/h3>\n<p>Conceitualmente, <strong>uma linha serve para ligar dois pontos<\/strong>. Pode ser de v\u00e1rios tipos, como reta, fina, espessa, em formato de curva ou com tra\u00e7os irregulares. Se elas forem horizontais, por exemplo, a inten\u00e7\u00e3o do designer \u00e9 dar um efeito de estabilidade e calmaria \u00e0 sua pe\u00e7a.<\/p>\n<p>Por outro lado, se a linha for vertical, a ideia \u00e9 dar mais dinamismo. Agora, se o prop\u00f3sito \u00e9 aumentar esse grau de dinamismo, sem d\u00favida a melhor op\u00e7\u00e3o \u00e9 usar a linha diagonal. Ela tamb\u00e9m transmite \u00e0s pessoas, entre outras coisas, uma alta energia e pode conduzir o olhar humano em v\u00e1rias dire\u00e7\u00f5es.<\/p>\n<p>Em rela\u00e7\u00e3o \u00e0s linhas curvas, elas servem para simbolizar movimentos, como o da \u00e1gua e o das vibra\u00e7\u00f5es sonoras. Sobre a espessura da linha, quando elas est\u00e3o em bold (negrito), a inten\u00e7\u00e3o pode ser a de informar coisas, como lentid\u00e3o e estabilidade. A linha menos espessa ajuda o consumidor da pe\u00e7a de design a enxergar leveza e velocidade.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=723485407  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/linhas-1024x576.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20576%22%20width%3D%221024%22%20height%3D%22576%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22576%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Linhas no design gr\u00e1fico\" class=\"wp-image-61613\" \/><figcaption>Neste exemplo, as linhas direcionam o nosso olhar para o centro da imagem \u2014 <a href=\"https:\/\/unsplash.com\/\">Unsplash<\/a>.<\/figcaption><\/figure>\n<p><a id=\"02\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">2. Cor<\/h3>\n<p>Em um trabalho de design, as cores s\u00e3o escolhidas de forma criteriosa, a depender da mensagem que se deseja transmitir. O primeiro conhecimento que o designer precisa ter em rela\u00e7\u00e3o a isso \u00e9 que <strong>as cores s\u00e3o divididas em tr\u00eas tipos<\/strong>:<\/p>\n<ul class=\"wp-block-list\">\n<li>prim\u00e1rias;<\/li>\n<li>secund\u00e1rias e<\/li>\n<li>terci\u00e1rias.<\/li>\n<\/ul>\n<p>Vale destacar que as cores prim\u00e1rias (azul, vermelho e amarelo) servem de base para o surgimento das secund\u00e1rias e terci\u00e1rias. A depender das combina\u00e7\u00f5es, pode-se transmitir diferentes ideias ao p\u00fablico.<\/p>\n<p>Se um designer trabalha para uma grande empresa, \u00e9 recomend\u00e1vel transmitir uma sensa\u00e7\u00e3o de seguran\u00e7a e confiabilidade em suas pe\u00e7as. O azul \u00e9 uma cor que pode ser usada nesse sentido, tornando a pe\u00e7a relevante e capaz de despertar sensa\u00e7\u00f5es nos consumidores. Em uma<a href=\"https:\/\/pingback.com\/br\/talent-blog\/erros-de-diagramacao\/\" rel=\"noreferrer noopener\" target=\"_blank\"> <\/a><a href=\"https:\/\/pingback.com\/br\/talent-blog\/erros-de-diagramacao\/\" rel=\"noreferrer noopener\" target=\"_blank\">diagrama\u00e7\u00e3o<\/a>, por exemplo, acertar nas cores tende a aumentar as chances de um leitor consumir aquele conte\u00fado, encontrando n\u00e3o apenas organiza\u00e7\u00e3o e harmonia, mas tamb\u00e9m valor.<\/p>\n<p>Por outro lado, se a inten\u00e7\u00e3o do designer \u00e9 chamar a aten\u00e7\u00e3o, \u00e9 mais interessante apostar no vermelho e no laranja. Essa combina\u00e7\u00e3o de cores pode ser usada em an\u00fancios impressos, na TV ou na internet, visando a reter a aten\u00e7\u00e3o da pessoa e faz\u00ea-la tomar uma decis\u00e3o \u2014 acima de tudo \u2014 mais r\u00e1pida.<\/p>\n<p><strong>Voc\u00ea tamb\u00e9m pode se interessar por estes conte\u00fados:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/pingback.com\/br\/talent-blog\/paleta-de-cores\/\" rel=\"noreferrer noopener\" target=\"_blank\">Como trabalhar a paleta de cores de uma marca em um projeto gr\u00e1fico<\/a><\/li>\n<li><a href=\"https:\/\/pingback.com\/br\/talent-blog\/psicologia-das-cores-na-diagramacao\/\" rel=\"noreferrer noopener\" target=\"_blank\">Como usar a psicologia das cores a favor da sua diagrama\u00e7\u00e3o?<\/a><\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1162139226  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/cores-1024x680.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20680%22%20width%3D%221024%22%20height%3D%22680%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22680%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Cores no design gr\u00e1fico\" class=\"wp-image-61614\" \/><figcaption>L\u00e1pis organizados para formar um c\u00edrculo crom\u00e1tico \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"03\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">3. Contraste<\/h3>\n<p>Ao ler algo, o ser humano tende a movimentar o seu olhar da esquerda para a direita. No entanto, por causa do contraste, isso nem sempre se aplica a um trabalho de design. Na hora de criar o seu conte\u00fado, <strong>o designer precisa saber qual elemento ele quer destacar<\/strong>, e o contraste existe para esse fim.<\/p>\n<p>Se for bem aplicado, o contraste vai conseguir chamar a aten\u00e7\u00e3o das pessoas, transmitindo uma ideia clara. O designer deve ter bastante discernimento nesse sentido, visto que, se ele &#8220;errar a m\u00e3o&#8221;, aquela comunica\u00e7\u00e3o se tornar\u00e1 dif\u00edcil de entender, destacando um ou mais elementos de forma exagerada.<\/p>\n<p>Muitas vezes, ali\u00e1s, o contraste acaba sendo o detalhe que segura o olhar do p\u00fablico nos pontos certos da pe\u00e7a. Se voc\u00ea j\u00e1 ficou encarando uma imagem e percebeu que seu foco vai instintivamente para uma cor, uma forma, ou at\u00e9 para um texto maior, pode apostar que tem contraste envolvido a\u00ed. N\u00e3o \u00e9 nada muito misterioso, mas exige sensibilidade para n\u00e3o virar uma batalha visual entre os elementos.<\/p>\n<p>O contraste pode ser aplicado de 4 formas, que s\u00e3o:<\/p>\n<ol class=\"wp-block-list\">\n<li><strong>cor: <\/strong>\u00e9 o meio mais trivial de chamar a aten\u00e7\u00e3o do p\u00fablico. Como exemplo, podemos falar da diferen\u00e7a sensorial entre o azul e o vermelho que citamos no subt\u00f3pico anterior, visto que o primeiro transmite seguran\u00e7a e estabilidade, e o segundo tem a inten\u00e7\u00e3o de chamar a aten\u00e7\u00e3o;<\/li>\n<li><strong>tamanho:<\/strong> combinar elementos pequenos e grandes tamb\u00e9m \u00e9 um meio de promover contraste. N\u00f3s, seres humanos, temos uma tend\u00eancia natural de dar maior import\u00e2ncia aos objetos maiores;<\/li>\n<li><strong>forma:<\/strong> quando as formas s\u00e3o apresentadas em contraste, isso tende a instigar uma certa curiosidade nas pessoas. Por exemplo, se existem muitos c\u00edrculos e elementos arredondados e h\u00e1 um quadrado ou outro formato diferente, ele tender\u00e1 a chamar mais aten\u00e7\u00e3o;<\/li>\n<li><strong>tipografia:<\/strong> falaremos adiante sobre esse princ\u00edpio. Mas j\u00e1 adiantando, \u00e9 muito comum uma pe\u00e7a conter uma ou mais fontes de texto, sendo um elemento interessante de contraste.<\/li>\n<\/ol>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1176234499  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/contraste-1024x683.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20683%22%20width%3D%221024%22%20height%3D%22683%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22683%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Contraste no design\" class=\"wp-image-61615\" \/><figcaption>Luzes e sombras criam contraste nesta imagem \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"04\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">4. Equil\u00edbrio<\/h3>\n<p>Esse princ\u00edpio do design \u00e9 o respons\u00e1vel por <strong>transmitir ao p\u00fablico sensa\u00e7\u00f5es como conforto, <\/strong><a href=\"https:\/\/pingback.com\/br\/talent-blog\/tecnicas-de-persuasao\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>persuas\u00e3o<\/strong><\/a><strong> e harmonia<\/strong>. Tais elementos s\u00e3o buscados pelas pessoas, independentemente daquilo que seus olhos veem, sendo compostos pelos princ\u00edpios do design gr\u00e1fico j\u00e1 citados e outros que ainda ser\u00e3o apresentados aqui.<\/p>\n<p>Para esse equil\u00edbrio, os elementos se assemelham aos do contraste, como cor, forma e tipografia. Al\u00e9m disso, existem tr\u00eas tipos de equil\u00edbrio aplicados ao design, que s\u00e3o:<\/p>\n<ol class=\"wp-block-list\">\n<li><strong>sim\u00e9trico:<\/strong> consiste na distribui\u00e7\u00e3o homog\u00eanea dos elementos ao longo da pe\u00e7a de design;<\/li>\n<li><strong>assim\u00e9trico:<\/strong> por mais que n\u00e3o haja uma distribui\u00e7\u00e3o uniforme dos elementos de destaque, o equil\u00edbrio ainda ocorre. Imagine, por exemplo, uma imagem de estrada e paisagem sim\u00e9tricos, mas com um carro esportivo de cor vermelha bem no meio da pista: al\u00e9m do contraste, o designer tamb\u00e9m deu um tom de equil\u00edbrio, mesmo que pare\u00e7a agressivo, a princ\u00edpio;<\/li>\n<li><strong>desequilibrado: <\/strong>voltando ao exemplo citado h\u00e1 pouco, vamos incrementar alguns animais e pessoas atravessando a pista, tanto na frente quanto atr\u00e1s do carro esportivo: embora irregular, a disposi\u00e7\u00e3o de cada um desses elementos pode ainda passar ao p\u00fablico a sensa\u00e7\u00e3o de equil\u00edbrio.<\/li>\n<\/ol>\n<p>Sempre que voc\u00ea sentir uma certa paz olhando para uma composi\u00e7\u00e3o, \u00e9 prov\u00e1vel que o equil\u00edbrio est\u00e1 ali, nem que seja meio camuflado. E o curioso \u00e9 que at\u00e9 o &#8220;desequil\u00edbrio&#8221; pode criar uma harmonia inesperada. \u00c9 quase uma m\u00e1gica do design: aquilo que n\u00e3o parece se encaixar \u00e0 primeira vista \u00e0s vezes \u00e9 o que mais envolve quem observa, justamente por fugir do \u00f3bvio ou do previs\u00edvel.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1300761251  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/equilibrio-1024x683.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20683%22%20width%3D%221024%22%20height%3D%22683%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22683%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Equil\u00edbrio no design gr\u00e1fico.\" class=\"wp-image-61616\" \/><figcaption>Simetria do pav\u00e3o e das suas penas conferem equil\u00edbrio \u00e0 fotografia \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"05\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">5. Espa\u00e7o em branco<\/h3>\n<p>Se pararmos para pensar, tudo come\u00e7a com um espa\u00e7o em branco. Em geral, <strong>a ideia \u00e9 deixar a pe\u00e7a &#8220;respirar&#8221;<\/strong>, pelo uso mais racional de recursos como o texto e demais elementos do design gr\u00e1fico. Vale destacar que nem todo espa\u00e7o em branco \u00e9 um espa\u00e7o branco, pois a ideia \u00e9 mais em servir de fundo do que uma cor propriamente dita. Esse fundo pode ser de outras cores, a depender dos objetivos e da mensagem que o profissional deseja transmitir.<\/p>\n<p>Falando de conte\u00fados na internet, o espa\u00e7o em branco tem um papel fundamental na legibilidade de um texto. Em outras palavras, deve-se usar de forma combinada os princ\u00edpios b\u00e1sicos do design gr\u00e1fico, visando tamb\u00e9m a melhor experi\u00eancia dos usu\u00e1rios em telas menores, como no caso dos dispositivos m\u00f3veis.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=162412971  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/espaco-em-branco-1024x683.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20683%22%20width%3D%221024%22%20height%3D%22683%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22683%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Espa\u00e7o em branco no design.\" class=\"wp-image-61617\" \/><figcaption>Espa\u00e7os em branco d\u00e3o a sensa\u00e7\u00e3o de &#8220;respiro&#8221; em partes da imagem \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"06\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">6. Movimento<\/h3>\n<p><strong>O princ\u00edpio do movimento pode ser aplicado at\u00e9 mesmo em pe\u00e7as est\u00e1ticas<\/strong>. Lembra de quando falamos da linha e dos seus formatos? Pois bem, al\u00e9m disso, \u00e9 poss\u00edvel adicionar v\u00e1rios outros elementos, sendo que alguns deles \u2014 a repeti\u00e7\u00e3o e a composi\u00e7\u00e3o \u2014 ser\u00e3o abordados adiante neste conte\u00fado.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1262429121  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/movimento-1024x576.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20576%22%20width%3D%221024%22%20height%3D%22576%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22576%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Movimento no design gr\u00e1fico.\" class=\"wp-image-61618\" \/><figcaption>Linhas no asfalto geram a sensa\u00e7\u00e3o de movimento na fotografia \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"07\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">7. Repeti\u00e7\u00e3o<\/h3>\n<p>A repeti\u00e7\u00e3o tem rela\u00e7\u00e3o com <strong>sensa\u00e7\u00f5es de calmaria e previsibilidade<\/strong>. Al\u00e9m disso, lida com a adi\u00e7\u00e3o de textura ao trabalho, tornando-o mais vivo e atraente. \u00c9 um princ\u00edpio muito usado na web, visto que os visitantes de um site, por exemplo, esperam algo como <a href=\"https:\/\/pingback.com\/br\/resources\/como-criar-um-logotipo\/\" rel=\"noreferrer noopener\" target=\"_blank\">o logotipo<\/a> da empresa se repetir nas p\u00e1ginas, inclusive em uma posi\u00e7\u00e3o padr\u00e3o.<\/p>\n<p>No caso da web, trata-se de um elemento fundamental na boa experi\u00eancia dos usu\u00e1rios. Al\u00e9m disso, caso o designer queira destacar algo, ele pode usar o princ\u00edpio da repeti\u00e7\u00e3o, visando a tornar mais clara a sua mensagem. Algumas vantagens da repeti\u00e7\u00e3o que merecem ser mencionadas incluem:<\/p>\n<ul class=\"wp-block-list\">\n<li>promover o estabelecimento da marca, com o objetivo de destacar algum produto, por exemplo;<\/li>\n<li>mensagens repetidas geram conex\u00e3o entre o p\u00fablico e a marca ou produto;<\/li>\n<li>aumento do n\u00edvel de conforto e familiaridade na mensagem que aquela pe\u00e7a se prop\u00f5e a transmitir.<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1697796739  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/repeticao-1024x678.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20678%22%20width%3D%221024%22%20height%3D%22678%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22678%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Repeti\u00e7\u00e3o no design gr\u00e1fico.\" class=\"wp-image-61619\" \/><figcaption>A repeti\u00e7\u00e3o pode ser usada para destacar algo em uma imagem \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"08\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">8. Tipografia<\/h3>\n<p>A tipografia lida com as <strong>fontes de um texto<\/strong>. Com certeza, voc\u00ea j\u00e1 escreveu textos na escola ou faculdade usando Time New Roman e Arial, n\u00e3o \u00e9 mesmo? Quando se trabalha com pe\u00e7as de design, existe uma infinidade de fontes e estilos. Tudo vai depender, portanto, dos objetivos da empresa e do designer encarregado de construir a tipografia.<\/p>\n<p><strong>Confira tamb\u00e9m este texto sobre o assunto:<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/pingback.com\/br\/talent-blog\/como-escolher-a-melhor-fonte\/\" rel=\"noreferrer noopener\" target=\"_blank\">Descubra como escolher a melhor fonte para cada projeto de design!<\/a><\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=324693704  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/tipografia-1024x684.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20684%22%20width%3D%221024%22%20height%3D%22684%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22684%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Tipografia no design gr\u00e1fico.\" class=\"wp-image-61620\" \/><figcaption>A tipografia est\u00e1 relacionada com as fontes e os estilos de texto \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"09\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">9. Composi\u00e7\u00e3o<\/h3>\n<p>Os elementos do design gr\u00e1fico que comp\u00f5em uma pe\u00e7a precisam harmonizar entre si, trazendo apelo visual e comunica\u00e7\u00e3o clara. Essa \u00e9 a proposta da composi\u00e7\u00e3o, visto que os seres humanos costumam ter a sua aten\u00e7\u00e3o retida por aquilo que eles veem.<\/p>\n<p><strong>Uma pe\u00e7a de design bem composta consegue n\u00e3o apenas atrair e comunicar, mas tamb\u00e9m contar uma hist\u00f3ria.<\/strong> Isso significa que o potencial cliente tender\u00e1 a aumentar o interesse por algum produto ou servi\u00e7o ofertado pela empresa.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1476694424  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/composicao-1024x646.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20646%22%20width%3D%221024%22%20height%3D%22646%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22646%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Composi\u00e7\u00e3o no design\" class=\"wp-image-61621\" \/><figcaption>Uma composi\u00e7\u00e3o harmoniosa torna uma imagem visualmente mais atraente \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"10\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">10. Hierarquia<\/h3>\n<p>O objetivo da hierarquia, al\u00e9m de organizar os itens, \u00e9 dar a eles o <strong>grau de import\u00e2ncia<\/strong> em uma pe\u00e7a. \u00c9 preciso fazer isso de forma l\u00f3gica e estrat\u00e9gica, visto que evita equ\u00edvocos de entendimento por quem vai consumir aquele conte\u00fado, seja na web (na forma de um<a href=\"https:\/\/pingback.com\/br\/talent-blog\/o-que-e-um-infografico\/\" rel=\"noreferrer noopener\" target=\"_blank\"> <\/a><a href=\"https:\/\/pingback.com\/br\/talent-blog\/o-que-e-um-infografico\/\" rel=\"noreferrer noopener\" target=\"_blank\">infogr\u00e1fico<\/a>, por exemplo), seja impresso.<\/p>\n<p>No caso de textos e suas tipografias, <strong>a hierarquia se d\u00e1 pelos cabe\u00e7alhos h1, h2, h3, e assim por diante<\/strong>. Tanto em textos densos quanto aqueles mais enxutos, hierarquizar \u00e9 fundamental, pois aumenta o n\u00edvel de clareza na <a href=\"https:\/\/pingback.com\/br\/talent-blog\/guia-de-relacionamento\/\" rel=\"noreferrer noopener\" target=\"_blank\">comunica\u00e7\u00e3o<\/a>, conectando com maior facilidade a marca e o cliente. Alguns dos principais blocos de constru\u00e7\u00e3o de uma hierarquia visual s\u00e3o:<\/p>\n<ul class=\"wp-block-list\">\n<li>cor;<\/li>\n<li>tamanho;<\/li>\n<li>contraste;<\/li>\n<li>alinhamento;<\/li>\n<li>repeti\u00e7\u00e3o;<\/li>\n<li>espa\u00e7o em branco.<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=438215987  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/hierarquia-1024x683.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20683%22%20width%3D%221024%22%20height%3D%22683%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22683%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Hierarquia no design gr\u00e1fico\" class=\"wp-image-61623\" \/><figcaption>Tamanhos diferentes ajudam a construir a hierarquia em tipografias \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"11\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">11. Proximidade<\/h3>\n<p>A proximidade diz respeito ao <strong>n\u00edvel de semelhan\u00e7a entre os elementos de um conte\u00fado de design<\/strong>. A ideia \u00e9 evitar uma bagun\u00e7a visual, que dificulte o entendimento das pessoas sobre a mensagem transmitida. Nesse sentido, elementos com similaridades devem ser agrupados; j\u00e1 para aqueles com pouca ou nenhuma semelhan\u00e7a, a recomenda\u00e7\u00e3o \u00e9 manter uma certa dist\u00e2ncia entre eles.<\/p>\n<p>Tamb\u00e9m \u00e9 importante destacar o papel do espa\u00e7o em branco na proximidade. Isso porque n\u00e3o \u00e9 necess\u00e1rio ocupar todo o fundo da pe\u00e7a com elementos, tanto pela quest\u00e3o do &#8220;respirar&#8221; quanto pela disposi\u00e7\u00e3o e proximidade deles.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1601420920  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/proximidade-1024x683.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20683%22%20width%3D%221024%22%20height%3D%22683%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22683%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Proximidade no design gr\u00e1fico.\" class=\"wp-image-61630\" \/><figcaption>Na imagem, a proximidade reside na semelhan\u00e7a de formas retangulares e linhas \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"12\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">12. Grid<\/h3>\n<p>A palavra grid significa grade. Portanto, \u00e9 a <strong>constru\u00e7\u00e3o de linhas horizontais e verticais<\/strong>, visando a delimitar os elementos que&nbsp;comp\u00f5em uma pe\u00e7a de design. Em trabalhos f\u00edsicos, o grid ajuda na impress\u00e3o correta de todos eles, sem cortes nas margens.<\/p>\n<p>J\u00e1 no meio online, \u00e9 \u00fatil na melhor <a href=\"https:\/\/pingback.com\/br\/talent-blog\/experiencia-do-usuario\/\" rel=\"noreferrer noopener\" target=\"_blank\">experi\u00eancia dos usu\u00e1rios<\/a> em sites e aplicativos, principalmente em dispositivos m\u00f3veis. Os grids podem ser de v\u00e1rios tipos, sendo que alguns dos principais s\u00e3o de uma e duas colunas, modular e hier\u00e1rquico.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=1554301300  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/grid-1024x683.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20683%22%20width%3D%221024%22%20height%3D%22683%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22683%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Grid em design gr\u00e1fico.\" class=\"wp-image-61631\" \/><figcaption>O grid serve para separar os elementos de uma pe\u00e7a de design \u2014 Unsplash.<\/figcaption><\/figure>\n<p><a id=\"13\"><\/a><\/p>\n<h3 class=\"wp-block-heading\">13. Variedade<\/h3>\n<p>A variedade talvez lembre um pouco o contraste e o equil\u00edbrio, mas h\u00e1 diferen\u00e7as entre esses princ\u00edpios. <strong>Uma pe\u00e7a com pouca variedade pode at\u00e9 ser equilibrada e contrastar, mas em alguns casos n\u00e3o empolga<\/strong>. No outro extremo, se houver exagero de variedade, o contraste e o equil\u00edbrio entre os elementos podem n\u00e3o ser suficientes para atrair o olhar e a aten\u00e7\u00e3o das pessoas.<\/p>\n<p>Tal qual o contraste e o equil\u00edbrio, \u00e9 poss\u00edvel aplicar a variedade por meio de cores, tamanhos, formas e tipografias.<\/p>\n<figure class=\"wp-block-image size-large\"><img data-opt-id=501093  data-opt-src=\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/variedade-1024x678.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%20678%22%20width%3D%221024%22%20height%3D%22678%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%221024%22%20height%3D%22678%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Variedade no design gr\u00e1fico.\" class=\"wp-image-61632\" \/><figcaption>Nesta imagem, a varia\u00e7\u00e3o de cores e tamanhos \u00e9 trabalhada de forma criativa \u2014 Unsplash.<\/figcaption><\/figure>\n<p>Os princ\u00edpios do design gr\u00e1fico devem ser combinados em uma pe\u00e7a, visando a uma comunica\u00e7\u00e3o clara com o p\u00fablico. Se voc\u00ea tem interesse em aprimorar suas <a href=\"https:\/\/pingback.com\/br\/talent-blog\/como-monetizar-habilidades\/\" rel=\"noreferrer noopener\" target=\"_blank\">habilidades<\/a> em design ou ingressar nessa \u00e1rea, saiba que a Rock Content pode ajudar!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ao criar suas pe\u00e7as, o designer gr\u00e1fico deve seguir princ\u00edpios. \u00c9 algo que vai al\u00e9m de cores harmonizadas e um layout organizado: seguir os princ\u00edpios do design gr\u00e1fico tem a ver tamb\u00e9m com agregar valor acerca de um produto, tendo um papel estrat\u00e9gico para um neg\u00f3cio. Um projeto de design \u00e9 usado n\u00e3o somente no [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":72940,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-61612","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos<\/title>\n<meta name=\"description\" content=\"Linhas, cor, contraste e muito mais! Descubra como usar os princ\u00edpios do design gr\u00e1fico para produzir pe\u00e7as que encantam seu p\u00fablico.\" \/>\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\/talent-blog\/principios-do-design-grafico\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos\" \/>\n<meta property=\"og:description\" content=\"Linhas, cor, contraste e muito mais! Descubra como usar os princ\u00edpios do design gr\u00e1fico para produzir pe\u00e7as que encantam seu p\u00fablico.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-05T12:09:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-09T12:49:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:1024\/h:683\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carolina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carolina\" \/>\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\/talent-blog\/principios-do-design-grafico\/\",\"url\":\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/\",\"name\":\"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png\",\"datePublished\":\"2022-07-05T12:09:00+00:00\",\"dateModified\":\"2025-09-09T12:49:35+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/#\/schema\/person\/9b311ad5f66da17bfcbe89b9088c280a\"},\"description\":\"Linhas, cor, contraste e muito mais! Descubra como usar os princ\u00edpios do design gr\u00e1fico para produzir pe\u00e7as que encantam seu p\u00fablico.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#primaryimage\",\"url\":\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png\",\"contentUrl\":\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png\",\"width\":1536,\"height\":1024,\"caption\":\"Explore a criatividade com os princ\u00edpios do design gr\u00e1fico!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/talent-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/#website\",\"url\":\"https:\/\/pingback.com\/br\/talent-blog\/\",\"name\":\"Pingback\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/talent-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/#\/schema\/person\/9b311ad5f66da17bfcbe89b9088c280a\",\"name\":\"Carolina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/talent-blog\/#\/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\":\"Carolina\"},\"sameAs\":[\"https:\/\/pingback.com\"],\"url\":\"https:\/\/pingback.com\/br\/talent-blog\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos","description":"Linhas, cor, contraste e muito mais! Descubra como usar os princ\u00edpios do design gr\u00e1fico para produzir pe\u00e7as que encantam seu p\u00fablico.","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\/talent-blog\/principios-do-design-grafico\/","og_locale":"pt_BR","og_type":"article","og_title":"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos","og_description":"Linhas, cor, contraste e muito mais! Descubra como usar os princ\u00edpios do design gr\u00e1fico para produzir pe\u00e7as que encantam seu p\u00fablico.","og_url":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/","og_site_name":"Pingback","article_published_time":"2022-07-05T12:09:00+00:00","article_modified_time":"2025-09-09T12:49:35+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:1024\/h:683\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png","type":"image\/png"}],"author":"Carolina","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carolina","Est. tempo de leitura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/","url":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/","name":"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos","isPartOf":{"@id":"https:\/\/pingback.com\/br\/talent-blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#primaryimage"},"thumbnailUrl":"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png","datePublished":"2022-07-05T12:09:00+00:00","dateModified":"2025-09-09T12:49:35+00:00","author":{"@id":"https:\/\/pingback.com\/br\/talent-blog\/#\/schema\/person\/9b311ad5f66da17bfcbe89b9088c280a"},"description":"Linhas, cor, contraste e muito mais! Descubra como usar os princ\u00edpios do design gr\u00e1fico para produzir pe\u00e7as que encantam seu p\u00fablico.","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#primaryimage","url":"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png","contentUrl":"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/talent-blog\/wp-content\/uploads\/2025\/08\/13-principios-do-design-grafico-como-usar-e-exemplos.png","width":1536,"height":1024,"caption":"Explore a criatividade com os princ\u00edpios do design gr\u00e1fico!"},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/talent-blog\/principios-do-design-grafico\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/talent-blog\/"},{"@type":"ListItem","position":2,"name":"13 princ\u00edpios do design gr\u00e1fico: como usar e exemplos"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/talent-blog\/#website","url":"https:\/\/pingback.com\/br\/talent-blog\/","name":"Pingback","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/talent-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/talent-blog\/#\/schema\/person\/9b311ad5f66da17bfcbe89b9088c280a","name":"Carolina","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/talent-blog\/#\/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":"Carolina"},"sameAs":["https:\/\/pingback.com"],"url":"https:\/\/pingback.com\/br\/talent-blog\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/posts\/61612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/comments?post=61612"}],"version-history":[{"count":5,"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/posts\/61612\/revisions"}],"predecessor-version":[{"id":75515,"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/posts\/61612\/revisions\/75515"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/media\/72940"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/media?parent=61612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/categories?post=61612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/talent-blog\/wp-json\/wp\/v2\/tags?post=61612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}