Ao projetar, quais técnicas podem ser usadas para determinar se a quantidade certa de “cotão” foi adicionada?


12

Fluff ( N. ): algo inconseqüente

Fonte: Dicionário Online de Inglês Merriam-Webster

No design, isso geralmente é visto como ornamentação desnecessária. No design da web, onde os tempos de carregamento são importantes, há uma mudança quase inteiramente disso. No entanto, ao trabalhar no design de impressão ou até no vídeo, que técnicas podem ajudar a determinar se há muito penugem, muito pouco ou apenas a quantidade certa?

Vamos ver alguns exemplos com vários níveis de fluffiness:

Anúncio para ASIS

Anúncio para KENWOOD

Ou no vídeo você pode ver:

Entrevista Diária com Shows , quando olhamos de perto, há muita coisa acontecendo. A faixa na parte inferior mostra o Daily Show com os redemoinhos brancos, o borrão vermelho e algum tipo de texto na parte inferior. A parte superior não diz apenas Paramount ou mesmo Paramount em vermelho, mas também tem uma forma branca que é muito sutil.

Today Show com Matt Lauer , tem alguma forma geométrica aleatória com efeitos de animação e iluminação.

Como instalar um adesivo de vinil do VinylDecalStore , é mais simples, mas basicamente com texto em um plano de fundo para torná-lo mais visível.

Com muito pouco cotão, às vezes, como no vídeo VinylDecalStore, pode aparecer como um amador que criou o anúncio. Quando há o suficiente e quando há demais?


3
Uau, que pergunta fantástica. Não tenho muito para você, exceto para citar Albert Einstein, que obviamente estava pensando sobre esse mesmo problema quando disse:> “Tudo deve ser feito o mais simples possível. Mas não é mais simples. - Albert Einstein
MG_

3
Eu não adiciono cotão. Tudo tem um propósito. Os itens Daily Show e Today Show que você aponta são projetados especificamente para chamar a atenção e dar uma sensação de movimento. Eles não são "fofos". O anúncio do ASIS .. controla excessivamente o cliente que deseja um lote de "techno goo" inserido. Kenwood, novamente, sem penugem lá.
Scott

@ Scott "techno goo" parece muito com fluff, cliente ou não. O designer poderia ter recuado ou poderia ter feito algo completamente diferente enquanto ainda estava sendo tecno-goo. E o que dizer do vídeo VinylDecalStore? Suas legendas são tão proeminentes e visíveis quanto o The Daily Show, então você acha que é tão bem projetado?
Ryan

1
Tudo de bom fluff / decoração vale a pena manter não têm um propósito, mas poderia haver um propósito soft / estética, como estabelecer uma hierarquia, chamando a atenção, evocando um humor, encaixando uma moda ou estilo, fazendo um design mais equilibrado, etc etc. Esses são objetivos válidos: encontre-os na quantidade certa e não mais. Se não houver um objetivo ou ultrapassar, corte-o. (mantendo um feliz cliente teimoso é outro válido, mas menos honrados propósito ...)
user56reinstatemonica8

2
O "techno goo" também tem função, Ryan. Ele puxa o olho de volta para o canto superior esquerdo do anúncio, fazendo com que ele permaneça mais tempo na página. Os círculos puxam para cima e para a direita (movimento "feliz" comum). Em seguida, a inserção com o olho leva o leitor de volta à esquerda da página para começar a ler novamente.
Scott Scott

Respostas:


11

No design, isso geralmente é visto como ornamentação desnecessária.

  1. Isso é necessário?
  2. Não?
  3. Então é desnecessário.

Elementos adicionais devem ser adicionados apenas com uma finalidade. Chamar a atenção dos telespectadores, fazê-los sentir-se de uma certa maneira, criar uma composição que torne as informações mais facilmente legíveis etc. e nunca deve ser um fim em si .


1
Obrigado. Você poderia expandir quais técnicas podem ajudar a determinar quando não há outro objetivo?
Ryan

1
Que técnicas existem para determinar o propósito? Se você usar um elemento com um objetivo, ele terá um objetivo. Pode não funcionar como pretendido, mas certamente tem um.
KMSTR

7

