• 49k
  • 89
Web Design \ 1 de novembro de 2017

Introdução ao Design: 10 Termos Clássicos para Você Conhecer

Apesar de ser emocionante ver o site da sua marca ganhar vida no construtor de sites do Wix, estar sempre em dia com as tendências do design pode ser bem mais difícil. Este processo fica ainda mais complicado de administrar quando as pessoas começam a dizer palavras que você nunca ouviu falar. Espaçamento?! Resolução?! Gradiente?! Até parece que estão falando outro idioma.

Pode até parecer que o mundo do web design está mudando rapidamente – e de certa forma está mesmo. No entanto, quando a linha entre o mundo real e o virtual começa a ficar mais tênue, há alguns termos que constantemente se mantêm relevantes. Estes termos clássicos trazem um pouco da velha escola do design para o novo mundo da mídia digital.

Tipografia

Tipografia é o processo de organizar os “tipos” – as palavras, as letras, os símbolos e até os espaços entre eles. Essa arrumação tem um papel muito importante para determinar como uma mensagem é transmitida e, portanto, a tipografia do seu site deve servir a um propósito específico sem, com isso, negligenciar o outro propósito que é mais global: tudo precisa ser legível!

Grade

Uma estrutura de design composta por linhas e colunas que se cruzam é chamada de grade. Os designers usam as grades para alinhar e arrumar os elementos numa forma mais clara e consistente. Você pode usar colunas em seu site para ajudar a contar uma história visual separando o conteúdo em blocos menores e em seções bem organizadas.

Alinhamento

No design, o alinhamento se refere à disposição dos elementos de forma a alcançar uma ordem, um equilíbrio e um layout mais lógico. Nem tudo no seu site precisa estar perfeitamente alinhado ou até usar o mesmo alinhamento. Ao invés disso, pense como pode misturar o posicionamento dos elementos. Se você quiser usar esta abordagem, ainda assim haverá um padrão para cada elemento em seu site. Você está criando algo visualmente interessante que vai fazer seus usuários continuarem explorando seu site.

Espaçamento entre caracteres

Espaçamento de caracteres se refere ao espaço entre duas letras, números ou caracteres específicos. O processo de ajuste deste espaçamento faz os textos ficarem mais legíveis. Para entender melhor o espaçamento de caracteres, imagine uma caixa desenhada ao redor de cada letra de uma palavra. Sem o espaçamento, cada um destes caracteres estaria alinhado com a borda destas caixas. O espaçamento permite a sobreposição destas bordas e assim, o espaço entre cada caractere pode ser ajustado para ter uma aparência mais próxima ou mais afastada, dependendo do efeito desejado.

Espaçamento entre linhas

Espaçamento entre linhas se refere ao espaço entre cada linha de texto. Quando o conteúdo tem múltiplas linhas de texto, o espaçamento é usado para assegurar que o espaço entre o final da letra na linha superior e o topo da letra na linha imediatamente abaixo é adequado e suficiente para a frase ficar legível. Linhas de texto muito próximas ou muito afastadas podem ser mais difíceis de ler. Sendo assim, você deve levar o tempo necessário para encontrar o espaçamento certo.

Resolução

De uma forma geral, a palavra resolução se refere ao número de pixels de uma imagem; quanto maior a resolução da imagem melhor a sua qualidade. Uma imagem com alta resolução é clara e nítida enquanto uma imagem com baixa resolução vai ficar meio pixelada e desfocada. Felizmente, com o Wix, tudo o que você tem que fazer é tirar fotos incríveis, fazer o upload delas e deixar que o Editor cuide do resto. Quer saber mais? Dê uma conferida neste guia completo para otimização de imagens e veja como é simples ter a melhor qualidade possível tanto no computador como em outros dispositivos.

Saturação

O grau de intensidade e brilho de uma cor depende da sua saturação. Cores com pouca saturação podem parecer desbotadas ou pálidas enquanto uma cor bem mais saturada vai parecer mais vibrante e colorida. Imagens com um grau mais intenso de saturação transmitem uma sensação de peso. Dessa forma, você deve aumentar a saturação de uma imagem que você deseja que fique realçada no seu site. Por outro lado, se você vai adicionar texto por cima de uma imagem e quer que as palavras se destaquem, use uma imagem um pouco menos saturada para fazer seu texto ficar bem destacado.

Contraste

Podemos usar o contraste para descrever a diferença na cor nas partes claras e escuras de uma imagem, mas também se pode referir ao nível de diferença entre dois elementos. Você até pode pensar automaticamente no contraste de cor como quente e frio ou claro e escuro. Apesar da cor ser um princípio essencial do contraste, o conceito também pode se referir a tipo, alinhamento e tamanho. O layout de um site onde todos os elementos são do mesmo tamanho, forma ou cor vai ficar muito chato, mas você pode usar o contraste para dar uma melhorada nas coisas.

Opacidade

Quanto menor a opacidade, mais transparente é o elemento. Diminuir a opacidade de um objeto permite ver o que está por baixo. Os designers, diversas vezes, editam a opacidade de objetos específicos permitindo que criem certos arranjos que possam fluir juntos.

Gradiente

Gradiente é uma mudança gradual numa cor de um tom para outro, de uma cor para outra cor ou de uma cor para uma transparência total. Esta mudança gradual pode incluir múltiplas cores, pode irradiar a partir do centro, pode vir de um canto ou pode até se estender de cima para baixo. Vemos o gradiente como uma forma inspiradora de usar as cores – misturando duas ou mais você consegue criar um visual mais moderno e exclusivo.

Agora que você já conhece a linguagem do design, crie seu incrível site hoje mesmo!