{"id":4583,"date":"2016-03-01T16:18:54","date_gmt":"2016-03-01T19:18:54","guid":{"rendered":"https:\/\/waltermattos.com\/?p=4583"},"modified":"2016-10-24T11:16:49","modified_gmt":"2016-10-24T14:16:49","slug":"grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/","title":{"rendered":"Grids no design gr\u00e1fico: o que voc\u00ea precisa saber antes de come\u00e7ar a usar"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/TtNb8UFLaQo?list=PLQmdhQ8ybJd30qsTN7jv4SJ5NmvBF-fJU\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Hoje o grid \u00e9 um assunto que est\u00e1 com bastante evid\u00eancia e \u00e9 visto em praticamente todos os campos criativos. Talvez, por isso, ele acabe gerando muitas d\u00favidas e, em alguns casos, a sensa\u00e7\u00e3o de que grid \u00e9 simplesmente algo que est\u00e1 na moda.<\/p>\n<p>Decidi gravar esse v\u00eddeo para fazer uma introdu\u00e7\u00e3o \u00e0queles que n\u00e3o conhecem e vou tentar, tamb\u00e9m, desmistificar algumas quest\u00f5es que podem contribuir para essa percep\u00e7\u00e3o um tanto quanto distorcida.<\/p>\n<p>Vou deixar detalhes t\u00e9cnicos de lado e focar em alguns questionamentos que voc\u00ea pode vir a ter, come\u00e7ando pelo b\u00e1sico.<\/p>\n<h2>O que \u00e9 e para que serve o grid?<\/h2>\n<p>Entendo como grid qualquer conjunto de linhas que sejam tra\u00e7adas com o \u00fanico objetivo de guiar ou dar forma a um design, independentemente do processo que foi usado.<\/p>\n<p>Imagine que voc\u00ea tenha que arrumar sua mesa de trabalho.\u00a0Voc\u00ea redistribui os objetos nessa mesa e, em um determinado momento, chega \u00e0 conclus\u00e3o de que alcan\u00e7ou a harmonia ou o n\u00edvel de organiza\u00e7\u00e3o que voc\u00ea esperava.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-4587\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_01.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_01\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_01.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_01-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Sem que voc\u00ea tenha percebido e, praticamente de maneira inconsciente, voc\u00ea acabou de buscar rela\u00e7\u00f5es entre os objetos dessa mesa. Como se houvessem linhas invis\u00edveis ligando esses objetos.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-4586\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_02.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_02\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_02.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Mesa_Trabalho_02-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Pela minha \u00f3tica \u00e9 basicamente essa a fun\u00e7\u00e3o do grid. Fornecer estrutura, mas de maneira consciente e consistente.<\/p>\n<p>E se n\u00f3s olharmos para tr\u00e1s e observarmos nossa pr\u00f3pria hist\u00f3ria, vemos que a utiliza\u00e7\u00e3o de um grid como forma de dar estrutura precede o surgimento do design gr\u00e1fico, embora antes ele n\u00e3o fosse chamado exatamente assim.<\/p>\n<div id=\"attachment_4672\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4672\" class=\"wp-image-4672 size-full\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_01C.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_01C\" width=\"640\" height=\"2254\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_01C.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_01C-182x640.jpg 182w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_01C-341x1200.jpg 341w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-4672\" class=\"wp-caption-text\">1 &#8211; Lady Sat-tety-lyn hieroglyph; 2 &#8211; Calendar of saints; 3 &#8211; B\u00edblia do S\u00e9culo XV; 4 &#8211; Architectural letter &#8216;M&#8217;, Luca Pacioli<\/p><\/div>\n<p>N\u00f3s tivemos uma evolu\u00e7\u00e3o do pensamento criativo e construtivo muito relacionado ao estudo da matem\u00e1tica e das propor\u00e7\u00f5es como m\u00e9todo para alcan\u00e7ar a beleza.<\/p>\n<p>E isso, obviamente, teve como consequ\u00eancia uma infinidade de t\u00e9cnicas e regras relacionadas a v\u00e1rios campos de cria\u00e7\u00e3o, e n\u00e3o seria diferente com o design gr\u00e1fico.<\/p>\n<div id=\"attachment_4604\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4604\" class=\"wp-image-4604 size-full\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_02.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_02\" width=\"640\" height=\"2516\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_02.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_02-163x640.jpg 163w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_02-305x1200.jpg 305w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-4604\" class=\"wp-caption-text\">1 &#8211; The Disputation of St Stephen, Carpaccio; 2 &#8211; Tibetan book of proportions; 3 &#8211; Job, Jules Cher\u00e9t; 4 &#8211; Cartaz Bauhaus Ausstellung, Fritz Schleifer<\/p><\/div>\n<p>A Bauhaus, primeira escola de design do mundo, localizada na Alemanha, chegou no in\u00edcio do s\u00e9culo XX apenas consolidando o que j\u00e1 vinha sendo feito durante a hist\u00f3ria.<\/p>\n<p>Aqui mesmo no Brasil n\u00f3s temos o Alexandre Wollner, que pelo menos desde a d\u00e9cada de 50 j\u00e1 vinha criando suas marcas utilizando linhas e diagramas como formas de dar estrutura aos seus designs.<\/p>\n<div id=\"attachment_4665\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4665\" class=\"wp-image-4665 size-full\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Alexandre_Wollner_B5.png\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Alexandre_Wollner_B5\" width=\"640\" height=\"982\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Alexandre_Wollner_B5.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Alexandre_Wollner_B5-310x476.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-4665\" class=\"wp-caption-text\">1 &#8211; Banco Ita\u00fa, Alexandre Wollner; 2 &#8211; Sardinhas Coqueiro, Alexandre Wollner<\/p><\/div>\n<h2>O grid \u00e9 uma restri\u00e7\u00e3o?<\/h2>\n<p>Sim, o grid \u00e9 uma forma de restringir a partir do momento em que ele serve como um guia para voc\u00ea montar ou finalizar sua estrutura e, tamb\u00e9m, por existirem regras para determinadas situa\u00e7\u00f5es.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-4608\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina.png\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Melhor n\u00e3o criar uma p\u00e1gina sem saber o que s\u00e3o colunas, como definir e o que s\u00e3o linhas de base, o que s\u00e3o m\u00f3dulos e qual a import\u00e2ncia deles em um design de p\u00e1ginas, entre outras regras ou diretrizes que voc\u00ea tem na anatomia de uma p\u00e1gina.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-4609\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina_02.png\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina_02\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina_02.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Regras_Pagina_02-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E com uma estrutura definida voc\u00ea tem liberdade para criar p\u00e1ginas completamente diferentes utilizando essa mesma estrutura.\u00a0Isso significa que n\u00e3o existe limite aqui dentro.<\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"878\" class=\"alignnone size-full wp-image-4611\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_01.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_01\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_01.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_01-310x425.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/h3>\n<p>Esses rascunhos que voc\u00ea acabou de ver\u00a0s\u00e3o partes do processo criativo de uma s\u00e9rie de pinturas chamada <strong>Transparentes Brancos<\/strong>, criadas pelo designer e artista <a href=\"https:\/\/www.instagram.com\/christianomere\/\" target=\"_blank\">Christiano Mere<\/a>. A ideia dele \u00e9 utilizar o mesmo pensamento construtivo para diagramar e manter unidade entre as telas que voc\u00ea v\u00ea abaixo.<\/p>\n<h6><a href=\"https:\/\/www.instagram.com\/christianomere\/\" target=\"_blank\">Transparentes brancos, Christiano Mere<\/a><\/h6>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"348\" class=\"alignnone size-full wp-image-4613\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_02.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_02\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_02.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Chris_Mere_02-310x169.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>\u00c9 por isso que em um manual de marca, normalmente voc\u00ea v\u00ea grids como forma de definir regras e restri\u00e7\u00f5es para um sistema de identidade visual, como voc\u00ea pode ver abaixo neste mockup oferecido pela Egotype.<\/p>\n<h6><a href=\"https:\/\/www.behance.net\/gallery\/27151021\/Brand-Manual\" target=\"_blank\">Brand Manual, Egotype<\/a><\/h6>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"890\" class=\"alignnone size-full wp-image-4615\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Brand_Manual_Egotype.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Brand_Manual_Egotype\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Brand_Manual_Egotype.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Brand_Manual_Egotype-310x431.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>A ideia aqui tamb\u00e9m \u00e9 criar unidade.<\/p>\n<p>Essas regras servem como guias para orientar aplica\u00e7\u00f5es futuras da marca de forma que elas sejam coerentes entre si.<\/p>\n<p>O grid \u00e9 uma restri\u00e7\u00e3o apenas quando voc\u00ea quiser. Voc\u00ea \u00e9 o designer, logo \u00e9 voc\u00ea quem manda.<\/p>\n<p>Por isso, n\u00e3o temos como negar que o grid \u00e9 tamb\u00e9m uma forma de criar, partindo do princ\u00edpio que com ele voc\u00ea pode orientar seu design de forma totalmente natural, flex\u00edvel, independente de regras ou, melhor ainda, com as suas pr\u00f3prias regras.<\/p>\n<h6><a href=\"https:\/\/www.behance.net\/gallery\/31993729\/Grid-and-logos-2_2015\" target=\"_blank\">Grid and logos #2_2015, Hiromi Maeo<\/a><\/h6>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"1173\" class=\"alignnone size-full wp-image-4670\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_MTRL_Hiromi_B.png\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_MTRL_Hiromi_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_MTRL_Hiromi_B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_MTRL_Hiromi_B-310x568.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Por essa \u00f3tica o grid \u00e9 uma ferramenta que traz liberdade, n\u00e3o restri\u00e7\u00e3o.<\/p>\n<h2>Quando o grid deve ser usado?<\/h2>\n<p>O grid n\u00e3o deve ser usado, ele pode ser usado.<\/p>\n<p>Mas sinceramente acredito que a melhor resposta para essa quest\u00e3o deve partir de voc\u00ea, pois pode girar em torno de dois fatores bem pessoais:<\/p>\n<ol>\n<li>O estudo e, principalmente, a pr\u00e1tica que voc\u00ea tem na utiliza\u00e7\u00e3o de grids. A pr\u00e1tica tem bastante influ\u00eancia na opini\u00e3o que voc\u00ea forma, e \u00e9 bom que sua opini\u00e3o sobre qualquer coisa seja sempre fundamentada.;<\/li>\n<li>A percep\u00e7\u00e3o sobre a utilidade que o grid tem para voc\u00ea, para o seu tipo de trabalho e para a sua forma de trabalhar. Ou seja, caso voc\u00ea perceba que o grid n\u00e3o tem uma aplica\u00e7\u00e3o real pra voc\u00ea, pra que usar?<\/li>\n<\/ol>\n<h2>Existe grid certo ou errado?<\/h2>\n<p>\u00c9 bastante comum eu receber projetos de leitores com designs para eu analisar ou dar algum tipo de dica em rela\u00e7\u00e3o a propor\u00e7\u00e3o, harmonia, e por a\u00ed vai.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"716\" class=\"alignnone size-full wp-image-4622\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo.png\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo-310x347.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Mas a verdade \u00e9 que contanto que voc\u00ea mantenha coer\u00eancia dentro da sua pr\u00f3pria linha de racioc\u00ednio, eu n\u00e3o tenho como falar se est\u00e1 certo ou errado apenas olhando para a sua estrutura.<\/p>\n<p>A n\u00e3o ser, claro, que seu design final seja completamente incompat\u00edvel com a sua estrutura.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"440\" class=\"alignnone size-full wp-image-4623\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo_02.png\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo_02\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo_02.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/02\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Certo_02-310x213.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Isso n\u00e3o significa que esse layout est\u00e1 errado, significa apenas que ele n\u00e3o est\u00e1 coerente com as linhas que deveriam servir como guia para o design.<\/p>\n<h4>De qualquer forma, tenha sempre em mente que n\u00e3o \u00e9 o grid que precisa ser avaliado, \u00e9 o design que precisa funcionar.<\/h4>\n<h2>O\u00a0que \u00e9 preciso estudar para aprender sobre grids?<\/h2>\n<p>Essa talvez seja uma das quest\u00f5es mais importantes e uma das mais dif\u00edceis de responder.<\/p>\n<h3>Leia livros<\/h3>\n<p>Acho que para come\u00e7ar vale qualquer livro que aborde o assunto, desde que seja um livro s\u00e9rio, ou um livro que n\u00e3o seja necessariamente sobre grids mas que amplie sua vis\u00e3o em rela\u00e7\u00e3o a layout, composi\u00e7\u00e3o, tipografia e fundamentos de design em geral.<\/p>\n<p>Se voc\u00ea visitar a se\u00e7\u00e3o <a href=\"https:\/\/waltermattos.com\/biblioteca\/\" target=\"_blank\">Biblioteca<\/a>\u00a0desse\u00a0site\u00a0encontrar\u00e1\u00a0v\u00e1rios links para livros de diferentes assuntos, incluindo grids.<\/p>\n<p>Eu n\u00e3o tenho como fazer um review de todos neste post, ent\u00e3o vou selecionar 5 que eu considero boas escolhas tanto para uma introdu\u00e7\u00e3o, como para uma compreens\u00e3o de maneira mais ampla.<\/p>\n<h4>O livro e o designer 2, Andrew Haslam<\/h4>\n<h4><a href=\"https:\/\/waltermattos.com\/go\/o-livro-e-o-designer-2\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"300\" class=\"alignnone size-full wp-image-4647\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_O_Livro_Designer_2_B.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_O_Livro_Designer_2_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_O_Livro_Designer_2_B.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_O_Livro_Designer_2_B-310x145.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/h4>\n<p>Este \u00e9 um excelente livro para come\u00e7ar, principalmente porque ele aborda de forma bastante completa diferentes processos para a cria\u00e7\u00e3o de projetos editoriais. Foi o meu primeiro contato com o estudo de grids e, certamente, foi o livro que despertou meu interesse e minha paix\u00e3o pela coisa.<\/p>\n<p><a href=\"https:\/\/waltermattos.com\/go\/o-livro-e-o-designer-2\/\" target=\"_blank\">Clique aqui para conferir o livro.<\/a><\/p>\n<h4>Grid Systems, Josef Muller Brockmann<\/h4>\n<h4><a href=\"https:\/\/waltermattos.com\/go\/grid-systems\/\" target=\"_blank\"><strong><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"300\" class=\"alignnone size-full wp-image-4649\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Systems_B.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Systems_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Systems_B.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Grid_Systems_B-310x145.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/strong><\/a><\/h4>\n<p>\u00c9 praticamente uma imers\u00e3o total ao estudo de grids e tamb\u00e9m bastante voltado ao design editorial. Mas n\u00e3o se engane achando que ao estudar design editorial voc\u00ea n\u00e3o aprende a aplicar esse conhecimento em outras \u00e1reas. O que importa \u00e9 o fundamento.<\/p>\n<p>E apenas para constar, Josef Muller foi um dos principais nomes do design su\u00ed\u00e7o e mundial. Ele tinha uma bagagem muito forte em arquitetura, hist\u00f3ria da arte e certamente \u00e9 at\u00e9 hoje uma das maiores refer\u00eancias no estudo de grids.<\/p>\n<p><a href=\"https:\/\/waltermattos.com\/go\/grid-systems\/\" target=\"_blank\">Clique aqui para conferir o livro.<\/a><\/p>\n<h4>Hist\u00f3ria do design gr\u00e1fico, Philip B. Mags e Alston W. Purvis<\/h4>\n<h4><a href=\"https:\/\/waltermattos.com\/go\/historia-do-design-grafico\/\" target=\"_blank\"><strong><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"300\" class=\"alignnone size-full wp-image-4651\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_Design_Grafico.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_Design_Grafico\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_Design_Grafico.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Historia_Design_Grafico-310x145.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/strong><\/a><\/h4>\n<p>\u00c9 um livro que eu indico justamente pela sua abordagem hist\u00f3rica.<\/p>\n<p>Quanto mais voc\u00ea estuda sobre a hist\u00f3ria do design, mais o grid come\u00e7a a fazer sentido e mais compreens\u00e3o voc\u00ea tem sobre design como um todo. \u00c9 um livro que certamente vale a pena, independentemente do foco que voc\u00ea d\u00e1 ao seu trabalho.<\/p>\n<p><a href=\"https:\/\/waltermattos.com\/go\/historia-do-design-grafico\/\" target=\"_blank\">Clique aqui para conferir o livro.<\/a><\/p>\n<h4>Geometria do Design, Kimberly Elam<\/h4>\n<h4><a href=\"https:\/\/waltermattos.com\/go\/geometria-do-design-amazon\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"300\" class=\"alignnone size-full wp-image-4668\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Geometria_Design_B.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Geometria_Design_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Geometria_Design_B.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Geometria_Design_B-310x145.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/h4>\n<p>Livro j\u00e1 mencionado aqui algumas vezes e certamente um dos meus favoritos. Esse livro mostra a influ\u00eancia que a matem\u00e1tica tem sobre o design, tamb\u00e9m de maneira hist\u00f3rica, e apresenta algumas aplica\u00e7\u00f5es bem interessantes com exemplos bastante completos.<\/p>\n<p><a href=\"https:\/\/waltermattos.com\/go\/geometria-do-design-amazon\/\" target=\"_blank\">Clique aqui para conferir o livro.<\/a><\/p>\n<h4>Raz\u00e3o \u00e1urea: a hist\u00f3ria de FI, Mario Livio<\/h4>\n<a href=\"https:\/\/waltermattos.com\/go\/razao-aurea\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"300\" class=\"alignnone size-full wp-image-4667\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Razao_Aurea_B.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Razao_Aurea_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Razao_Aurea_B.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Razao_Aurea_B-310x145.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a>\n<p>N\u00e3o \u00e9 um livro de design e tampouco sobre grids, mas sim uma an\u00e1lise aprofundada sobre a raz\u00e3o \u00e1urea e suas influ\u00eancias na arte, na m\u00fasica e suas ocorr\u00eancias na natureza.<\/p>\n<p>O livro pode n\u00e3o ser de design, mas ele me deu uma vis\u00e3o bastante ampla sobre como trabalhar com propor\u00e7\u00f5es de uma forma geral. Al\u00e9m de ser tamb\u00e9m um livro bastante rico do ponto de vista hist\u00f3rico.<\/p>\n<p><a href=\"https:\/\/waltermattos.com\/go\/razao-aurea\/\" target=\"_blank\">Clique aqui para conferir o livro.<\/a><\/p>\n<h4>Men\u00e7\u00f5es honrosas:<\/h4>\n<p>E como men\u00e7\u00f5es honrosas eu vou indicar 3 livros para voc\u00ea pesquisar por sua conta:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/waltermattos.com\/go\/a-forma-do-livro-jan-tschichold\/\" target=\"_blank\">A forma do livro<\/a><\/strong>, Jan Tschichold.<\/li>\n<li><strong><a href=\"https:\/\/waltermattos.com\/go\/pensar-com-tipos\/\" target=\"_blank\">Pensar com tipos<\/a><\/strong>, Ellen Lupton.<\/li>\n<li><strong><a href=\"https:\/\/waltermattos.com\/go\/bibliografico-jason-godfrey\/\" target=\"_blank\">Bibliogr\u00e1fico<\/a><\/strong>, Jason Godfrey. Esse \u00faltimo, uma indica\u00e7\u00e3o especial pelo fato de ser um livro que te indica outros 100 livros de design gr\u00e1fico. Vale a pena dar uma conferida.<\/li>\n<\/ul>\n<h3>Observe outros profissionais<\/h3>\n<p>E al\u00e9m dos livros, outra forma bastante eficiente de aprender \u00e9 observar outros profissionais e estudar outros designs.<\/p>\n<p>Existem v\u00e1rios sites onde voc\u00ea pode fazer pesquisas sobre t\u00e9cnicas espec\u00edficas e encontrar profissionais especialistas nessas t\u00e9cnicas, mas existem 3 que s\u00e3o bastante conhecidos e oferecem resultados suficientemente satisfat\u00f3rios nesse sentido.<\/p>\n<p>Um deles \u00e9 o <strong><a href=\"https:\/\/dribbble.com\/\" target=\"_blank\">Dribbble<\/a><\/strong>, que \u00e9 um site excelente para encontrar exemplos de t\u00e9cnicas espec\u00edficas, principalmente sobre grids. A \u00fanica desvantagem \u00e9 que dificilmente voc\u00ea encontra um projeto completo, ent\u00e3o nem sempre fica f\u00e1cil entender o processo como um todo.<\/p>\n<h6><a href=\"https:\/\/dribbble.com\/shots\/865767-iPhone-5-Grid\" target=\"_blank\">Iphone 5 Grid, Eddie Lobanovskiy<\/a><\/h6>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"480\" class=\"alignnone size-full wp-image-4654\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Eddie_Lobanovskiy_IPhone_5.jpg\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Eddie_Lobanovskiy_IPhone_5\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Eddie_Lobanovskiy_IPhone_5.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Eddie_Lobanovskiy_IPhone_5-310x233.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Outro site muito \u00fatil \u00e9 o <strong><a href=\"http:\/\/pinterest.com\/\" target=\"_blank\">Pinterest<\/a><\/strong>. N\u00e3o \u00e9 necessariamente um local para encontrar outros profissionais, apesar de ser poss\u00edvel, mas certamente utilizando a palavra-chave certa voc\u00ea encontra \u00f3timas refer\u00eancias.<\/p>\n<p>E por \u00faltimo o <strong><a href=\"https:\/\/www.behance.net\/\" target=\"_blank\">Behance<\/a><\/strong>, provavelmente o mais conhecido atualmente e o melhor, na minha opini\u00e3o, para encontrar excelentes profissionais e projetos completos.<\/p>\n<h6><a href=\"https:\/\/www.behance.net\/gallery\/14412073\/Gmail-Redesign-Concept\" target=\"_blank\">Gmail Redesign Concept, Ruslan Aliev<\/a><\/h6>\n<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"1278\" class=\"alignnone size-full wp-image-4661\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Ruslan_Aliev_Gmail.png\" alt=\"Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Ruslan_Aliev_Gmail\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Ruslan_Aliev_Gmail.png 600w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Ruslan_Aliev_Gmail-300x640.png 300w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Entendendo_Funcao_Grids_Design_Grafico_Transcricao_Ruslan_Aliev_Gmail-563x1200.png 563w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<p>Basta uma pesquisa r\u00e1pida para encontrar profissionais de diferentes campos criativos que utilizam grids no dia a dia e compartilham, al\u00e9m do resultado visual, os conceitos e a linha de racioc\u00ednio que foi usada por tr\u00e1s da estrutura.<\/p>\n<h2 class=\"null\">Encerrando<\/h2>\n<p>Espero que voc\u00ea tenha gostado e que tenha ficado claro que esse post n\u00e3o tem a inten\u00e7\u00e3o de convencer de nada, mas sim de abrir a mente. Por isso, eu sugiro que voc\u00ea estude, treine, analise outros designs e viaje o m\u00e1ximo que voc\u00ea puder. A viagem faz parte do estudo. E com um senso anal\u00edtico apurado voc\u00ea consegue fazer escolhas cada vez mais conscientes, seja essa escolha a de seguir determinada regra ou n\u00e3o.<\/p>\n<p>Se voc\u00ea acha que o v\u00eddeo pode ser \u00fatil para algu\u00e9m, fique \u00e0 vontade para compartilhar com essa pessoa e <a href=\"https:\/\/www.youtube.com\/user\/WalterMattosVideos\" target=\"_blank\">se inscrever no canal<\/a>, caso ainda n\u00e3o esteja inscrito.<\/p>\n<p>E como sempre, n\u00e3o esquece de navegar pelo\u00a0meu site, <a href=\"https:\/\/waltermattos.com\/\" target=\"_blank\">waltermattos.com<\/a>, pois al\u00e9m das vers\u00f5es transcritas dos v\u00eddeos que eu lan\u00e7o por l\u00e1, aqui\u00a0voc\u00ea tamb\u00e9m encontra outras dicas, reflex\u00f5es e tutoriais sobre design.<\/p>\n<p>Valeu pessoal, um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<h4>Refer\u00eancias externas<\/h4>\n<p><a href=\"http:\/\/publicdomainreview.org\/collections\/tibetan-book-of-proportions\/\" target=\"_blank\">The Tibetan Book of Proportions, The Public Domain<\/a><\/p>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Illuminated_manuscript\" target=\"_blank\">Illuminated manuscript, Wikipedia<\/a><\/p>\n<h4>Cr\u00e9ditos de imagens<\/h4>\n<p><a href=\"http:\/\/graphicburger.com\/designer-desk-essentials\/\" target=\"_blank\">Designer Desk Essentials, Graphic Burger<\/a><\/p>\n<p><a href=\"https:\/\/pixabay.com\/pt\/nautilus-f%C3%B3ssil-f%C3%B3sseis-petrifica%C3%A7%C3%A3o-1075011\/\" target=\"_blank\">Nautilus, Pixabay<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoje o grid \u00e9 um assunto que est\u00e1 com bastante evid\u00eancia e \u00e9 visto em praticamente todos os campos criativos. Talvez, por isso, ele acabe gerando muitas d\u00favidas e, em alguns casos, a sensa\u00e7\u00e3o de que grid \u00e9 simplesmente algo que est\u00e1 na moda. Decidi gravar esse v\u00eddeo para fazer uma introdu\u00e7\u00e3o \u00e0queles que n\u00e3o&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":4656,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[25,159],"tags":[194,121],"class_list":["post-4583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-videos-2","tag-design-grafico","tag-grids"],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Grids no design gr\u00e1fico: o que voc\u00ea deve saber antes de usar<\/title>\n<meta name=\"description\" content=\"Hoje os grids geram muitas d\u00favidas e receios entre os designers gr\u00e1ficos. Este post \u00e9 uma tentativa de acalmar os aflitos e direcionar os interessados.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grids no design gr\u00e1fico: o que voc\u00ea deve saber antes de usar\" \/>\n<meta property=\"og:description\" content=\"Hoje os grids geram muitas d\u00favidas e receios entre os designers gr\u00e1ficos. Este post \u00e9 uma tentativa de acalmar os aflitos e direcionar os interessados.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-01T19:18:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-24T14:16:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"420\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Walter Mattos\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Walter Mattos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Grids no design gr\u00e1fico: o que voc\u00ea precisa saber antes de come\u00e7ar a usar\",\"datePublished\":\"2016-03-01T19:18:54+00:00\",\"dateModified\":\"2016-10-24T14:16:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/\"},\"wordCount\":2044,\"commentCount\":15,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png\",\"keywords\":[\"Design Gr\u00e1fico\",\"Grids\"],\"articleSection\":[\"Artigos\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/\",\"url\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/\",\"name\":\"Grids no design gr\u00e1fico: o que voc\u00ea deve saber antes de usar\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png\",\"datePublished\":\"2016-03-01T19:18:54+00:00\",\"dateModified\":\"2016-10-24T14:16:49+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Hoje os grids geram muitas d\u00favidas e receios entre os designers gr\u00e1ficos. Este post \u00e9 uma tentativa de acalmar os aflitos e direcionar os interessados.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png\",\"width\":420,\"height\":420},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/waltermattos.com\/site\/#website\",\"url\":\"https:\/\/waltermattos.com\/site\/\",\"name\":\"Walter Mattos\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/waltermattos.com\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\",\"name\":\"Walter Mattos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"caption\":\"Walter Mattos\"},\"description\":\"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.\",\"sameAs\":[\"https:\/\/waltermattos.com\"],\"url\":\"https:\/\/waltermattos.com\/site\/author\/walter\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grids no design gr\u00e1fico: o que voc\u00ea deve saber antes de usar","description":"Hoje os grids geram muitas d\u00favidas e receios entre os designers gr\u00e1ficos. Este post \u00e9 uma tentativa de acalmar os aflitos e direcionar os interessados.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"pt_BR","og_type":"article","og_title":"Grids no design gr\u00e1fico: o que voc\u00ea deve saber antes de usar","og_description":"Hoje os grids geram muitas d\u00favidas e receios entre os designers gr\u00e1ficos. Este post \u00e9 uma tentativa de acalmar os aflitos e direcionar os interessados.","og_url":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/","og_site_name":"Walter Mattos","article_published_time":"2016-03-01T19:18:54+00:00","article_modified_time":"2016-10-24T14:16:49+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Grids no design gr\u00e1fico: o que voc\u00ea precisa saber antes de come\u00e7ar a usar","datePublished":"2016-03-01T19:18:54+00:00","dateModified":"2016-10-24T14:16:49+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/"},"wordCount":2044,"commentCount":15,"image":{"@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png","keywords":["Design Gr\u00e1fico","Grids"],"articleSection":["Artigos","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/","url":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/","name":"Grids no design gr\u00e1fico: o que voc\u00ea deve saber antes de usar","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png","datePublished":"2016-03-01T19:18:54+00:00","dateModified":"2016-10-24T14:16:49+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Hoje os grids geram muitas d\u00favidas e receios entre os designers gr\u00e1ficos. Este post \u00e9 uma tentativa de acalmar os aflitos e direcionar os interessados.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/artigos\/grids-no-design-grafico-o-que-voce-precisa-saber-antes-de-comecar-a-usar\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png","width":420,"height":420},{"@type":"WebSite","@id":"https:\/\/waltermattos.com\/site\/#website","url":"https:\/\/waltermattos.com\/site\/","name":"Walter Mattos","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/waltermattos.com\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175","name":"Walter Mattos","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","caption":"Walter Mattos"},"description":"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.","sameAs":["https:\/\/waltermattos.com"],"url":"https:\/\/waltermattos.com\/site\/author\/walter\/"}]}},"jetpack_featured_media_url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/03\/Grids_No_Design_Grafico_Covers_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-1bV","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/4583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/comments?post=4583"}],"version-history":[{"count":58,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/4583\/revisions"}],"predecessor-version":[{"id":5312,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/4583\/revisions\/5312"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/4656"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=4583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=4583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=4583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}