Primeiro: só posso falar em casos impressos e gerais, pois tenho experiência em vídeo. Tenha paciencia comigo.

Não acho que exista regras rígidas para determinar a quantidade 'certa' de cotão. Os intelectuais esquerdistas vão me odiar, mas acho que é uma daquelas coisas que apenas precisam 'parecer' certas sem serem quantificáveis.

Além disso, existem outros fatores no trabalho, principalmente a qualidade do cotão. Embora eu concorde que o exemplo do ASIS que você deu seja superprojetado, ele não está muito ocupado aos meus olhos. A maior parte serve ao propósito de me vender que esta é uma convenção com muitos assuntos diferentes de alta tecnologia. Muita penugem, mas é bem projetada e, portanto, não me parece 'errado' ou 'feio'.

Pouca penugem não significa necessariamente que as coisas parecem amadoras - pode ser apenas minimalista. No exemplo VinlyDecalStore que você fornece, é a baixa qualidade do cotão (tipografia muito grande e centralizada) que faz com que pareça amador, e não a quantidade. O mesmo vale para o anúncio da Kenwood. O estilo é bastante minimalista, mas me sinto um pouco amador principalmente por causa da tipografia e composição bastante simplista. Mudar algumas coisas, talvez torná-las mais fofas, ajudaria esse anúncio na minha opinião.

Para voltar à sua pergunta: o KMSTR 'se não tiver uma função, retire-a' é uma regra muito boa. A outra ferramenta é seu instinto de designer.

Esteja avisado de que muitas coisas podem realmente servir a uma função, mesmo que pareçam cotão. Funções como 'orientar os olhos', 'capturar interesse', 'excitar' ou similares ainda são funções, e os elementos que as cumprem têm o direito de permanecer.


Ótima resposta! Só queria acrescentar que eu não chamaria o anúncio de Kenwood de minimalista de nenhuma maneira ou forma. O minimalismo consiste em despojar a expressão de algo em seu essencial, apenas naqueles elementos que comunicam fortemente algo ao espectador. O anúncio da Kenwood pode ter pouco "fluff" real, mas ainda não é minimalista. Por quê? Porque existem vários elementos informativos que realmente não precisam estar lá. Isso combinado com, como você diz, má composição e tipografia, cria algo que simplesmente não é muito bem projetado nem minimalista. Ironicamente, esse comentário também não é.
gburning

4

Eu gostaria de adicionar uma resposta histórica para esta pergunta.

Nos primeiros dias, o cotão era uma solução para um problema. Por exemplo, na arquitetura, o reboco foi inventado para ocultar rachaduras nas paredes. Isso se tornou uma forma de arte e, quando a técnica era boa o suficiente e o reboco não era mais necessário, o reboco tornou-se fofo.

  • Portanto, cotão é desnecessário

Durante a industrialização e a produção em massa, os ornamentos tornaram-se fofos porque foram adicionados artificialmente e não são necessários para o produto.

  • Portanto, o cotão é artificial

A posição mais extremada contra o cotão veio no panfleto «Ornament und Verbrechen» de Adolf Loos em 1908 (Ornamento e crime).

Não consigo encontrar a tradução em inglês no momento, mas a declaração básica é esta:

Quando o artesão por trás de um produto está ausente, os ornamentos são um crime porque falsificam a origem feita à mão que não existe em um produto industrial. Portanto, o produto se comporta como uma coisa do passado, e isso é um crime.

  • Portanto, nesse contexto, cotão é coisa do passado e não é "real" porque uma máquina falsifica o artesanato.

Por exemplo, olhe todos esses designs gráficos retrô (muito difundidos em fanart).

Volte aos seus exemplos.

  • O anúncio da asis é perfeitamente adequado porque sua aparência visual se parece com uma aparência muito conservadora, séria e técnica, que você pode esperar quando um general do Exército faz uma palestra. Asteticamente, é muito feio, mas a feiúra é boa quando serve ao propósito.
  • O anúncio da Kenwood é totalmente livre de cotão. Ele usa uma reflexão sutil, que é um elemento de estilo muito popular entre os fabricantes de dispositivos eletrônicos, porque está vinculado a produtos modernos da Apple.
  • O programa diário é uma sobrecarga total. Mas está perfeitamente bem. Por quê? Porque é uma sátira - noticiário falso, que mostra uma série de noticiários reais que têm uma quantidade insana de sobrecarga visual.

