{"id":310,"date":"2011-04-04T17:47:00","date_gmt":"2011-04-04T20:47:00","guid":{"rendered":"http:\/\/ricardoartur.com.br\/1001\/?p=310"},"modified":"2016-02-26T12:19:29","modified_gmt":"2016-02-26T15:19:29","slug":"princpios-de-gestalt-aplicados-ao-design","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/1001\/2011\/04\/princpios-de-gestalt-aplicados-ao-design\/","title":{"rendered":"Princ\u00edpios de Gestalt aplicados ao Design"},"content":{"rendered":"<p style=\"text-align: left;\"><em>Tradu\u00e7\u00e3o do texto The Gestalt Principles, por Ricardo Artur P. Carvalho. Texto original dispon\u00edvel \u00a0no endere\u00e7o: <a href=\"http:\/\/graphicdesign.spokanefalls.edu\/tutorials\/process\/gestaltprinciples\/gestaltprinc.htm\">http:\/\/graphicdesign.spokanefalls.edu\/tutorials\/process\/gestaltprinciples\/gestaltprinc.htm<\/a> acessado em: 04\/04\/2011<\/em><\/p>\n<p style=\"text-align: left;\"><em>Gestalt<\/em> \u00e9 um termo da psicologia que significa \u201ctodo unificado\u201d. Ele se refere \u00e0s teorias da <strong>percep\u00e7\u00e3o visual<\/strong>, desenvolvido por psic\u00f3logos alem\u00e3es na d\u00e9cada de 1920. Estas\u00a0 teorias tentam descrever como as pessoas tendem a organizar os elementos visuais por meio de grupos ou <em>todos unificados<\/em> nos quais certos princ\u00edpios s\u00e3o aplicados. Estes princ\u00edpios s\u00e3o:<\/p>\n<p style=\"text-align: left;\"><!--more--><\/p>\n<h1 style=\"text-align: left;\">Similaridade<\/h1>\n<p style=\"text-align: left;\"><em>Similaridade<\/em> ocorre quando <strong>um objeto parece similar<\/strong> a outro. As pessoas tendem a perceb\u00ea-los como um grupo ou padr\u00e3o.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-320\" title=\"similarity01\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/similarity011.gif\" alt=\"\" width=\"214\" height=\"210\" \/><\/p>\n<p style=\"text-align: left;\">O exemplo acima (contendo 11 objetos distintos) parece como uma <strong>unidade singular<\/strong> porque todas as suas formas possuem <strong>similaridade<\/strong>.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\">A unidade ocorre porque as formas triangulares abaixo da \u00e1guia <strong>parecem similares<\/strong> \u00e0s formas dos raios de sol.<\/p>\n<p style=\"text-align: left;\">Quando a similaridade ocorre, um objeto pode ser enfatizado se for <em>diferente<\/em> dos demais. Isso chama-se <strong>anomalia<\/strong>.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-312\" title=\"anomaly01\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/anomaly01.gif\" alt=\"\" width=\"360\" height=\"122\" srcset=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/anomaly01.gif 360w, https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/anomaly01-300x101.gif 300w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/p>\n<p style=\"text-align: left;\">A figura no canto direito se torna um ponto focal porque <strong>difere<\/strong> das demais.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<h1 style=\"text-align: left;\">Continuidade<\/h1>\n<p style=\"text-align: left;\">A <em>continuidade <\/em> ocorre quando o olho \u00e9 compelido a se <strong>mover atrav\u00e9s<\/strong> de um objeto e <strong>continuar<\/strong> at\u00e9 outro objeto.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-314\" title=\"continuation_a\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/continuation_a.gif\" alt=\"\" width=\"284\" height=\"180\" \/><\/p>\n<p style=\"text-align: left;\">A continuidade ocorre no exemplo acima porque o olho do observador \u00a0tende a seguir a linha da curva. A fluidez da barra do \u201cH\u201d dirige nosso olho diretamente para a folha de bordo.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<h1 style=\"text-align: left;\">Fechamento<\/h1>\n<p style=\"text-align: left;\">O <em>fechamento<\/em> ocorre quando um objeto est\u00e1 <em>incompleto<\/em> ou o espa\u00e7o n\u00e3o est\u00e1 <em>completamente fechado<\/em>. Se o suficiente da forma estiver indicado, as pessoas tender\u00e3o a perceber a totalidade mediante o preenchimento da informa\u00e7\u00e3o.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-313\" title=\"closure_a\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/closure_a.gif\" alt=\"\" width=\"203\" height=\"221\" \/><\/p>\n<p style=\"text-align: left;\">Embora o panda acima n\u201dao esteja completo, vemos o suficiente para completarmos a forma. Quando o <em>observador completa a forma<\/em>, o <strong>fechamento<\/strong> ocorre.<\/p>\n<p style=\"text-align: left;\">Exemplos<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/graphicdesign.spokanefalls.edu\/tutorials\/process\/gestaltprinciples\/closure\/meng.htm\"><\/a><\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-324\" title=\"mosaic_t\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/mosaic_t.gif\" alt=\"\" width=\"100\" height=\"99\" \/><\/p>\n<h1 style=\"text-align: left;\">Proximidade<\/h1>\n<p style=\"text-align: left;\">A <em>proximidade<\/em> ocorre quando os elementos s\u00e3o dispostos perto um do outro. Eles tendem a ser percebidos como um grupo.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" title=\"proxa\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/proxa1.gif\" alt=\"\" width=\"254\" height=\"158\" \/><\/p>\n<p style=\"text-align: left;\">Os nove quadrados acima est\u00e3o dispostos sem proximidade. Eles s\u00e3o percebidos como <strong>formas separadas<\/strong>.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-322\" title=\"proxb\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/proxb1.gif\" alt=\"\" width=\"84\" height=\"83\" \/><\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\">Quando os quadrados se encontram bem pr\u00f3ximos, a unidade ocorre. Embora eles continuem a ser formas separadas, eles passam a ser percebidos como <strong>um grupo<\/strong>.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-319\" title=\"proximity01\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/proximity01.gif\" alt=\"\" width=\"288\" height=\"295\" \/><\/p>\n<p style=\"text-align: left;\">As quinze figures acima formam um <em>todo unificado<\/em> (a forma de uma \u00e1rvore) por causa de sua <strong>proximidade<\/strong>.<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<h1 style=\"text-align: left;\">Figura e Fundo<\/h1>\n<p style=\"text-align: left;\">O olho diferencia a forma da \u00e1rea em seu entorno. A forma ou silhueta \u00e9 tende a ser percebida como <strong>figura<\/strong> (objeto), enquanto a \u00e1rea em volta \u00e9 percebida como <strong>fundo<\/strong>.<\/p>\n<p style=\"text-align: left;\">Equilibrar figura e fundo pode tornar a percep\u00e7\u00e3o da imagem mais clara. Usar rela\u00e7\u00f5es incomuns de figura\/fundo pode acrescentar interesse e sutileza \u00e0 imagem.<\/p>\n<p style=\"text-align: left;\"><strong><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-325\" title=\"fig-fundo\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/fig-fundo.gif\" style=\"border: 1px solid\" alt=\"\" width=\"265\" height=\"201\" \/><\/strong><\/p>\n<p style=\"text-align: left;\">A palavra acima \u00e9 <strong>claramente <\/strong>como figura e a \u00e1rea branca ao seu redor como fundo.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-315\" title=\"fig_grnd01\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/fig_grnd01.gif\" alt=\"\" width=\"139\" height=\"216\" \/><\/p>\n<p style=\"text-align: left;\">Nessa imagem, a rela\u00e7\u00e3o entre figura e o fundo <strong>muda<\/strong> \u00e0 medida em que os olhos percebem a forma de uma sombra ou silhueta de uma face.<\/p>\n<p style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-311\" title=\"fig_grnd02\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/04\/fig_grnd02.gif\" alt=\"\" width=\"161\" height=\"216\" \/><\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\">Esta imagem usa rela\u00e7\u00f5es complexas entre figura e fundo que <strong>mudam<\/strong> ao se perceber as folhas, a \u00e1gua e o tronco da \u00e1rvore.<\/p>\n<p style=\"text-align: left;\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p style=\"text-align: left;\">Espero que esse texto ajude a esclarecer os princ\u00edpios da Gestalt e auxilie na cria\u00e7\u00e3o de composi\u00e7\u00f5es interessantes.<\/p>\n<p style=\"text-align: left;\">Abs,<br \/>\nRicardo<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n<p style=\"text-align: left;\">&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tradu\u00e7\u00e3o do texto The Gestalt Principles, por Ricardo Artur P. Carvalho. Texto original dispon\u00edvel \u00a0no endere\u00e7o: http:\/\/graphicdesign.spokanefalls.edu\/tutorials\/process\/gestaltprinciples\/gestaltprinc.htm acessado em: 04\/04\/2011 Gestalt \u00e9 um termo da psicologia que significa \u201ctodo unificado\u201d. Ele se refere \u00e0s teorias da percep\u00e7\u00e3o visual, desenvolvido por psic\u00f3logos alem\u00e3es na d\u00e9cada de 1920. Estas\u00a0 teorias tentam descrever como as pessoas tendem a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[3,51,5],"class_list":["post-310","post","type-post","status-publish","format-standard","hentry","category-aulas","tag-aula","tag-gestalt","tag-grafico"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":8,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts\/310\/revisions"}],"predecessor-version":[{"id":1178,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts\/310\/revisions\/1178"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/media?parent=310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/categories?post=310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/tags?post=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}