3 Regras de Web design que você deve realmente tentar evitar

Há uma tonelada de regras de web design que ficam presas em sua cabeça. Coisas que designers mais seniores sugeriram, elementos da teoria do design ou lições aprendidas em aulas ao longo do caminho. Mas talvez você deva realmente quebrar algumas dessas regras?

As tendências e conceitos de design mudam muito ao longo do tempo. Os avanços tecnológicos, em particular, mudaram algumas das regras. O design é um processo em evolução e o que funciona hoje, pode mudar amanhã. 

Aqui estão três regras de web design que você deve realmente tentar quebrar.

1 – Use fontes Sans Serif para Web Design

Regras de Web design

 

 

Regras de Web designTodo web designer costumava dizer que você precisava usar fontes sem serifa online. Simplesmente não é mais o caso. Quebre essa regra!

Uma boa mistura de tipos de letra legíveis é a nova norma. Isso inclui serifas, sans serifs e até mesmo novos estilos de roteiro. A chave para escolher a fonte correta (ou paleta de textos) é escolher entre estilos de letras que são fáceis de ler.

Houve pesquisas para respaldar essa ideia também. Jakob Nielsen, do Nielsen Norman Group, que se concentra na experiência do usuário, pesquisa e treinamento, disse que telas melhores estão mudando o cenário das diretrizes de tipografia para o design de sites. Eis a conclusão desse estudo:

A antiga diretriz de usabilidade para tipografia on-line era simples: fique com tipos de letra sem serifa. Como as telas do computador eram péssimas demais para renderizar serifas corretamente, tentar digitar serifas em tamanhos de corpo de texto resultava em formas de letra borradas.

Infelizmente, a nova diretriz não é tão clara quanto a antiga. A pesquisa de legibilidade é inconclusiva sobre se as fontes serifadas são realmente melhores do que as sem serifa.

A diferença na velocidade de leitura entre serif e sans serif é aparentemente muito pequena. Assim, não há uma diretriz de usabilidade forte a favor do uso de um ou outro, então você pode fazer a escolha com base em outras considerações — como a marca ou o humor comunicado por um estilo tipográfico específico.

Então vá em frente e quebre a velha regra sans serif. Aqui estão algumas coisas para procurar ao pensar sobre qual fonte escolher e se é altamente legível ou não.

  • Opte por larguras de curso uniformes em peso médio ou regular. Tipo superleve ou fino pode ser difícil de ler.
  • Mantenha uma altura x média. Deixar que seja super magro e alto pode vir com preocupações de legibilidade.
  • Procure um espaçamento entre letras consistente e adequado, sem uso excessivo de ligaduras ou floreios.
  • Use fontes ornamentadas para pequenos blocos de texto e apenas com intenção distinta.
  • Opte por tipos de letra serif ou sans serif para blocos maiores de cópia. Escolha letras com formas de letras distintas que sejam fáceis de ler rapidamente.

2 – Fique longe de fundos ousados

Regras de Web design em 2024

Regras de Web designPor um tempo, parecia que as únicas cores aceitáveis para um fundo de site eram brancas e neutros iluminados. De maneira nenhuma!

Cores de fundo brilhantes e ousadas podem fazer um ótimo elemento de fundo. A cor pode causar uma ótima primeira impressão nos usuários, definir o tom para o design e é uma maneira divertida e interessante de quebrar os mesmos padrões de design antigos.

Mais sites e grandes marcas estão usando cores para ajudar a criar uma experiência interessante e envolvente. E os usuários parecem gostar.

A segunda parte dessa regra quebrável, é limitar o número de cores na sua paleta de cores. Embora seja uma boa ideia ter uma paleta de marca distinta, você pode optar por um pouco mais de pizazz com projetos de design individuais.

As paletas de cores por trás do Material Design combinadas com o uso de opções de cores mais ousadas abriram o que é considerado elegante e brega. Mais cor é aceitável. Mais sites e grandes marcas estão usando cores para ajudar a criar uma experiência interessante e envolvente. E os usuários parecem gostar.

Embora você precise de uma paleta simples para obter consistência, adicione algumas cores extras (e mais brilhantes) para projetos específicos. Você não precisa redesenhar todos os materiais da sua marca para ter fundos roxos ou verdes brilhantes, mas pode incorporar cores mais modernas em projetos de várias maneiras.

  • Considere uma sobreposição de fotos coloridas.
  • Opte por uma cor de título brilhante.
  • Troque esse fundo neutro por algo mais memorável.
  • Use uma tonalidade mais brilhante para botões ou elementos de chamada para ação. (Nem todos precisam ser vermelhos ou azuis.)
  • Use estados de foco de bloqueio de cores para incentivar a interação.