2

A chave para "fluff" é como outros já disseram, para não ter nenhum. As coisas devem servir a um propósito. Mas a pergunta pede maneiras de determinar isso, e nenhuma das respostas realmente abordou isso.

Existem vários métodos para fazer isso, mas o principal que você usará como designer é o resumo, e sua opinião sobre esse resumo.

Muitas pessoas estão dizendo, remova todo o cotão ou remova qualquer coisa sem razão. Essa é uma maneira muito ruim de abordar o design. O formulário segue a função, pois o usuário56845 menciona no comentário está correto.

Mais uma vez, abordá-lo a partir do breve. Vamos ver o anúncio da ASIS:

  1. Reforçar a identidade da marca
  2. Show é sobre o progresso no setor de segurança
  3. A maior parte da tecnologia exibida é vigilância por vídeo, reconhecimento facial, biometria e segurança de TI

Quando você olha dessa maneira, o cotão pode ser analisado rapidamente - cada ponto é atendido?

Logotipo de uma esfera e composto por esferas menores === A identidade da marca é assim reforçada no canto inferior direito e no canto superior esquerdo. A escolha de tons azuis e roxos também é usada em conjunto com uma fonte sans-serif gratuita.

Show mostra o progresso no setor de segurança === O layout geral pode ser visto como uma câmera. Os círculos no canto superior esquerdo são as lentes com os retângulos arredondados tornando-se a abertura, o foco e outros enfeites. Os quadrados retangulares também podem ser vistos como monitores de videovigilância. O uso da perspectiva ajuda a reforçar a ideia de progresso e visão de futuro.

A tecnologia exibida === Isso começou com a peça anterior e continua com as pequenas fotos, cada uma mostrando um recurso importante. Dispostos a levar seus olhos adiante para mostrar novamente progresso e visão de futuro. O progresso é finalizado para realmente direcionar o ponto com as duas caixas brancas abaixo das fotos.

Além disso, como Scott mencionou nos comentários, o layout geral ajuda a criar um círculo para manter os olhos do leitor no anúncio por mais tempo. Um bom designer, especialmente em um anúncio de página inteira, definitivamente considerará coisas assim.

Realmente, todo resumo deve incluir coisas como

  • Atrai os olhos do leitor?
  • Todas as informações são legíveis?
  • Os pontos mais importantes são os mais visíveis na hierarquia?

Qual é o objetivo?

Que você não deve encará-lo como "remova o cotão" ou "remova o excesso" ou "subtraia a dor dos olhos". Você deve encarar isso como um conjunto de idéias e pontos. Analise cada uma delas e pergunte a si mesmo: esse ponto está claro? Caso contrário, como posso representá-lo visualmente?

Como o KMSTR disse, é importante? Não? Depois remova-o. A maneira de saber isso, na minha opinião, é através do seu resumo. Termos vagas como "conservador" realmente não são justificativas muito boas.


Por outro lado, o Kenwood Ad, parece um pouco amador, porque provavelmente não teve um breve resumo. É pequeno e acho que a ideia foi deixar o resto vazio para enfatizar o quão pequeno é. Mas não há realmente nada que ajude a dizer visualmente "segurança" ou "Kenwood" ou "5 milhas de alcance" ou qualquer outra coisa realmente. Eles provavelmente poderiam ter feito mais com o anúncio para manter a atenção do olho sem sacrificar a legibilidade. Você precisa olhar bem de perto e realmente pensar nisso para perceber quão pequeno e pequeno é o cartão de crédito.


1

Por "cotão" você quer dizer "coisas que ninguém se importa em olhar"? Nesse caso, a quantidade certa é zero.

"Colin Powell estará em Atlanta e você poderá conversar com ele." - Vs - "Olhe para o Gigantic Eye com círculos". Quanto o Gigantic Eye cobra para dar uma palestra? Ela está puxando dinheiro de Hillary Clinton?

Qualquer coisa no seu anúncio que não faz sentido deve ser retirada. Mas o ponto é para as pessoas que são importantes para ver seu anúncio. Eles colocam meninas de biquíni em anúncios de cerveja. Não é fofo, porque é o que as pessoas que estão comprando cerveja querem ver.


