O profissional web designer, em geral, n\u00e3o se preocupa muito com c\u00f3digos, fontes ou tecnologias para manter um e-commerce no ar, por\u00e9m o seu desempenho em um e-commerce ou um website pode ser a diferen\u00e7a entre o cliente fechar neg\u00f3cio com a empresa ou fechar com o concorrente, pois, para o usu\u00e1rio final, o trabalho do web designer \u00e9 que demonstra, atrav\u00e9s das imagens do sistema, a sua credibilidade. Para tanto, o web designer tem contato constante com a equipe de marketing e vendas e, atrav\u00e9s de estrat\u00e9gias de marketing, trabalha as formas de vendas via Internet pelas imagens, disposi\u00e7\u00e3o dos layouts e an\u00fancios. A principal caracter\u00edstica do web designer \u00e9 a criatividade, ou criador, e, segundo Malzone(2006), ele deve ser observador, atualizado, indagador, persistente, objetivo, respons\u00e1vel e estrategista. Ser um web designer \u00e9 criar m\u00eddias digitais para cativar o cliente.<\/p>\n
Fundamentos de Design<\/strong><\/p>\n Em uma Internet onde quase n\u00e3o se observa padr\u00f5es de design e milhares de websites que n\u00e3o s\u00e3o projetados para os usu\u00e1rios e sim por alguma exig\u00eancia do mercado acaba tornando por sua vez o website fora do padr\u00e3o e acaba passando pela sua identidade visual um aspecto de \u201cdesleixado\u201d Embora a fun\u00e7\u00e3o do web designer seja trabalhar com a criatividade, o profissional deve ter em mente que existem diversos websites consagrados no ar e que algumas composi\u00e7\u00f5es de imagens j\u00e1 s\u00e3o, at\u00e9 certo ponto, \u201cassertivas\u201d e padronizadas para os navegadores da web. Para esses padr\u00f5es j\u00e1 estabelecidos na web, existem alguns princ\u00edpios b\u00e1sicos, segundo Damasceno (2003, p.10): (a) a harmonia, (b) as formas e suas fun\u00e7\u00f5es, (c) o equil\u00edbrio entre os elementos, (d) a atra\u00e7\u00e3o de elementos e (e) a simplicidade da composi\u00e7\u00e3o.<\/p>\n (a) Harmonia<\/strong>: trata-se da coer\u00eancia visual, percebida pela visualiza\u00e7\u00e3o total do trabalho. Atrav\u00e9s da organiza\u00e7\u00e3o visual dos elementos na tela, pode-se extrair do usu\u00e1rio uma das respostas: website de \u201cbom gosto\u201d ou website de \u201cmau gosto\u201d. Os elementos do website s\u00e3o as cores, tamanhos de imagens e posicionamentos e qualquer elemento na tela.<\/p>\n (b) As Formas e suas fun\u00e7\u00f5es<\/strong>: a forma \u00e9 o meio universal de representar a funcionalidade de um elemento ou componente, como, por exemplo, na figura abaixo, as formas de setas para direita e para esquerda do menu de navega\u00e7\u00e3o tem como objetivo demonstrar a fun\u00e7\u00e3o de \u201cvoltar\u201d para p\u00e1gina anterior ou \u201cavan\u00e7ar \u201c para a pr\u00f3xima p\u00e1gina.<\/p>\n (c) Equil\u00edbrio entre os elementos<\/strong>: De acordo com Damasceno (2003, p.15), trata-se da: \u201cpropor\u00e7\u00e3o ideal entre imagens e textos, hierarquiza\u00e7\u00e3o correta dos elementos e tamb\u00e9m quando confere f\u00e1cil identifica\u00e7\u00e3o de todos os componentes aos usu\u00e1rios.\u201d Observe as figuras abaixo que mostram claramente o desequil\u00edbrio e equil\u00edbrio entre figuras com o mesmo conte\u00fado.<\/p>\n (d) Atra\u00e7\u00e3o de elementos<\/strong>: As informa\u00e7\u00f5es, hipertextos, imagens ou produtos devem ser agrupados de forma hier\u00e1rquica ou em sequ\u00eancia de modo que os elementos que se correspondam fiquem pr\u00f3ximos. No design, por exemplo, o \u201ccarrinho de compras\u201d como \u00edcone de um bot\u00e3o ou link demonstra ao usu\u00e1rio que, ao clicar naquele bot\u00e3o, ele ir\u00e1 visualizar os produtos que adicionou \u00e0 sua compra. Outro exemplo seria o uso de links por meio dos quais o usu\u00e1rio cliente entra no setor de perif\u00e9ricos de computador do e-commerce. Nesse caso podem aparecer, em algum local do e-commerce, produtos dessa categoria que s\u00e3o visitados, expondo promo\u00e7\u00f5es e produtos mais visualizados.<\/p>\n (e) Simplicidade da composi\u00e7\u00e3o<\/strong>: com o estilo atual da vida dos usu\u00e1rios de Internet, um website conciso n\u00e3o somente \u00e9 padr\u00e3o dos websites como tamb\u00e9m \u00e9 uma forma de atrair o visitante novamente \u00e0 p\u00e1gina. Ent\u00e3o ter o foco na mensagem a ser passada faz com que o usu\u00e1rio n\u00e3o precise \u201cca\u00e7ar\u201d o que ele procura dentro do website. Embora, muitas vezes, as imagens falem mais do que as palavras, \u00e9 preciso cuidado com os excessos de imagens, a fim de n\u00e3o desviar o usu\u00e1rio do foco da mensagem.<\/p>\n O profissional web designer, em geral, n\u00e3o se preocupa muito com c\u00f3digos, fontes ou tecnologias para manter um e-commerce no ar, por\u00e9m o seu desempenho em um e-commerce ou um…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[74,183],"class_list":["post-3957","post","type-post","status-publish","format-standard","hentry","category-adwords","tag-teo-costa","tag-webdesigner"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/posts\/3957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/comments?post=3957"}],"version-history":[{"count":0,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/posts\/3957\/revisions"}],"wp:attachment":[{"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/media?parent=3957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/categories?post=3957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teo.com.br\/noticias\/wp-json\/wp\/v2\/tags?post=3957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/h2>\n","protected":false},"excerpt":{"rendered":"