{"id":203,"date":"2018-11-14T16:05:20","date_gmt":"2018-11-14T18:05:20","guid":{"rendered":"http:\/\/www.ozone.com.br\/blog\/?p=203"},"modified":"2022-08-04T17:34:04","modified_gmt":"2022-08-04T20:34:04","slug":"formas-basicas-e-suas-funcoes","status":"publish","type":"post","link":"https:\/\/www.ozone.com.br\/blog\/formas-basicas-e-suas-funcoes\/","title":{"rendered":"Formas b\u00e1sicas e suas fun\u00e7\u00f5es"},"content":{"rendered":"<p>[et_pb_section admin_label=&#8221;section&#8221;]<br \/>\n\t\t\t[et_pb_row admin_label=&#8221;row&#8221;]<br \/>\n\t\t\t\t[et_pb_column type=&#8221;4_4&#8243;][et_pb_text admin_label=&#8221;Text&#8221;]<span style=\"font-weight: 400;\">Voc\u00ea j\u00e1 deve ter ouvido falar que c\u00edrculos passam a sensa\u00e7\u00e3o de amig\u00e1vel, fofura, inoc\u00eancia. Essa \u00e9 uma caracter\u00edstica psicol\u00f3gica nossa resultante da nossa inf\u00e2ncia, objetos redondos n\u00e3o machucam, objetos triangulares\/pontudos machucam. Ent\u00e3o quando o designer apresenta o logo da empresa, procure question\u00e1-lo quanto a forma b\u00e1sica que ele escolheu, pois a forma comunica ao p\u00fablico, de forma inconsciente, as caracter\u00edsticas b\u00e1sicas da sua empresa.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">J\u00e1 que exploramos um pouco as caracter\u00edsticas do circulo, vamos falar das caracter\u00edsticas do quadrado e do tri\u00e2ngulo tamb\u00e9m.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">O quadrado, apesar de ter pontas, tamb\u00e9m passa a ideia de confiabilidade, pois ela n\u00e3o \u201crola\u201d, \u00e9 im\u00f3vel. Por isso tamb\u00e9m atribui-se estabilidade, for\u00e7a e resist\u00eancia.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Dependendo da posi\u00e7\u00e3o do tri\u00e2ngulo, ele pode dar a ideia de estabilidade assim como o quadrado, mas s\u00f3 se as pontas n\u00e3o estiverem em contato com o \u201cch\u00e3o\u201d. No caso de uma estrela, ela tem estabilidade se duas pontas estiverem em contato, mas uma ponta apenas d\u00e1 a sensa\u00e7\u00e3o de equil\u00edbrio (se o tri\u00e2ngulo estiver sim\u00e9trico em rela\u00e7\u00e3o ao \u201cch\u00e3o\u201d) ou desequil\u00edbrio (no caso de assimetria). Outras caracter\u00edsticas s\u00e3o de velocidade, por ter uma forma aerodin\u00e2mica, e alerta. J\u00e1 reparou que a sinaliza\u00e7\u00e3o para \u201cprioridade\u201d na estrada \u00e9 um tri\u00e2ngulo invertido? \u00e8 pela sensa\u00e7\u00e3o de alerta.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">(Nota: o \u201cch\u00e3o\u201d que eu digo \u00e9 um ch\u00e3o imagin\u00e1rio, pois n\u00f3s humanos n\u00e3o conseguimos observar um objeto e assumir que ele est\u00e1 flutuando em um espa\u00e7o vazio, por isso sempre assumimos naturalmente que existe um \u201cch\u00e3o\u201d logo abaixo do objeto)<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Agora que j\u00e1 est\u00e1 familiarizado com as tr\u00eas formas geom\u00e9tricas b\u00e1sicas, lhe apresento as tr\u00eas formas b\u00e1sicas de design gr\u00e1fico:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O ponto, a linha e o contorno.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Com o ponto podemos fazer uma linha, texturas, organizar o espa\u00e7o em branco, etc. Na linha podemos construir formas s\u00f3lidas, direcionar o olhar, etc. Com o contorno conseguimos dar volume, peso, etc.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Cada uma dessas formas t\u00eam um conjunto de caracter\u00edsticas que se modificam e condicionam de acordo com \u00a0as seguintes defini\u00e7\u00f5es:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><strong><span style=\"color: #808080;\">Forma:<\/span><\/strong> Representa\u00e7\u00e3o de um objeto, podendo ser imagin\u00e1rio ou real. Definida pela disposi\u00e7\u00e3o geom\u00e9trica.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Dire\u00e7\u00e3o:<\/strong><\/span> podendo ser horizontal, vertical ou diagonal, projetando-se de uma forma e continuando um caminho imagin\u00e1rio depois desta j\u00e1 ter fisicamente finalizada.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Cor:<\/strong><\/span> A mais evidente das caracter\u00edsticas, podendo ser identificado de longe e em pouco tempo. Usada corretamente pode dar a sensa\u00e7\u00e3o de movimento, luz, sombra e dinamismo. Podendo ser usada no contorno e da parte interna do objeto assim como no espa\u00e7o a sua volta. Essas cores podem, assim como as formas geom\u00e9tricas b\u00e1sicas, passar uma sensa\u00e7\u00e3o, como por exemplo, a cor azul pode ser fria e intensa ao mesmo tempo. Veja a psicologia das cores para mais informa\u00e7\u00f5es.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Textura:<\/strong><\/span> Textura \u00e9 o que d\u00e1 a ilus\u00e3o de tato atrav\u00e9s da vis\u00e3o, podendo dar o objeto caracter\u00edsticas de materiais ou subst\u00e2ncias f\u00edsicas, l\u00edquidas ou gasosas atrav\u00e9s de varia\u00e7\u00f5es diminutas na superf\u00edcie. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Escala:<\/strong><\/span> Definem a propriedade de diferentes \u00e1reas da composi\u00e7\u00e3o, podendo direcionar a aten\u00e7\u00e3o ou detalhar uma \u00e1rea da composi\u00e7\u00e3o atrav\u00e9s da repeti\u00e7\u00e3o.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Dimens\u00e3o:<\/strong><\/span> Um projeto gr\u00e1fico t\u00eam apenas duas dimens\u00f5es, mas podemos dar a ilus\u00e3o de tridimensionalidade atrav\u00e9s de t\u00e9cnicas de perspectiva, luz e sombra, sobreposi\u00e7\u00e3o ou introduzindo fotografia ou composi\u00e7\u00e3o de arte 3D na obra. \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><strong><span style=\"color: #808080;\">Movimento:<\/span><\/strong> Apesar de ser inexistente em pe\u00e7as gr\u00e1ficas, podemos dar a sensa\u00e7\u00e3o de movimento a uma marca ou pe\u00e7a com certas t\u00e9cnicas com conota\u00e7\u00f5es de dinamismo e for\u00e7a, tamb\u00e9m pode j\u00e1 estar impl\u00edcito, como no caso do tri\u00e2ngulo.<\/span>[\/et_pb_text][\/et_pb_column]<br \/>\n\t\t\t[\/et_pb_row]<br \/>\n\t\t[\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea j\u00e1 deve ter ouvido falar que c\u00edrculos passam a sensa\u00e7\u00e3o de amig\u00e1vel, fofura, inoc\u00eancia. Essa \u00e9 uma caracter\u00edstica psicol\u00f3gica nossa resultante da nossa inf\u00e2ncia, objetos redondos n\u00e3o machucam, objetos triangulares\/pontudos machucam. Ent\u00e3o quando o designer apresenta o logo da empresa, procure question\u00e1-lo quanto a forma b\u00e1sica que ele escolheu, pois a forma comunica ao [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":206,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<span style=\"font-weight: 400;\">Voc\u00ea j\u00e1 deve ter ouvido falar que c\u00edrculos passam a sensa\u00e7\u00e3o de amig\u00e1vel, fofura, inoc\u00eancia. Essa \u00e9 uma caracter\u00edstica psicol\u00f3gica nossa resultante da nossa inf\u00e2ncia, objetos redondos n\u00e3o machucam, objetos triangulares\/pontudos machucam. Ent\u00e3o quando o designer apresenta o logo da empresa, procure question\u00e1-lo quanto a forma b\u00e1sica que ele escolheu, pois a forma comunica ao p\u00fablico, de forma inconsciente, as caracter\u00edsticas b\u00e1sicas da sua empresa.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\">J\u00e1 que exploramos um pouco as caracter\u00edsticas do circulo, vamos falar das caracter\u00edsticas do quadrado e do tri\u00e2ngulo tamb\u00e9m.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\">O quadrado, apesar de ter pontas, tamb\u00e9m passa a ideia de confiabilidade, pois ela n\u00e3o \u201crola\u201d, \u00e9 im\u00f3vel. Por isso tamb\u00e9m atribui-se estabilidade, for\u00e7a e resist\u00eancia.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\">Dependendo da posi\u00e7\u00e3o do tri\u00e2ngulo, ele pode dar a ideia de estabilidade assim como o quadrado, mas s\u00f3 se as pontas n\u00e3o estiverem em contato com o \u201cch\u00e3o\u201d. No caso de uma estrela, ela tem estabilidade se duas pontas estiverem em contato, mas uma ponta apenas d\u00e1 a sensa\u00e7\u00e3o de equil\u00edbrio (se o tri\u00e2ngulo estiver sim\u00e9trico em rela\u00e7\u00e3o ao \u201cch\u00e3o\u201d) ou desequil\u00edbrio (no caso de assimetria). Outras caracter\u00edsticas s\u00e3o de velocidade, por ter uma forma aerodin\u00e2mica, e alerta. J\u00e1 reparou que a sinaliza\u00e7\u00e3o para \u201cprioridade\u201d na estrada \u00e9 um tri\u00e2ngulo invertido? \u00e8 pela sensa\u00e7\u00e3o de alerta.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\">(Nota: o \u201cch\u00e3o\u201d que eu digo \u00e9 um ch\u00e3o imagin\u00e1rio, pois n\u00f3s humanos n\u00e3o conseguimos observar um objeto e assumir que ele est\u00e1 flutuando em um espa\u00e7o vazio, por isso sempre assumimos naturalmente que existe um \u201cch\u00e3o\u201d logo abaixo do objeto)<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\">Agora que j\u00e1 est\u00e1 familiarizado com as tr\u00eas formas geom\u00e9tricas b\u00e1sicas, lhe apresento as tr\u00eas formas b\u00e1sicas de design gr\u00e1fico:<\/span>\r\n\r\n<span style=\"font-weight: 400;\">O ponto, a linha e o contorno.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\">Com o ponto podemos fazer uma linha, texturas, organizar o espa\u00e7o em branco, etc. Na linha podemos construir formas s\u00f3lidas, direcionar o olhar, etc. Com o contorno conseguimos dar volume, peso, etc.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\">Cada uma dessas formas t\u00eam um conjunto de caracter\u00edsticas que se modificam e condicionam de acordo com \u00a0as seguintes defini\u00e7\u00f5es:<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\"><strong><span style=\"color: #808080;\">Forma:<\/span><\/strong> Representa\u00e7\u00e3o de um objeto, podendo ser imagin\u00e1rio ou real. Definida pela disposi\u00e7\u00e3o geom\u00e9trica.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Dire\u00e7\u00e3o:<\/strong><\/span> podendo ser horizontal, vertical ou diagonal, projetando-se de uma forma e continuando um caminho imagin\u00e1rio depois desta j\u00e1 ter fisicamente finalizada.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Cor:<\/strong><\/span> A mais evidente das caracter\u00edsticas, podendo ser identificado de longe e em pouco tempo. Usada corretamente pode dar a sensa\u00e7\u00e3o de movimento, luz, sombra e dinamismo. Podendo ser usada no contorno e da parte interna do objeto assim como no espa\u00e7o a sua volta. Essas cores podem, assim como as formas geom\u00e9tricas b\u00e1sicas, passar uma sensa\u00e7\u00e3o, como por exemplo, a cor azul pode ser fria e intensa ao mesmo tempo. Veja a psicologia das cores para mais informa\u00e7\u00f5es.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Textura:<\/strong><\/span> Textura \u00e9 o que d\u00e1 a ilus\u00e3o de tato atrav\u00e9s da vis\u00e3o, podendo dar o objeto caracter\u00edsticas de materiais ou subst\u00e2ncias f\u00edsicas, l\u00edquidas ou gasosas atrav\u00e9s de varia\u00e7\u00f5es diminutas na superf\u00edcie. <\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Escala:<\/strong><\/span> Definem a propriedade de diferentes \u00e1reas da composi\u00e7\u00e3o, podendo direcionar a aten\u00e7\u00e3o ou detalhar uma \u00e1rea da composi\u00e7\u00e3o atrav\u00e9s da repeti\u00e7\u00e3o.<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\"><span style=\"color: #808080;\"><strong>Dimens\u00e3o:<\/strong><\/span> Um projeto gr\u00e1fico t\u00eam apenas duas dimens\u00f5es, mas podemos dar a ilus\u00e3o de tridimensionalidade atrav\u00e9s de t\u00e9cnicas de perspectiva, luz e sombra, sobreposi\u00e7\u00e3o ou introduzindo fotografia ou composi\u00e7\u00e3o de arte 3D na obra. \u00a0<\/span>\r\n\r\n&nbsp;\r\n\r\n<span style=\"font-weight: 400;\"><strong><span style=\"color: #808080;\">Movimento:<\/span><\/strong> Apesar de ser inexistente em pe\u00e7as gr\u00e1ficas, podemos dar a sensa\u00e7\u00e3o de movimento a uma marca ou pe\u00e7a com certas t\u00e9cnicas com conota\u00e7\u00f5es de dinamismo e for\u00e7a, tamb\u00e9m pode j\u00e1 estar impl\u00edcito, como no caso do tri\u00e2ngulo.<\/span>","_et_gb_content_width":"","_joinchat":[]},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/posts\/203"}],"collection":[{"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":3,"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/posts\/203\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/posts\/203\/revisions\/218"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/media\/206"}],"wp:attachment":[{"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ozone.com.br\/blog\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}