1

Vou responder mais com base na experiência aqui, dizendo que cotão nem sempre é uma coisa ruim. Como Scott disse em seu comentário, qualquer bom cotão estará lá para servir a um propósito e, portanto, não será nenhum cotão.

Mas, principalmente, até os desenhos pseudo-minimalistas, como o anúncio da Kenwood, têm fragrâncias (observe a reflexão na base do rádio). Mas isso serve para o propósito, pois você tem a sensação de que existe uma superfície na qual o cartão de crédito e o rádio são mantidos para serem comparados.

Não houve nenhuma fórmula ou medida real que me ocorreu ou se deparou com meus olhos, o que pode me ajudar a decidir o que é demais .

A abordagem adotada nesses cenários é basicamente apenas heurística. Primeiro, reúna todas as informações necessárias em seu design. Quando terminar, crie vários protótipos a partir do zero, cada um com um design diferente, cada um com seu próprio cotão. No final, compare-os, alguns serão berrantes, alguns serão escassos, outros sairão da maneira certa . Você também avaliará que tipo de cotão funciona e o que não funciona.

Se estiver sem tempo, o que faço é projetar a coisa mais embelezada em que posso pensar (especialmente se o cliente estiver sentado ao meu lado e me intrometendo) e, depois que terminar, dou um passo para trás, deixe a grosseria afundar nos olhos do cliente (espero: P) e depois digo que farei alguns ajustes para torná-lo ainda melhor. Em seguida, comece a remover as coisas que parecem fora do lugar, ou que não se encaixam bem no assunto, ou que obstruam a legibilidade, etc. ) E é isso. Se o cliente ainda estiver insatisfeito, desloco um objeto 1px para cima e depois 1px para baixo, digamos que fiz os ajustes necessários e, surpreendentemente, todos eles se sentiram satisfeitos. Talvez seja apenas a ilusão de controle que eles acham que os faz felizes ...

Portanto, para determinar qual é a quantidade certa de cotão :

  1. Determine se você está insatisfeito com seu design. Se não, você está pronto!
  2. Subtraia a ferida.
  3. Vá para a Etapa 1.

Para designs minimalistas, lembre-se de que não o torna enigmático , as informações necessárias sempre devem estar lá. E dê muito espaço para que o minimalismo afunde


1

Não existe uma quantidade certa universal de cotão. A quantidade de cotão que parece correta no projeto A pode ser bastante peculiar no projeto B. Falta ou abundância de cotão pode ser uma escolha intencional do projeto. Todos os níveis de cotão são usados. É impossível dizer se o designer conseguiu aplicar a quantidade certa de cotão sem conhecer suas intenções.

  • Alguns designers criativos, brilhantes e originais amam, gostam e adoram fluff. É o orgulho deles e acreditam que o cotão contribui para um design excelente, excelente, inteligente e marcante.

  • Outros designers qualificam o cotão como redundante.

Embora o cotão pareça inútil, não é. O cotão está no canto da forma, padrão, cor do ritmo, espaço em branco e formato do contador de uma paleta de design. Como todos esses elementos, o cotão pode dar direção, descanso, desequilíbrio, harmonia, contraste, foco ou distração. O cotão é subestimado por suas propriedades distinguíveis.

Use cotão para sua vantagem.


0

Uma maneira de resolver isso é ver a falta de cotão como parte da era moderna e, especialmente, do movimento funcionalista.

Você pode determinar a quantidade de cotão que deve adicionar olhando o produto e adivinhando em que ano foi inventado. O walkie-talkie foi inventado por Alfred J. Gross entre 1934-1941 e, portanto, é um produto muito moderno durante o evento "Vendo o amanhã". olha para o futuro - muitos anos a partir da década de 1940.


Não sei se entendi um pouco. Você poderia explicar como implementaria essa equação que você criou em uma peça de design real?
Ryan

Desculpe por ter sido uma piada de mau gosto, não consigo resolver exatamente muita bobagem que você deve adicionar ou quantificar como um design modernista deve ser, mas quero acrescentar à discussão que design fofo e não fofo estão conectados ao funcionalismo.
Johan

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.