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 Design Rio, mas não seria divertido se você pudesse “falar e fazer” como um web designer 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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.