3 – Crie um equilíbrio simétrico

Regras de Web design

 

 

 

Regras de Web designNo início da minha carreira de design, muitos designers veteranos empurraram o poder de designs perfeitamente simétricos para criar harmonia e equilíbrio. Olhando para trás, muitos desses conceitos eram apenas chatos e muito seguros.

A assimetria pode ajudá-lo a criar mais interesse visual e equilíbrio sem um design dividido no meio. Embora haja lugar para a simetria, criar equilíbrio com peso, espaço e elementos que se contrapõem pode ser muito mais interessante.

Para aproveitar ao máximo a assimetria em projetos de design, considere o seguinte para criar uma sensação de harmonia e fluxo visual:

  • Equilibre elementos e espaço uns contra os outros. Um elemento pesado pode parecer mais equilibrado quando emparelhado com espaço em branco.
  • Coloque ênfase no movimento para que os olhos se movam através do design como pretendido. Pense em como as pessoas leem e comece com elementos e textos mais pesados à esquerda que “se movem” para a direita.
  • Use cores para criar pontos focais.
  • Espalhe tudo em uma grade para criar uma sensação de organização e fluxo.
  • Preste atenção no peso. Projetos assimétricos não devem parecer “desequilibrados”. O usuário deve percorrer o conteúdo com facilidade. Use elementos estáticos, como navegação, para criar um contêiner para elementos assimétricos.

Leia também: 7 Tendência de Web design para 2024

Conclusão

Quebrar regras de design pode ser revigorante… ou desastroso. Faça a escolha certa sobre qual regra quebrar (e quando) pensando nos objetivos do seu projeto ou design. Como quebrar uma regra fará com que esse projeto funcione melhor? Ele melhora a usabilidade, a função ou a capacidade do usuário de entender a mensagem?

Se a resposta for sim, então seu projeto pode ser a tela perfeita para quebrar uma regra e tentar algo novo e diferente. Não quebre apenas uma regra de design porque você está entediado. (Isso realmente não é uma boa razão para fazer muita coisa.)

 

Fonte: Design Shack

 




10 Dicas para projetar a comunicação visual da sua loja

Um letreiro na vitrine é um componente essencial de marketing para qualquer loja de varejo. É uma forma para você se comunicar visualmente e orientar clientes potenciais para seus negócios. A maioria dos letreiros de varejo contém detalhes como o nome da loja, os produtos ou serviços oferecidos, o horário de funcionamento e até mesmo ofertas com desconto. Ainda assim, adquirir uma comunicação visual bem projetada e persuasiva para que sua loja atraia transeuntes pode ser um desafio. Este artigo destacará algumas dicas e diretrizes úteis para obter uma sinalização convincente:

1 – Elementos gráficos de sinalização

Ter um ícone ou símbolo em sua sinalização é mais apelativo do que o uso apenas de palavras. Você precisa escolher os melhores elementos gráficos, que devem conter o contexto correto de seu negócio para transmitir a mensagem necessária. Você pode usar uma exibição de seu produto, como o logotipo de sua empresa ou um símbolo de seus produtos. Por exemplo, você pode usar as palavras loja automotiva e um sinal de pneu e chave inglesa. Se você não tiver certeza dos elementos gráficos a serem usados para sinalização de sua loja, o melhor que você pode fazer é buscar a assistência de um especialista em letreiros e comunicação visual de lojas. Os especialistas em letreiros e comunicação visual têm a experiência necessária para elaborar projetos atraentes para diferentes frentes de lojas.

2 – O tamanho do letreiro

Ao escolher o tamanho de sua sinalização, você precisa considerar a capacidade de atenção e visibilidade das pessoas. O letreiro deve ser curto e claro para captar a atenção de seus clientes-alvo e oferecer uma experiência de leitura simples. Além disso, o letreiro precisa ser perceptível à distância para ajudar os clientes que procuram seus produtos. A sinalização não precisa ser extremamente grande, apenas um tamanho que seja visível do outro lado da rua.

3 – Deve apelar para os clientes

O apelo da sinalização é um dos aspectos vitais para atrair clientes. Seria melhor se você tivesse uma placa com a mensagem certa para captar a atenção do cliente potencial. Pode ser tão simples quanto um design chique para compradores do sexo feminino ou detalhes coloridos para crianças. Você também pode incluir palavras de isca como ‘negócio’, ‘venda’ ou ‘grátis’ em seu letreiro e sua comunicação visual. Caso você use uma palavra “isca”, certifique-se de que a oferta seja real para evitar estragar a reputação de sua loja.

