• 63k
  • 32
Web Design \ 25 de janeiro de 2018

Para ler e guardar: Os 10 Mandamentos do Web Design

Aqueles dias de sites com uma aparência meio tristinha já ficaram para trás. Com o Wix, você pode criar um site poderoso, profissional e com uma aparência excepcional. Tudo o que é necessário é um pouco de inspiração e um dos nossos deslumbrantes templates.

Antes de começar a criar o design do seu próprio site, gostaríamos de apresentar alguns dos princípios do web design que podem fazer uma grande diferença no aspecto geral e no desempenho do seu site. Tenha sempre em mente o que pode e o que não pode fazer, para evitar armadilhas do web design e fazer escolhas inteligentes para seu incrível site.

Layout do site

  • Não pode tentar reinventar a roda
  • Pode usar os padrões de UX para se assegurar de que sua navegação é amigável. É ótimo ser criativo, mas você não vai querer que a criatividade fique entre você e uma poderosa presença online.

Quando estruturar o layout do seu site, siga as recomendações de UX (experiência do usuário) para ter a certeza que seus visitantes vão ter uma navegação suave. Um site não é uma caça ao tesouro. Certifique-se de ter uma navegação clara e intuitiva onde todos os elementos clicáveis (como links e botões) são diretos e fáceis de compreender, e que os visitantes do seu site não precisem ficar indo de um lado para o outro procurando pelo que desejam.

Visual do background

  • Não pode escolher um background que possa distrair ou confundir.
  • Pode escolher um background que inspire os visitantes a aproveitar ao máximo o seu site.

Há uma razão para ser chamado de background (plano de fundo) – deve ser bonito, mas não demasiadamente dominante. Não importa se vai incluir vetores, fotos, vídeos ou qualquer outro tipo de elemento visual, certifique-se que o background do site não está tirando o foco do principal propósito do seu site. O background está ali para criar uma atmosfera, melhorar ainda mais o seu branding e ajudar com a experiência de navegação. E mais uma última dica: se certifique de ter um forte contraste entre o background e o texto que está sobre ele. Afinal, o objetivo é destacar sua mensagem e não fazê-la sumir.

Design para mobile

  • Não pode esquecer que seu site também deve ter uma aparência fantástica em telas pequenas de dispositivos móveis.
  • Pode otimizar imagens, textos e outros componentes para a visualização em telas mobile.

Use o Editor Mobile do Wix para configurar uma versão mobile do seu site que tenha aparência e desempenho tão incríveis como a versão para a tela grande. Desde ajustar a imagem do seu background até personalizar seu design e texto, você pode fazer tudo para que a versão mobile do seu site seja exatamente como você quer.

Para ler e guardar: Os 10 Mandamentos do Web Design

Distribuição de espaço

  • Não pode bagunçar a tela.
  • Pode levar em consideração a hierarquia  e usar o espaço em branco para seu site ficar mais leve.

Navegar por um excelente site é como comer uma ótima refeição. Apesar da comida estar muito gostosa, ninguém vai querer que você enfie a comida pela boca das pessoas sem lhes dar a chance de mastigar e saborear! Quando criar o design do seu site certifique-se de não estar sobrecarregando a tela com conteúdo. Muito de uma vez só significa que seus visitantes inevitavelmente vão deixar escapar alguma coisa. Use a quantidade certa de espaço em branco (espaço que não tem qualquer conteúdo) para criar uma agradável fluidez entre os elementos do seu site.

Esquema de cores

  • Não pode selecionar as cores só porque são bonitas.
  • Pode ter combinações inteligentes de cores que possam realçar seu conteúdo e branding.

As cores são importantes no web design. De fato, o impacto psicológico das cores nos internautas pode realmente influenciar a experiência geral deles com seu site e a forma como percebem a sua marca. É por esse motivo que você não pode basear seu esquema de cores numa combinação aleatória que você gosta. Saiba mais sobre a teoria das cores para compreender como diferentes cores funcionam umas com as outras. Faça escolhas para a paleta de cores do seu site baseadas em informação e o site vai te recompensar com uma incrível presença online.

