{"id":5238,"date":"2016-10-19T10:02:38","date_gmt":"2016-10-19T13:02:38","guid":{"rendered":"https:\/\/waltermattos.com\/?p=5238"},"modified":"2017-01-11T19:38:07","modified_gmt":"2017-01-11T22:38:07","slug":"analisando-o-design-do-poster-dr-strange","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/","title":{"rendered":"An\u00e1lise do Design: P\u00f4ster Dr. Strange"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/Ggw_JClIjK8\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Neste v\u00eddeo fa\u00e7o uma an\u00e1lise completa sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"741\" class=\"alignnone size-full wp-image-5240\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Original.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_original\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Original.jpg 500w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Original-310x459.jpg 310w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>\n<p>A an\u00e1lise \u00e9 dividida em duas partes, semi\u00f3tica e an\u00e1lise estrutural.<\/p>\n<p>Na primeira etapa voc\u00ea ver\u00e1 estudo de cores e a busca por poss\u00edveis mensagens e significados transmitidos pelos elementos do p\u00f4ster, como as torres, o c\u00edrculo central e o pr\u00f3prio personagem.\u00a0Na sequ\u00eancia tento fazer o processo inverso da cria\u00e7\u00e3o, analisando a estrutura de forma minuciosa e levantando dedu\u00e7\u00f5es que envolvem propor\u00e7\u00e3o \u00e1urea e rela\u00e7\u00f5es encontradas entre os pr\u00f3prios elementos do layout.<\/p>\n<p><em><strong>Obs:<\/strong> ao final do post voc\u00ea ver\u00e1 links para\u00a0livros e outras refer\u00eancias que podem\u00a0ajudar aos interessados neste tipo de an\u00e1lise.<\/em><\/p>\n<p>Vamos l\u00e1?<\/p>\n<h2>An\u00e1lise semi\u00f3tica do design<\/h2>\n<p>Fazendo uma primeira leitura r\u00e1pida desse p\u00f4ster eu vejo um homem, um feiticeiro, atravessando uma esp\u00e9cie de portal.<\/p>\n<p>Esse portal, segundo o pr\u00f3prio background do personagem, permite que ele viagem entre dimens\u00f5es. E isso est\u00e1 muito bem representado aqui atrav\u00e9s de repeti\u00e7\u00f5es que parecem espelhos de um mesmo universo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5247\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_01_C.jpg\" alt=\"analise_design_dr_strange_poster_imagens_01_c\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_01_C.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_01_C-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Esse \u00e9 o b\u00e1sico para a gente poder come\u00e7ar uma an\u00e1lise com o m\u00ednimo de compreens\u00e3o sobre a proposta desse p\u00f4ster.<strong>\u00a0<\/strong><\/p>\n<h3>As complementares laranja e azul<\/h3>\n<p>Uma das coisas que me chamou bastante aten\u00e7\u00e3o foi a predomin\u00e2ncia do laranja e azul, que s\u00e3o cores opostas ou complementares no c\u00edrculo crom\u00e1tico.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"437\" class=\"alignnone size-full wp-image-5246\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Cores.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_cores\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Cores.jpg 600w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Cores-310x226.jpg 310w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<p>Esse \u00e9 o tipo de combina\u00e7\u00e3o que oferece o melhor ou maior contraste poss\u00edvel e costuma ser naturalmente agrad\u00e1vel aos olhos, quando usada de maneira equilibrada.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"478\" class=\"alignnone size-full wp-image-5249\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Complementares.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_complementares\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Complementares.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Complementares-310x232.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>No caso desse p\u00f4ster voc\u00ea nota que eles utilizam o azul um pouco dessaturado e preenchendo a maior parte do layout. Ele \u00e9 o que podemos chamar de cor dominante.<\/p>\n<p>J\u00e1 o laranja atua como cor de destaque. Ele \u00e9 mais concentrado em um \u00fanico ponto, \u00e9 bastante saturado e iluminado e tem o papel de guiar o olhar do espectador para o que realmente interessa, o personagem.<\/p>\n<p>E essa diferen\u00e7a de intensidade entre as cores \u00e9 uma maneira bastante eficiente de trabalhar com as complementares de maneira equilibrada. Como elas s\u00e3o naturalmente contrastantes, us\u00e1-las com a mesma intensidade e vibra\u00e7\u00e3o pode causar um inc\u00f4modo visual, principalmente quando envolve texto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"478\" class=\"alignnone size-full wp-image-5251\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Complementares_Intensidade.png\" alt=\"analise_design_dr_strange_poster_imagens_site_complementares_intensidade\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Complementares_Intensidade.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Complementares_Intensidade-310x232.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Por isso, apenas refor\u00e7ando, \u00e9 aconselh\u00e1vel que ao usar cores complementares voc\u00ea tente diferenciar a intensidade de uma delas para equilibrar a composi\u00e7\u00e3o e contribuir para uma boa leitura.<\/p>\n<p>E basta a gente olhar alguns fragmentos do trailer desse filme para confirmar essa pr\u00e1tica.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5253\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_06B.png\" alt=\"analise_dr_strange_azul_laranja_06b\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_06B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_06B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5254\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_08B.png\" alt=\"analise_dr_strange_azul_laranja_08b\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_08B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_08B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Repara como nesses exemplos o laranja recebe mais destaque o azul.<\/p>\n<p>Inclusive, muitas vezes eles exageram na satura\u00e7\u00e3o do tom de pele para deixar o laranja mais presente.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5255\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_07B.png\" alt=\"analise_dr_strange_azul_laranja_07b\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_07B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_07B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5256\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_02B.png\" alt=\"analise_dr_strange_azul_laranja_02b\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_02B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_02B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>J\u00e1 nesse outro exemplo o laranja foi escurecido em alguns pontos e, dessa vez, \u00e9 o azul que atua como cor de destaque.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5257\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_04B.png\" alt=\"analise_dr_strange_azul_laranja_04b\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_04B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_04B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h3>Poss\u00edveis significados das cores<\/h3>\n<p>E partindo para poss\u00edveis sensa\u00e7\u00f5es ou significados \u00e9 poss\u00edvel encontrar sentido para essas cores dentro do contexto apresentado aqui.<\/p>\n<h4>Laranja<\/h4>\n<p>O laranja, nesse caso, tem uma representatividade bem direta e \u00f3bvia, na minha opini\u00e3o. Ele se relaciona muito bem aqui com as ideias de energia e poder, tanto por conta do portal como do pr\u00f3prio personagem.<\/p>\n<p>Mas, partindo para um caminho um pouco al\u00e9m do \u00f3bvio e com base no background do personagem, novamente, ele pode representar tamb\u00e9m as ideias de vitalidade e ganho de conhecimento, que \u00e9 um processo pelo qual ele passa antes de se tornar um feiticeiro.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5259\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_09B.png\" alt=\"analise_dr_strange_azul_laranja_09b\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_09B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Dr_Strange_Azul_Laranja_09B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h4>Azul<\/h4>\n<p>J\u00e1 o azul se aplica dentro de um contexto um pouco mais amplo.<\/p>\n<p>Eu poderia dizer que ele se relaciona simbolicamente com as ideias de infinito, humanidade e, principalmente harmonia.<\/p>\n<p>O azul tamb\u00e9m \u00e9 conhecido como a cor do espelho e cor da irrealidade ou super-realidade. Todos contextos que fazem bastante sentido, principalmente depois daquela primeira leitura que n\u00f3s fizemos no in\u00edcio.<\/p>\n<h3>Simetria<\/h3>\n<p>Um outro fator que me chamou bastante aten\u00e7\u00e3o nesse p\u00f4ster foi a simetria. Esse \u00e9 um design muito bem dividido em 4 blocos praticamente iguais, tanto na horizontal como na vertical.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5260\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Simetria.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_simetria\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Simetria.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Simetria-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Eu acredito que, como significado, isso pode sugerir que apesar do aparente caos apresentado existe um equil\u00edbrio, uma ordem acontecendo aqui.<\/p>\n<p>Em momento algum eu tenho a sensa\u00e7\u00e3o de desordem ou destrui\u00e7\u00e3o, por exemplo.<\/p>\n<h3>O personagem<\/h3>\n<p>Sem d\u00favida alguma ele \u00e9 o principal elemento desse cen\u00e1rio. O que faz dele, em termos t\u00e9cnicos, o elemento focal dessa composi\u00e7\u00e3o.<\/p>\n<p>Ele \u00e9 uma figura centralizada e vertical, o que ajuda a refor\u00e7ar a simetria da composi\u00e7\u00e3o e sugere algumas simbologias associadas \u00e0 essas caracter\u00edsticas, como estabilidade, nobreza ou algu\u00e9m de grande import\u00e2ncia, e confian\u00e7a.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5261\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Personagem.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_personagem\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Personagem.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Personagem-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Por\u00e9m, ele \u00e9 pequeno em rela\u00e7\u00e3o ao p\u00f4ster, o que pode significar que ele ainda est\u00e1 chegando e n\u00e3o domina esse ambiente, mas ao mesmo tempo ele est\u00e1 andando em dire\u00e7\u00e3o ao espectador. Ou seja, de maneira bastante subliminar isso pode significar que est\u00e1 rolando uma evolu\u00e7\u00e3o desse personagem. Ele est\u00e1 crescendo, evoluindo.<\/p>\n<p>Eu confesso que tenho minhas suspeitas em rela\u00e7\u00e3o ao fato de ele estar atravessando o portal com o p\u00e9 esquerdo. N\u00e3o sei se isso tem algum valor simb\u00f3lico ou se est\u00e1 relacionado a supersti\u00e7\u00e3o de alguma forma.\u00a0Mas como Hollywood tem o costume de deixar mensagens subliminares e ele \u00e9 o \u00fanico personagem apresentado por aqui, qualquer caracter\u00edstica pode representar algum sinal. Ainda mais se tratando de um filme que tem como proposta apresentar o m\u00edstico, o oculto.<\/p>\n<p>Mas enquanto o filme n\u00e3o sai, a gente s\u00f3 pode especular. Ent\u00e3o vamos l\u00e1.<\/p>\n<h3>O c\u00edrculo<\/h3>\n<p>Agora vamos ao item que talvez seja a primeira coisa que algu\u00e9m repara ao olhar para este p\u00f4ster, mesmo que de forma inconsciente. O c\u00edrculo laranja ou o portal.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5262\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Circulo.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_circulo\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Circulo.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Circulo-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ele \u00e9 o principal influenciador do elemento focal nessa composi\u00e7\u00e3o. Voc\u00ea s\u00f3 olha para o personagem porque ele existe. E isso n\u00e3o ocorre apenas pelo contraste de cores, como tamb\u00e9m pelo pr\u00f3prio fato de ele ser um objeto geom\u00e9trico e o fato de ele enquadrar o personagem, de certa forma.<\/p>\n<p>Essas s\u00e3o algumas das v\u00e1rias caracter\u00edsticas que definem um influenciador do elemento focal. E, aqui, elas s\u00e3o muito bem usadas em um \u00fanico elemento.<\/p>\n<p>Eu n\u00e3o sei se ele tem a inten\u00e7\u00e3o de transmitir outra coisa al\u00e9m do pr\u00f3prio fato de ser um portal, mas essa estrutura tamb\u00e9m me remete vagamente a ideia de um olho.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5263\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Olho_Agamotto.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_olho_agamotto\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Olho_Agamotto.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Olho_Agamotto-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Inclusive, esse portal \u00e9 praticamente uma c\u00f3pia do cord\u00e3o que ele leva no peito, chamado exatamente de Olho de Agamotto.<\/p>\n<p>E somando isso ao fato de ele estar atravessando o portal, a gente pode interpretar como um sinal de que ele j\u00e1 n\u00e3o \u00e9 mais um ser sob vigil\u00e2ncia, mas sim aquele que agora enxerga tudo.<\/p>\n<h3>As 4 torres<\/h3>\n<p>Agora vamos dar uma olhada r\u00e1pida nos 4 cantos do p\u00f4ster, mais especificamente nas 4 torres.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5264\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_torres\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Para mim elas representam duas situa\u00e7\u00f5es de import\u00e2ncia nessa composi\u00e7\u00e3o.<\/p>\n<p>A primeira delas \u00e9 o fato de que elas tamb\u00e9m s\u00e3o influenciadoras do elemento focal, assim como o c\u00edrculo. Al\u00e9m do fato de elas tamb\u00e9m terem contraste com o fundo elas est\u00e3o apontando diretamente para o personagem, atuando como uma esp\u00e9cie de guia, ou guias subliminares.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5265\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres_02.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_torres_02\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres_02.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres_02-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ou seja, eu olho para elas e, logo na sequ\u00eancia, meus olhos s\u00e3o empurrados de volta para o personagem.<\/p>\n<p>Uma outra caracter\u00edstica que me chama aten\u00e7\u00e3o \u00e9 o fato de que, justamente por elas estarem apontando para o personagem, elas podem significar ou representar algum tipo de amea\u00e7a.<\/p>\n<p>Enquanto o personagem parece ser um alvo dentro de um c\u00edrculo, elas parecem armas apontadas para ele.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5266\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres_03.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_torres_03\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres_03.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Torres_03-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Caso isso tenha algum fundamento eu n\u00e3o saberia dizer se elas representam o local onde acontecer\u00e1 alguma amea\u00e7a no filme ou se elas est\u00e3o organizadas dessa forma apenas para fazer uma representa\u00e7\u00e3o conceitual de perigo.<\/p>\n<h3>Plano de fundo<strong>\u00a0<\/strong><\/h3>\n<p>Agora vamos ao elemento que eu considero mais interessante nessa composi\u00e7\u00e3o, o plano de fundo.<\/p>\n<p>A gente tem essa \u00e1rea urbana que lembra muito um caleidosc\u00f3pio e, assim como os outros elementos da composi\u00e7\u00e3o, atua como um espelho. E esse espelho tem como base uma \u00fanica matriz que se repete 8 vezes dando um giro completo no p\u00f4ster.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5267\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Matriz_Fundo.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_matriz_fundo\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Matriz_Fundo.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Matriz_Fundo-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>O curioso \u00e9 que se voc\u00ea reparar bem, essa estrutura \u00e9 visivelmente uma estrela de 8 pontas.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5268\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Fundo_Estrela.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_fundo_estrela\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Fundo_Estrela.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Fundo_Estrela-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E dentro desse contexto at\u00e9 que \u00e9 poss\u00edvel encontrar algumas simbologias que se encaixariam muito bem aqui. Mas eu decidi escolher apenas duas, come\u00e7ando pela <strong>Rosa dos Ventos<\/strong>.<\/p>\n<h4>Rosa dos Ventos<\/h4>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"478\" class=\"alignnone size-full wp-image-5270\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Rosa_dos_Ventos.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_rosa_dos_ventos\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Rosa_dos_Ventos.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Rosa_dos_Ventos-310x232.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Rosa dos Ventos \u00e9 o nome que se d\u00e1 a imagem que n\u00f3s vemos dentro das b\u00fassolas e que tem como fun\u00e7\u00e3o orientar na localiza\u00e7\u00e3o.<\/p>\n<p>E dentro de um contexto simb\u00f3lico ela tamb\u00e9m pode representar luz, sorte e a necessidade de encontrar um caminho, uma dire\u00e7\u00e3o.<\/p>\n<p>Tra\u00e7ando novamente um paralelo com o background personagem, essas s\u00e3o caracter\u00edsticas que fazem sentido.\u00a0De forma bem resumida, o Dr. Strange era uma pessoa normal, um m\u00e9dico, que sofreu um acidente e passou por uma transforma\u00e7\u00e3o, uma mudan\u00e7a de rumo, onde ele recebeu um treinamento e se tornou o mago supremo que n\u00f3s vemos nesse p\u00f4ster.<\/p>\n<p>E indo al\u00e9m a gente pode fazer uma compara\u00e7\u00e3o com os pr\u00f3prios poderes que ele adquire quando se transforma. Entre seus poderes mais conhecidos est\u00e3o o teletransporte, a viagem no tempo e a manipula\u00e7\u00e3o de dimens\u00f5es.<\/p>\n<p>E essas s\u00e3o caracter\u00edsticas que certamente a gente pode correlacionar com o que est\u00e1 sendo apresentado nesse p\u00f4ster, principalmente se a ideia de Rosa dos Ventos fizer algum sentido.<\/p>\n<p>Nesse caso ela atuaria como uma representa\u00e7\u00e3o simb\u00f3lica ao fato de n\u00e3o existirem barreiras espaciais ou temporais para esse personagem. Ele simplesmente pode ir para onde e quando quiser.<\/p>\n<h4>Estrela do Caos<\/h4>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"478\" class=\"alignnone size-full wp-image-5271\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Estrela_Caos.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_estrela_caos\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Estrela_Caos.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Estrela_Caos-310x232.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E existe uma outra estrela de 8 pontas que tamb\u00e9m se enquadra como uma poss\u00edvel simbologia aqui e, dessa vez, dentro de um contexto mais m\u00edstico, a <strong>Estrela do Caos<\/strong>.<\/p>\n<p>Ela \u00e9 formada justamente por 8 pontas e um c\u00edrculo no meio. Algo que de cara lembra o que n\u00f3s vemos aqui no p\u00f4ster.<\/p>\n<p>Ela representa o vazio do cosmos, o universo e tamb\u00e9m faz rela\u00e7\u00e3o com altera\u00e7\u00e3o do estado de consci\u00eancia e altera\u00e7\u00e3o de realidade.<\/p>\n<p>Seja isso proposital ou coincid\u00eancia, o curioso \u00e9 que estas tamb\u00e9m s\u00e3o caracter\u00edsticas que se relacionam com esse personagem.<\/p>\n<h2>An\u00e1lise estrutural do design<\/h2>\n<p>Agora vamos deixar a an\u00e1lise semi\u00f3tica de lado e partir para uma an\u00e1lise mais focada na estrutura do design.<\/p>\n<h3>O quadrado e os \u00e2ngulos de 45\u00ba<\/h3>\n<p>E eu come\u00e7o voltando para o ponto onde eu dividi o p\u00f4ster em 8 partes com base no plano de fundo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5272\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Estrutura_01.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_estrutura_01\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Estrutura_01.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Estrutura_01-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Assim que eu encontrei essa divis\u00e3o eu percebi que as diagonais estavam inclinadas em um \u00e2ngulo de 45 graus. E isso, consequentemente, significa que no ponto onde elas encontram as extremidades do p\u00f4ster eu tenho um quadrado.<\/p>\n<p>De primeira eu reparei que esse quadrado poderia ter sido usado como refer\u00eancia para os tamanhos das 4 torres.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5273\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Altura_Torres.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_altura_torres\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Altura_Torres.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Altura_Torres-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E j\u00e1 que existe a possibilidade desse quadrado ter sido usado como refer\u00eancia para as torres, nada impede que ele tenha ajudado a definir outras rela\u00e7\u00f5es e propor\u00e7\u00f5es dos objetos desse layout.<\/p>\n<p>Ent\u00e3o eu fui al\u00e9m e descobri uma rela\u00e7\u00e3o muito forte com a Propor\u00e7\u00e3o \u00c1urea.<\/p>\n<h3>Propor\u00e7\u00e3o \u00c1urea<\/h3>\n<p>Olha o que acontece quando eu divido esse quadrado por 1, 618, que para quem n\u00e3o conhece \u00e9 o n\u00famero que corresponde \u00e0 Propor\u00e7\u00e3o \u00c1urea.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5274\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_proporcao_aurea\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>O resultado \u00e9 esse quadrado menor no qual as quinas coincidem exatamente com essas 4 estruturas de metal que avan\u00e7am por tr\u00e1s do portal.<\/p>\n<p>E, provavelmente, esse quadrado tamb\u00e9m foi usado como base para definir a altura e posicionamento do personagem.<\/p>\n<p>E al\u00e9m disso, caso eu estique as laterais desse quadrado menor at\u00e9 elas tocarem o maior, o que eu tenho \u00e9 um ret\u00e2ngulo \u00e1ureo que se alinha perfeitamente com as pontas das 4 torres.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5275\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_02.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_proporcao_aurea_02\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_02.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_02-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E agora, caso eu volte com a estrela de 8 pontas, voc\u00ea nota que al\u00e9m de n\u00f3s termos as arestas coincidindo com a imagem do fundo, como n\u00f3s j\u00e1 hav\u00edamos constatado, os v\u00e9rtices internos dessa estrela tamb\u00e9m tocam o quadrado menor de maneira exata.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5276\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_03.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_proporcao_aurea_03\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_03.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_03-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ent\u00e3o a gente tem bastante argumento para deduzir que, pelo menos at\u00e9 aqui, alguma estrutura foi usada para criar essa composi\u00e7\u00e3o.<\/p>\n<p>E para finalizar, j\u00e1 que eu estava nesse caminho, eu inseri uma guia de composi\u00e7\u00e3o com base no ret\u00e2ngulo \u00e1ureo e multipliquei ela 4 vezes.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5277\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_04.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_proporcao_aurea_04\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_04.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_04-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E avan\u00e7ando mais um pouco no processo voc\u00ea nota que isso foi o suficiente para encontrar outros pontos coincidentes que, no final das contas, podem n\u00e3o ter sido tanta coincid\u00eancia assim.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5278\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_05.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_proporcao_aurea_05\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_05.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_05-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ali\u00e1s, \u00e9 bem poss\u00edvel que a gente tenha acabado de analisar um p\u00f4ster criado com base em um grid composto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"743\" class=\"alignnone size-full wp-image-5279\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_06.jpg\" alt=\"analise_design_dr_strange_poster_imagens_site_proporcao_aurea_06\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_06.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Imagens_Site_Proporcao_Aurea_06-310x360.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>Encerrando<\/h2>\n<p>E \u00e9 isso, pessoal.<\/p>\n<p>Espero que voc\u00ea tenha gostado e que esse post, assim como os outros aqui do site, ajude a enxergar que design n\u00e3o \u00e9 apenas forma, mas tamb\u00e9m \u00e9 fundamento e mensagem. Principalmente mensagem, por mais que isso dependa de interpreta\u00e7\u00e3o.<\/p>\n<p>N\u00f3s, como designers, temos n\u00e3o s\u00f3 o papel e obriga\u00e7\u00e3o de saber transmitir mensagens como o de saber interpret\u00e1-las.<\/p>\n<p>Eu n\u00e3o quero que voc\u00ea concorde comigo. O meu objetivo aqui \u00e9 apenas estimular voc\u00ea a se interessar cada vez mais sobre design, seja no campo da ferramenta, da teoria ou das reflex\u00f5es e viagens que eu compartilho com voc\u00ea para que voc\u00ea possa fazer as suas por conta pr\u00f3pria.<\/p>\n<p>E eu realmente espero estar no caminho certo.<\/p>\n<p>Valeu. Um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<h4>Indica\u00e7\u00e3o de leitura<\/h4>\n<ul>\n<li><a href=\"https:\/\/waltermattos.com\/go\/geometria-do-design-amazon\/\" target=\"_blank\">Geometria do Design<\/a><\/li>\n<li><a href=\"https:\/\/waltermattos.com\/go\/psicologia_das_cores\/\" target=\"_blank\">A Psicologia das Cores<\/a><\/li>\n<li><a href=\"https:\/\/waltermattos.com\/go\/grid-systems\/\" target=\"_blank\">Grid Systems<\/a><\/li>\n<li><a href=\"https:\/\/waltermattos.com\/go\/dicionario_de_simbolos\/\" target=\"_blank\">Dicion\u00e1rio de S\u00edmbolos<\/a><\/li>\n<li><a href=\"https:\/\/waltermattos.com\/go\/gestalt-do-objeto\/\" target=\"_blank\">Gestalt do Objeto<\/a><\/li>\n<li><a href=\"https:\/\/waltermattos.com\/go\/elementos-de-semiotica-aplicados-ao-design\/\" target=\"_blank\">Elementos da Semi\u00f3tica Aplicados ao Design<\/a><\/li>\n<\/ul>\n<h4>Refer\u00eancias externas<\/h4>\n<ul>\n<li><a href=\"https:\/\/www.blenderguru.com\/tutorials\/understanding-composition\/\" target=\"_blank\">Understanding Composition<\/a><\/li>\n<li><a href=\"https:\/\/www.blenderguru.com\/tutorials\/understanding-colors\/\" target=\"_blank\">Understanding Colors<\/a><\/li>\n<li><a href=\"http:\/\/www.updateordie.com\/2015\/01\/18\/38-linhas-para-designers-guardarem-na-gaveta\/\" target=\"_blank\">48 linhas para designers guardarem na gaveta<\/a><\/li>\n<li><a href=\"https:\/\/priceonomics.com\/why-every-movie-looks-sort-of-orange-and-blue\/\" target=\"_blank\">Cores laranja e azul no cinema<\/a><\/li>\n<li><a href=\"http:\/\/www.dicionariodesimbolos.com.br\" target=\"_blank\">Dicion\u00e1rio de s\u00edmbolos online<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=j470TfBI5P4\" target=\"_blank\">An\u00e1lise do trailer do filme Dr. Strange<\/a><\/li>\n<li><a href=\"http:\/\/marvel.com\/universe\/Doctor_Strange_(Stephen_Strange)\" target=\"_blank\">Sobre o Dr. Strange (Marvel)<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=Lt-U_t2pUHI\" target=\"_blank\">Trailer do filme Dr. Strange<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Neste v\u00eddeo fa\u00e7o uma an\u00e1lise completa sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho. A an\u00e1lise \u00e9 dividida em duas partes, semi\u00f3tica e an\u00e1lise estrutural. Na primeira etapa voc\u00ea ver\u00e1 estudo de cores e a busca por poss\u00edveis mensagens e significados transmitidos pelos elementos do p\u00f4ster, como as torres, o c\u00edrculo&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":5284,"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,7,159],"tags":[135,59,218,121],"class_list":["post-5238","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","category-videos-2","tag-analise-grafica","tag-design","tag-dr-strange","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>Analisando o design do p\u00f4ster Dr. Strange<\/title>\n<meta name=\"description\" content=\"Neste v\u00eddeo fa\u00e7o uma an\u00e1lise semi\u00f3tica e estrutural sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho.\" \/>\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=\"Analisando o design do p\u00f4ster Dr. Strange\" \/>\n<meta property=\"og:description\" content=\"Neste v\u00eddeo fa\u00e7o uma an\u00e1lise semi\u00f3tica e estrutural sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-19T13:02:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-11T22:38:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg\" \/>\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\/jpeg\" \/>\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=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"An\u00e1lise do Design: P\u00f4ster Dr. Strange\",\"datePublished\":\"2016-10-19T13:02:38+00:00\",\"dateModified\":\"2017-01-11T22:38:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/\"},\"wordCount\":2442,\"commentCount\":25,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg\",\"keywords\":[\"An\u00e1lise Gr\u00e1fica\",\"Design\",\"Dr. Strange\",\"Grids\"],\"articleSection\":[\"Artigos\",\"Tutoriais\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/\",\"name\":\"Analisando o design do p\u00f4ster Dr. Strange\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg\",\"datePublished\":\"2016-10-19T13:02:38+00:00\",\"dateModified\":\"2017-01-11T22:38:07+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Neste v\u00eddeo fa\u00e7o uma an\u00e1lise semi\u00f3tica e estrutural sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg\",\"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":"Analisando o design do p\u00f4ster Dr. Strange","description":"Neste v\u00eddeo fa\u00e7o uma an\u00e1lise semi\u00f3tica e estrutural sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho.","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":"Analisando o design do p\u00f4ster Dr. Strange","og_description":"Neste v\u00eddeo fa\u00e7o uma an\u00e1lise semi\u00f3tica e estrutural sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/","og_site_name":"Walter Mattos","article_published_time":"2016-10-19T13:02:38+00:00","article_modified_time":"2017-01-11T22:38:07+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg","type":"image\/jpeg"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"An\u00e1lise do Design: P\u00f4ster Dr. Strange","datePublished":"2016-10-19T13:02:38+00:00","dateModified":"2017-01-11T22:38:07+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/"},"wordCount":2442,"commentCount":25,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg","keywords":["An\u00e1lise Gr\u00e1fica","Design","Dr. Strange","Grids"],"articleSection":["Artigos","Tutoriais","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/","name":"Analisando o design do p\u00f4ster Dr. Strange","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg","datePublished":"2016-10-19T13:02:38+00:00","dateModified":"2017-01-11T22:38:07+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Neste v\u00eddeo fa\u00e7o uma an\u00e1lise semi\u00f3tica e estrutural sobre o design do p\u00f4ster do filme Dr. Strange, ou Dr. Estranho.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analisando-o-design-do-poster-dr-strange\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2016\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg","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\/10\/Analise_Design_Dr_Strange_Poster_Covers_01_Blog_B.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-1mu","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5238","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=5238"}],"version-history":[{"count":13,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5238\/revisions"}],"predecessor-version":[{"id":5471,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5238\/revisions\/5471"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/5284"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=5238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=5238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=5238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}