4 – Use as fontes e sinais corretos

O objetivo geral de uma sinalização é atrair mais clientes. Para que isso aconteça, é preciso ter em mente a preferência do cliente ao projetar o letreiro ou a comunicação visual da vitrine. Alguns símbolos e fontes podem ser atraentes para você, mas aparecem como estranhos ou ofensivos para os compradores. Portanto, é aconselhável usar uma fonte legível e símbolos relevantes em sua sinalização de varejo.

5 – Teste a comunicação visual antes

Quando você monta uma vitrine, é crucial monitorar sua eficácia verificando as pistas que ela gera. Você pode pedir a um de seus funcionários para avaliar a reação dos transeuntes quando lerem a sinalização, como reagem as imagens e textos. Se mais pessoas parecerem desinteressadas e se afastarem, então você pode precisar mudar a sinalização. Por outro lado, se mais transeuntes entrarem em sua loja, então você pode manter sua comunicação visual de varejo.

Uma das maneiras de impulsionar as vendas é fazer com que os clientes passem mais tempo na loja. Como resultado, eles estão mais conectados à oferta e a oportunidade de compra aumenta. Portanto, é importante garantir que seu local seja agradável, cause uma boa impressão e atenda às expectativas dos consumidores que buscam qualidade.

A seguir, destacaremos alguns pontos que você deve estar sempre atento para manter o visual do espaço interno do seu negócio.

É muito importante e atrair a atenção do seu público de forma positiva. Algum deles ainda está fora do seu radar e merece mais atenção? Leia para ver!

1 – Organize o Espaço Livre

O primeiro passo para conseguir um visual interessante para sua loja é considerar o espaço disponível e dividir mentalmente o ambiente.

Defina onde você pretende colocar cada item antes de atribuir elementos. A composição pode parecer simples, mas muitos comerciantes preenchem o espaço da loja com itens disponíveis sem nenhum planejamento. Como resultado, prateleiras e expositores podem ficar superlotados – o que pode criar uma sensação de desordem – ou “vazios” – fazendo com que os itens exibidos pareçam “sobras”.

2 – Preste atenção à conveniência

Por exemplo, em uma loja de roupas, os consumidores costumam ser acompanhados por alguém que não vai às compras, mas passará algum tempo lá. Pense no conforto e comodidade dessas pessoas e, se possível, planeje um espaço para elas. Com isso, os consumidores podem olhar e experimentar os produtos com maior facilidade – o que é muito importante para eles realizarem uma compra.

3 – Escolha sua cor

A decoração da sua loja precisa estar alinhada com o público que você deseja alcançar. A escolha da cor é uma parte importante do processo, pois interfere muito no tipo de ambiente que se deseja criar. Por exemplo, se seus produtos e serviços são voltados para crianças, cores mais vivas são as melhores. No entanto, se você está oferecendo um produto conhecido por ser sofisticado, o ideal é ir em uma cor mais modesta, como tons de terra, preto ou algumas aplicações de ouro e prata.

Outra forma de conseguir um visual mais equilibrado é definir cores para compor a comunicação visual da sua marca. Para fazer essa escolha, é divertido contar com o apoio de designers que o ajudarão a identificar as cores que dominam suas comunicações e formam a base da linguagem visual da sua empresa.

4 – Promover a circulação

Na primeira dica, dissemos que é importante considerar o espaço disponível antes de preenchê-lo com prateleiras, balcões, gôndolas, etc.

Nesse ponto, era importante projetar a distribuição dos elementos para que o público pudesse circular com facilidade pela loja e evitar acidentes.

Use móveis não protegidos sempre que possível. Isso também permite maior flexibilidade quando mudanças de layout precisam ser feitas.

5 – Exiba os produtos estrategicamente

Quais produtos você gostaria de receber mais atenção? Estes devem ser sempre expostos na prateleira ao nível dos olhos. Coloque o mais pesado na prateleira de baixo e o mais leve na prateleira de cima – outra forma de evitar acidentes.

As prateleiras e vitrines da sua loja têm tamanhos diferentes? Toma-se o cuidado de escolher o produto mais adequado para cada móvel para proporcionar um visual agradável e organizado. Lembre-se: sua decoração deve ser divertida, mas é o produto que chama mais atenção.

Gostou desse artigo? Deixe seu comentário e compartilhe. Leia também 👇.

Por que todos nós deveríamos estar investindo em Design