• 319k
  • 13
Web Design \ 21 de Fevereiro de 2017

10 Segredos do Web Design para um Site Wix Maravilhoso

Cada site publicado é uma nova estrela no firmamento. A nossa missão aqui no Wix é capacitar as pessoas pelo mundo afora para construírem seus próprios sites e preencherem a web com sites maravilhosos. Com uma poderosa plataforma e o suporte de nossos especialistas, o Wix facilita tudo para que você possa criar um site que dê uma alavancada em sua carreira e faça seus sonhos virarem realidade.

Como é que funciona? O Editor Wix é repleto de recursos e funções que ajudam os usuários a criar sites atraentes e profissionais. Conhecendo esses recursos, tudo o que precisa fazer é clicar, arrastar e soltar. Está pronta para experimentá-los? Estes 10 segredos do design representam as técnicas mais incríveis que o Wix tem para oferecer.

1. Entenda o layout do seu site

O layout do seu site é a base de todo o seu esquema de design. Entender o seu layout ajuda a resolver muitas das decisões cruciais que você precisa tomar à medida que for construindo seu site. Quando pensar em como estruturar seu layout, considere como vai querer dividir as seções de conteúdo no site.

Uma opção é usar Faixas que dividem o site em blocos retangulares horizontais no total da largura do site. Uma outra opção é usar o recurso Colunas que divide o site em seções verticais. Cada uma destas duas opções proporciona uma experiência de navegação ligeiramente diferente e influencia a forma como os visitantes do seu site interagem com seu conteúdo. Quer misturar tudo? Você pode integrar faixas e colunas na mesma página.

2. Personalize as cores para ficarem em harmonia com a cara do seu site

No web design, cores significam muito mais que só azul, verde ou rosa. Elas geram toda a atmosfera e transmitem uma mensagem visual ao invés da textual. Resumindo, as cores são determinantes para muito mais do que apenas a aparência do seu site e é assim que você deve abordar o tema do seu esquema de cores. Dê uma olhada neste guia para escolher o esquema de cores certo. Depois de escolher o melhor esquema para o seu site, siga estes passos para acertar as cores que melhor vão combinar com o objetivo e personalidade do seu site.

3. Procure embelezar sua página com efeitos de rolagem

Já está na hora de parar de pensar nos backgrounds de sites como algo estático. Eles podem ser vibrantes e impressionantes, e podem impactar muito o design em geral. Os efeitos de rolagem parallax adicionam uma camada dinâmica ao background do seu site ou de faixas específicas. Dê uma conferida nos deslumbrantes efeitos de rolagem disponíveis no Editor Wix e descubra como podem transformar por completo a experiência de navegação do seu site.

4. Faça upload de suas próprias fontes

Seu site, seu jeito. Esse é o lema do Wix e nós o levamos a cada elemento do web design, desde cores, passando por imagens, até fontes. O Editor Wix oferece uma grande seleção de fontes para você poder escolher as que mais te agradam, mas se mesmo assim não encontrar as fontes que servem para sua estratégia de branding e sua visão do design, queremos que você possa fazer upload de suas próprias fontes para usá-las com total liberdade.

5. Adicione fotos profissionais do Bigstock

Nunca é demais apontar como é importante o uso de imagens de alta qualidade no web design profissional, mas contratar os serviços de um fotógrafo pode sair muito caro para o orçamento de uma pequena empresa. Isso, no entanto, não significa que você precisa aceitar uma qualidade inferior. Através do Editor Wix você tem acesso ao Bigstock, um dos principais bancos de imagens do mercado, com uma variedade imensa de imagens fotografadas e editadas por profissionais. Por um preço justo, você pode usar estas fotos no seu próprio site para obter o aspecto de confiabilidade e de grandeza que ele merece.

6. Redimensione múltiplos elementos ao mesmo tempo

Há muitos pequenos detalhes envolvidos no processo de criação de um site. O nosso trabalho é simplificar ao máximo estas pequenas tarefas, para você poder focar-se o máximo possível no aspecto geral. Um recurso que criamos com este propósito permite controlar o tamanho de diversos elementos simultaneamente e redimensioná-los para igualar uns aos outros em tamanho. Este pequeno recurso pode poupar muito tempo se você está trabalhando com muitos elementos que requerem uniformidade, como imagens em miniatura, ícones, botões, etc.

7. Use o efeito mouseover para fazer suas galerias mais dinâmicas

As pessoas gostam de sentir que navegam num site que reage a eles e às suas ações. Há diversos métodos para incorporar esta noção de reação ao seu web design e um deles é usar  o efeito mouseover, que responde ao movimento do cursor. Particularmente nas galerias de imagem, aplicar o efeito mouseover cria uma experiência de usuário que funciona como um diálogo – o visitante se movimenta e o site reconhece o movimento. Caso você não seja fã de efeitos de design chamativos, nós criamos intencionalmente efeitos mouseover que respondem de forma suave e sutil.

8. Dê vida ao seu site com backgrounds de vídeo

Cada vez ficamos mais impressionados com a contribuição dos backgrounds de vídeo para um belíssimo aspecto geral do site. São visualmente atraentes, mas não necessariamente controlam todo o esquema do design. Podem ser abstratos ou retratar uma situação muito específica e geram, de imediato, uma impressão positiva incomparável. Obviamente o background de vídeo não serve para todos os tipos de site ou de público alvo, mas se você achar que vai funcionar bem no seu site, deve experimentá-los.

9. Dê destaque ao seu trabalho com os slideshows

O slideshow é um recurso que permite às usuárias dar uma ênfase visual num aspecto específico de seu site que desejam promover, como produtos em promoção, próximas apresentações, novos posts no blog e assim por diante. Criamos o slideshow para funcionar como um palco onde você pode focar diretamente nesses itens e, dessa forma, fazê-los brilhar. Os slideshows têm o poder de atrair a atenção dos visitantes e direcionar o foco dessa atenção exatamente para onde você quer. E claro, são facilmente customizáveis de tal forma que você pode continuamente editar e atualizar o conteúdo dos slides.

10. Mantenha tudo certo com a ferramenta de alinhamento

Simetria e alinhamento são extremamente importantes para criar um site profissional e não devem ser negligenciados. Estas duas palavras podem dar a maior dor de cabeça aos web designers, mas não precisa se preocupar, nós temos o “tratamento preventivo” – a ferramenta de alinhamento que permite posicionar e ajustar múltiplos itens ao mesmo tempo mantendo os itens paralelos e perpendiculares entre si. Com esse recurso genial você não precisa mais arrastar cada item individualmente e forçar seus olhos e punhos. Alinhamento resolvido!

Pronta para deixar sua criatividade fluir? Crie um site com Wix!

Por Equipe Wix
Wix

Receba o
No Conforto da Sua Casa!

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

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Aproveite! \ 

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

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email