Qualidade de imagem

  • Não pode contentar-se com qualidade básica, mas também não vá para o outro extremo.
  • Pode usar imagens de alta qualidade e otimizá-las para seu site.

Você quer ser levado a sério pelos visitantes do seu site? Quer ser respeitado como profissional? Quer conseguir que seu público se empolgue com seu produto, sua marca ou sua organização? Então neste assunto não dá para ceder – assegure-se de que todas as suas fotos e imagens são exclusivamente de alta qualidade. No entanto, não fique apenas por aí. Use recortes e filtros para otimizar mais ainda suas imagens e chegar ao ponto ideal.

Além disso, você também deve se certificar de que suas imagens não são demasiadamente pesadas e respeitar os padrões da web. Veja aqui um guia completo sobre como otimizar as imagens para seu site.

Para ler e guardar: Os 10 Mandamentos do Web Design

Banco de imagens

  • Não pode ser brega.
  • Pode tentar criar um estilo similar à realidade.

Já ficaram lá atrás os dias onde uma família perfeita de supermodelos com sorrisos de orelha a orelha e uma esquisita similaridade de vestuário era considerada como representante eficaz de empresas e marcas. Os visitantes do seu site vão preferir muito mais interagir e confiar em um site que atenda às necessidades de pessoas como eles próprios. Use fotos de banco de imagens de pessoas e situações com as quais eles podem realmente se identificar e, dessa forma, faça com que se sintam bem.

Animações, GIFs e efeitos

  • Não pode transformar seu site em um vídeo de música psicodélica dos anos 70.
  • Pode usar esses elementos para dar um toque de movimento ao seu site.

Nós adoramos tanto quanto qualquer pessoa as animações com GIFs e efeitos divertidos. O que não gostamos é cruzar com um site que mais parece o apocalipse zumbi das animações. Não há onde se esconder delas! Quando se trata de animações e efeitos (como os efeitos de texto ou efeitos de imagem), a moderação é a regra número um a ter em mente.  Se usá-los de uma forma elegante, você vai ter um site dinâmico e vibrante. Já se forem usados em excesso, você vai acabar por condenar seu site ao ostracismo.

Conteúdo escrito

  • Não pode deixar o fluxo da sua consciência assumir o controle.
  • Pode planejar uma estratégia de conteúdo otimizada e focada no seu público alvo.

Os textos do seu site são os seus maiores bens. Não apenas dão aos visitantes um sentido de orientação, mas também dão a você uma excelente plataforma para melhorar seu branding e sua mensagem E também para otimizar seu site perante os motores de busca. Para tirar o máximo proveito do seu conteúdo escrito, você deve abordá-lo partindo de um ponto de vista estratégico. Aperfeiçoe seus textos para alcançar uma mensagem clara e poderosa que esteja em sintonia com seu público-alvo. Você deve unir o tom de voz certo com o vocabulário certo, ser conciso, mas não demasiadamente vago; escrever de tal forma que seus visitantes se sintam inspirados a ficar e a navegar mais em seu site.

Fontes, fontes, fontes

  • Não pode supor que são todas iguais.
  • Pode pesquisar fontes que complementam o seu branding.

Você pode até achar que as fontes só são interessantes para os nerds do design. Bem, pense duas vezes. Como dono de um site, você precisa ter algum nível de compreensão de como as fontes funcionam para que possa escolher a fonte certa para o seu. Fontes diferentes disparam diferentes referências mentais e culturais e, dessa forma, podem gerar uma atmosfera específica. A escolha da fonte deve fortalecer a mensagem geral do seu branding e não contradizê-la.

Está sonhando em ser um dono de site profissional? Crie um site com Wix!

Por Equipe Wix

Receba o Blog do Wix
no conforto da sua casa!

Assine o Wix Blog e não perca nenhuma novidade!

Opa, esse não é um email válido.

e-mail já existe

Opa, esse não é um email válido.

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e o Wix!

Opa, esse não é um email válido.

e-mail já existe

Opa, esse não é um email válido.