• 0k
  • 0
Web Design \ 6 de maio de 2014

15 Conceitos de Web Design Para Você Falar Como Um Profissional

A essa altura, todo mundo já sabe que não é preciso ter nenhuma experiência anterior de design para fazer um site com o Wix.com, mas não seria divertido se você pudesse “falar e fazer” como um web designer profissional?

15 Conceitos de Web Design Para Você Falar Como Um Profissional

Se você quer poder falar com web designers, compreender blogs de web design ou impressionar os convidados da festa com o seu conhecimento, aqui estão 15 termos de web design que vão lhe dar mais credibilidade por aí. Repita comigo:

1. Vetores: Os gráficos vetoriais são recursos visuais compostos de formas geométricas, em vez de pixels (os pontos minúsculos que formam as fotos, por exemplo). A sua vantagem sobre os gráficos de bitmap baseados em pixels é que eles podem ser melhor redimensionados para tamanhos muito maiores. Tecnicamente, os vetores são feitos esticando traços de um ponto para o outro. Embora você possa estar imaginando quadrados ou triângulos, gráficos vetoriais também são usados para criar uma enorme variedade de imagens. Eles são mais comumente usados para logos, ícones e design de infográficos.

Imagem Vetorial

2. Bitmap: Ao contrário de vetores, visuais em bitmap são feitos de pixels – os pequenos pontos de cor que formam as fotografias. As imagens de bitmap sempre dependem da resolução – se você ampliar demais, poderá ver os pontos que compõem a imagem completa. Por exemplo – todas as foto que você tira com a sua câmera são imagens em Bitmap.

Imagem Bitmap

3. CMYK: Também conhecido como o modelo de cores “Ciano, Magenta, Amarelo e Preto”, em inglês, o CMYK é um esquema comum de cores identificado com gráficos de impressão. As quatro cores na base deste modelo representam as cores usadas pelas impressoras de jato de tinta. Suas várias combinações criam o espectro de cores que você vê em materiais impressos.

CMYK

4. RGB: Também conhecido como modelo de cores “Vermelho, Verde e Azul”. Se o CMYK é impressão, o RGB é o modelo de cor de elementos gráficos digitais. Ao contrário das impressoras, telas de computador “transmitem” as cores vermelho, verde e azul para criar a paleta digital. O RGB é, portanto, o modelo de cores para web design.

RGB

5. Design Responsivo: Mas que tipo de “resposta” o web design pode dar? Isso depende do tipo de dispositivo onde ele é visto, é claro. Com o aumento do uso da web em mobiles e tablets, o design responsivo – a tecnologia web que garante que o seu site terá a aparência ideal em todos os dispositivos – é uma condição essencial na concepção de um site. Caso você esteja se perguntando como fazer isso com o Wix, confira a nossa ferramenta de otimização mobile.

Design Responsivo

6. Design Plano: Esta é uma filosofia de design que promove a simplicidade e funcionalidade. Literalmente, significa que o design não tem profundidade dimensional. Em vez de projetar elementos que parecem que você pode estender a mão e agarrá-los, o design plano volta ao conceito básico de gráficos – cores brilhantes, formas primitivas, ícones, etc. Para ler mais sobre design plano, confira este artigo aqui.

Design Plano

7. Skeuomorphism: Palavra complicada, mas definitivamente importante. Skeuomorphism é quase o oposto do design plano. Você lembra do design do iOS antigo da Apple, que era cheio de aplicativos e gráficos que pareciam que foram tirados da vida real (a bússola, a banca de jornal, o calendário…)? Isso é o skeuomorphism. Depois de desfrutar de popularidade por vários anos, o skeuomorphism parece estar morrendo recentemente.

Skeuomorphism

8. Design Metro: Também conhecido como “Microsoft Language Design”, este método foi desenvolvido pela Microsoft e hoje é usado em muitos dos produtos da empresa. Foi inspirado por letreiros de transporte público e tenta atingir o mesmo tipo de clareza visual. O aspecto fundamental dele é pensar no espaço como uma interface orientada para a ação, em vez de uma tela de arte.

Design Metro

9. Estilo Grade: Este estilo de layout tornou-se famoso após o grande sucesso do Pinterest. É baseado em uma estrutura de colunas e a lógica de montagem em peças paralelas, mas não simétricas, de conteúdo no grid. O resultado é um visual “irregular”, mas que mantêm um look organizado e arrumado. Com o Editor Wix você pode facilmente adicionar este belo layout para seu próprio site, basta ir ao Adicionar > Galeria > Mosaico.

Galeria Mosaico do Wix

10. “Acima da Dobra”: Este é um termo importante tanto para designers como para profissionais de marketing que trabalham com plataformas online. Ele é tirado do jargão de jornais impressos tradicionais, onde a notícia importante seria impressa na primeira página e “acima da dobra”, para que os leitores pudessem notá-las em primeiro lugar. Em web design, “acima da dobra” refere-se à seção da tela que é vista sem que o usuário tenha que rolar para baixo. O ideal é que seu conteúdo mais importante esteja posicionado nesse espaço.

Conteúdo Acima da Dobra

11. Rolagem Infinita: Embora soe como uma técnica antiga de tortura, rolagem infinita é na verdade uma tendência popular no cenário de web design hoje. Este termo é bastante autoexplicativo e se refere a layouts com páginas muito longas que requerem bastante rolagem. Há muitas vantagens neste tipo de layout e você pode ler sobre elas aqui.

Rolagem Infinita

12. Sites de Página Única: A maioria dos usuários de internet estão familiarizados com sites que são divididos em várias páginas e usam um menu de navegação para se deslocar de uma página para outra. Um site de página única, literalmente, tem apenas uma página. Há muitas razões pelas quais o dono de um site possa preferir ter uma única página, em vez de um site com várias delas. Para o processo de design, o layout de página única requer planejamento para atingir uma hierarquia de conteúdo efetiva. Felizmente, o Wix tem muitos templates de página única já criados para esse fim.

Templates para Sites de Página Única

13. Espaço em Branco: Também conhecido como “espaço negativo”, o espaço em branco é o espaço entre os elementos. Ele foi criado para não ser utilizado, para criar margens e dar leveza ao layout. O espaço em branco não só é considerado muito estético em design, ele também ajuda a gerar uma experiência de usuário conveniente e clara.

Espaço Negativo

14. Texturas: Mais comumente usadas como fundos, texturas são temas repetitivos frequentemente utilizados para criar uma certa atmosfera em um site. Por exemplo, pense em um fundo de textura de tijolos vermelhos para um site de pizzaria. Texturas podem ser mais sutis ou mais tumultuadas, dependendo da finalidade e estilo do seu site.

Texturas

15. Mockup: Mockups são basicamente modelos em tamanho real de como o seu design vai ficar. Para web designers, um mockup será quase idêntico ao site real, mas sem suas funcionalidades. Usar o Wix poupa a necessidade de preparar um mockup antes de começar a criação do seu site, mas você ainda pode preparar um se quiser, usando um site de rascunho em sua conta. Quando estiver satisfeito com o resultado, você pode duplicar o site de rascunho e adicionar todas as funcionalidades.


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.

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

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

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.

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

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