domingo, dezembro, 2018

5 princípios da fofura em web design

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas
Loading...Loading...
FavoriteLoadingFavoritar este Post
Categoria:

Ok, como você faz algo “fofo”? Talvez você tenha crescido em um ambiente onde entrar em contato com seus sentimentos era um tabu.

Qualquer que seja sua experiência, tentar transformar um web design em algo fofo exigirá que você tente determinar exatamente o que torna uma coisa fofa, e é aí que fica complicado. Todo o conceito é naturalmente subjetivo. É uma emoção vagamente quente e confusa que parece diretamente ligada ao nosso impulso de sorrir, mas o que a traz pode variar muito. Há pessoas que acham insetos fofos, enquanto outras nunca conseguiria concordar.

 

Mas o que quer que você use, fofura vende. Em algum momento de nossas vidas, seremos chamados para fazer algo fofo, porque é isso que o cliente quer, e começaremos a pensar, indiferente, se isso significa tornar tudo cor-de-rosa. Não faça isso. Leia isto em vez disso.

 

1. Imagens

Usar imagens fofas é quase trapaça. Quero dizer, você está apenas tomando algo fofo, jogando-o em seu design. Mas não desista da ideia; ser barato e fácil não significa que não seja eficaz. Apesar de alguns rabugentos, os seres humanos são biologicamente conectados para serem atingidos nos centros de prazer de nossos cérebros quando vemos sentimentos (especialmente os nossos), e outras coisas que compartilham características parecidas com bebês (por exemplo, filhotes, gatinhos, pandas).

 

A fotografia pode ser um ótimo começo, mas tenha em mente que a ilustração pode ser uma ótima maneira de acionar os mesmos sentimentos que fazem as pessoas quererem espremer as bochechas do seu site. Se você precisa usar imagens originais, contratar um ilustrador também é muito mais fácil do que fazer bebês ou animais ficarem parados.

 

Exemplo: Wonderbly usa fotos e ilustrações.

 b1

2. Cores

As imagens são boas, mas e se você quiser incorporar esse sentimento quente e confuso no DNA do seu design, e não apenas no conteúdo? É aqui que nos voltamos para a cor. Agora repita depois de mim: Rosa não é a única cor fofa.

De fato, cores “fofas” são um conceito que varia de acordo com as culturas individuais. Por um lado, os bebês variam em cor. A regra geral a seguir, porém, resume-se a três palavras: primárias e pastéis. Cores primárias brilhantes e suas contrapartes pastéis mais suaves dominam a “estética fofa” em todo o mundo. Se você está criando algo fofo para crianças (muito jovens), use tons mais ousados. Se você está projetando algo para adultos, use os pastéis, que são muito mais fáceis para os olhos e cérebros cansados.

Exemplo: Kapu Toys é difícil nas cores primárias.

b2

 3. Os outros tipos de fofura

Até agora, eu discuti fofura em termos de filhos humanos e coisas relacionadas. A verdade é que a palavra “fofa” não era nem usada originalmente para bebês tanto quanto para pessoas perspicazes. Ele evoluiu ao longo do tempo para ser usado por jovens atraentes e, finalmente, para bebês e outras coisas parecidas com bebês.

Desde então, também passou a abranger coisas que, embora não relacionadas com o bebê, ainda produzem um sentimento caloroso e conforto. Coisas que produzem sentimentos de conforto, contentamento e “familiar” também podem ser representadas pela palavra “fofa”.

Por exemplo: “Que toalha de mesa fofa!” “Essa é uma cadeira de balanço adorável.” Arranjos bonitos de flores. etc.

Exemplo: Noritake mostra como o conceito doméstico bonito ultrapassou as fronteiras ocidentais.

b3

As formas adicionais de fofura vão além dos animais e do mundo da moda. Um certo calor e contentamento pode ser encontrado em saber que você está com uma boa aparência hoje, daí o uso de frases como: “Esse é um vestido bonito!” Esse uso da palavra também remete ao seu uso na descrição de pessoas geralmente atraentes.

 

Exemplo: um exemplo perfeito de moda-bonito.

4. Fofura na cópia

Então, discutimos o uso da fofura nas imagens, na cor e na sensação geral de um design. Então, como você escreve coisas fofas em seu site sem textos fofos?  Bem, tudo se resume às emoções que você quer evocar. Fofura é um termo que abrange um monte de assuntos possíveis, mas uma emoção primária: reconforto.

Você não quer escrever a palavra “fofa” várias vezes para convencer as pessoas a ver o assunto da sua página do seu jeito. Você quer transmitir o conforto de uma casa onde você é amado, a profundidade dos olhos redondos e confiantes de um cachorro, as palhaçadas desajeitadas de um gato que foi surpreendido por alguma coisa, ou a alegria de usar uma roupa que faz você dar o velho olhar para cima e para baixo no espelho.

Conceitos como “elegância” são inerentemente visuais e, portanto, projetá-los em um site é um exercício puramente visual. Conceitos como “fofura” são muito mais emocionais. Embora você possa ajustar as características visuais de praticamente qualquer coisa para torná-la fofa, vale lembrar que o lado emocional do conceito pode, na verdade, ficar bastante complexo, e sua cópia deve refletir isso.

b4

5. Fofura nos detalhes

Tenha em mente que você não precisa sempre saturar seu site com vibrações engraçadas. Como muitos pais cujos filhos amam os Minions podem lhe dizer, muita “fofura” pode dar nos nervos depois de um tempo. Para a maioria dos sites que não se relacionam estritamente com as crianças ou com a decoração da casa, você vai querer criar um pouco de fofura aqui e ali, sem sobrecarregar o usuário.

Um desses exemplos é o site Zurb. A maior parte do site é bastante corporativa, mas há um toque de fofura, com suas vacas escondidas, seus mascotes de projeto em um toque leve, mas é o suficiente para destacá-los.

b5

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Conheça a nova linha para profissionais criativos

Os últimos lançamentos da Wacom, a nova geração da Intuos Pro, Intuos Pro Paper Edition…

Leia mais >