Tendências de Web Design 2022 para inspirar seu próximo projeto de site

Há algo de errado com TOO trendy?

Eu vejo muitos designers de sites se perderem – sendo atraídos pelo design 'super chique', às custas de seus sites serem utilizáveis ​​e funcionais.

“A maioria dos designers vive em algum tipo de realidade alternativa, criando coisas desnecessárias uns para os outros. Então eles se tornam tendências.” – Usuário do Webflow Blazej

Hoje vamos passar por 3 tendências para 2022 – isso não vai fazer você sacrificar a usabilidade do seu projeto de site, mas vai ajudar a elevá-lo para o próximo nível.

2022 Web Deisign Trend #1 – Recortes de assunto com fundos coloridos

Faça com que esta tendência de site 2022 funcione para você:

• Usar um aplicativo 'criador de formas' como ShapeDivider.app - pode ajudá-lo a criar essas formas naturais se você quiser um bom atalho.
• Escolher a foto perfeita será mais importante para estes, pois é fácil ir muito 'stock photo-y' com muitas fotos na internet com fundo branco.

2022 Web Design Trend #2 – Trabalho monocromático

• Escolher uma outra cor além do preto e branco pode tornar o design POP!
• Ter menos cores para trabalhar facilita o design desses tipos de sites!
• Faça a cor funcionar para você, use-a para botões principais e coisas que você deseja chamar a atenção.

Tendência de Web Design 2022 #3 - Elementos de Design Fantasma

Faça com que esta tendência de web design de 2022 funcione para você:

• Misture um elemento que você não quer necessariamente destacar como um polegar dolorido.
• Crie uma estética de ponta utilizando esse visual mais sutil.

Anos anteriores de tendências do site

Adoramos sites bonitos – focados na experiência do usuário e construídos de uma forma que seja elegante E atemporal. A chave é… não ficar MUITO na moda de uma maneira que estará fora de moda antes que você possa dizer “animação de paralaxe”.

• Não salte em cada nova tendência.
• Fique de olho no que é elegante E eficaz.
• Cada uma das tendências apresentadas abaixo terá um pequeno trecho sobre por que é elegante e um separado sobre por que – ou se – é eficaz.

Três principais tendências de web design para 2020

1. Grande tipografia

Por que é estiloso? Em um mundo onde todo mundo está colocando o máximo de texto possível em seus designs para satisfazer 200 partes interessadas... se você puder resumir a uma mensagem-chave que é super curta e torná-la enorme – você ganha.

É eficaz: É muito eficaz porque as pessoas sabem no que se concentrar! O problema com cada pedaço de texto sendo do mesmo tamanho ou apenas pequenas variações um do outro, é claro, é que não está claro qual é a parte mais importante.

2. Imagens de heróis menores e mais impactantes

Por que é estiloso? Quão glorioso é não encobrir suas belas imagens? As pessoas adoram isso porque parece coeso e é menos provável que você tenha problemas com camadas que são difíceis (exemplos no próximo item).

É eficaz: Certamente pode ser – o ponto crucial é que as imagens sejam boas e realmente ajudem as pessoas a se imaginarem se beneficiando do seu produto ou serviço. Sem boas imagens, isso pode parecer brega.

3. Elementos em camadas

Por que é estiloso? Assim como na moda, as camadas intencionais são artísticas – parecem intencionais e, portanto, podem ficar muito bonitas.

É eficaz: Isso é realmente dependente do item específico. Pode realmente NÃO ser eficaz se não tiver a fotografia certa, os elementos de suporte certos, a sobreposição certa para contraste ou a tipografia certa (funciona melhor com fontes mais pesadas). quando você tem elementos sólidos que trabalham juntos e você 'tem controle sobre eles'. Muitas vezes, um cliente pode trocar uma imagem que agora não funciona – e por isso é importante que seja feito com os componentes certos quando você sabe que eles não serão alterados com frequência.

Outras menções honrosas:

Tipografia vertical – Usada para elementos de interface do usuário, pode dar uma sensação mais intencional aos designs.

Recortes de Forma Orgânica – O exemplo Pops Diabetes acima também utiliza essa tendência.

10% Offset Images – Também o item Schaefco acima apresenta isso –

Recortes tipográficos – Já vi alguns exemplos incríveis disso. Uma grande letra em negrito é cortada do espaço em branco e às vezes tem um vídeo por trás – dando um efeito de camadas muito legal.

Vídeo em cada página – Se você está fazendo vídeos regularmente – por que não fazer um para cada um de seus principais serviços e incluí-los para aumentar o “tempo no site”? Ótimo para SEO – e ótimo para seus usuários que não querem ler. (Dica: a maioria de nós prefere assistir a um vídeo.)

Animações complementares leves – as animações chamam a atenção, especialmente se elas se movem um pouco, mas certifique-se de atrair os olhos das pessoas para a coisa certa. Ou certifique-se de que as animações realmente são boas/têm um estilo que realmente complemente sua marca.

Mais fontes com serifa – As fontes com serifa são mais fáceis de ler! Estou feliz em ver as serifas voltando em 2020 e além!

Outros designers assumem o 2020 Web Design Trends (crowdsourced.)

Os serviços de web design nos últimos tempos se concentram em fornecer a melhor experiência aos usuários no momento em que estão navegando pelo site. Assim, torna-se muito importante por parte dos desenvolvedores garantir que eles funcionem de acordo.
Então, aqui está uma lista das 17 principais tendências de web design e interface do usuário para o ano de 2020.

1. Minimalismo aberto e colorido
Hoje em dia, se você ainda está pensando em design minimalista usando fundos preto e branco, esses dias se foram. O minimalismo aberto e colorido é a última tendência que traz uma sensação coesa e atraente aos designs da web.

2. Compatível com dispositivos móveis
Com o uso crescente de celulares, os designers precisam garantir que o site seja compatível com dispositivos móveis para que cada um dos usuários possa visualizar o site através de seus celulares com facilidade. É exatamente aqui que um serviço de web design responsivo vem em socorro.

3. Títulos superdimensionados
Títulos e manchetes superdimensionados tornaram-se extremamente comuns nos últimos tempos para atrair a atenção dos leitores, pois eles têm muito menos tempo para gastar no site. Assim, as manchetes são criadas de tal forma que prendem a atenção dos leitores.

4. Cores vibrantes, gradientes desafiadores e fundos escuros
Os sites de hoje se concentram em fornecer a melhor experiência do usuário e, portanto, os serviços de web design se concentram particularmente no mesmo. O uso de gradientes mais complexos, juntamente com uma fantástica reprodução de cores com fundo escuro, tornou-se mais comum no ano de 2019. Uma mistura clássica dos três é a tendência.

5. Velocidade de carregamento do site
Os clientes de hoje estão sempre com pressa e, portanto, um site de carregamento lento é simplesmente ignorado pelos usuários. Assim, a velocidade de carregamento do site precisa ser muito maior, o que é exatamente o que se tornou a última tendência para melhorar a experiência do usuário.

6. Animações e Ilustrações de Próximo Nível
Os usuários estão sempre ansiosos por algo novo o tempo todo. Isso pode ser facilmente alcançado com as animações, bem como as ilustrações do próximo nível, que é exatamente a razão pela qual essas se tornaram a última tendência.

7. Grades CSS
As grades CSS ainda são uma das tendências de web design mais populares que desempenham um papel vital em tornar o web design muito mais fácil. Nos últimos tempos, é uma mistura de algumas novas ferramentas com recursos existentes. O CSS moderno de hoje oferece um nível completamente novo de capacidade de resposta, interação e visualização de dados.

8. Esquemas de cores que são claros e escuros
Para criar algo emocionante para os usuários, o uso de esquemas de cores claras e escuras é bom demais. Isso cria uma impressão positiva sobre os usuários, portanto, benéfico.

9. Experiências 3D imersivas
As imagens e gráficos 3D são, sem dúvida, muito bons para serviços de web design, para que possam ser criados designs atraentes da web, o que o torna atraente para os usuários. As experiências 3D imersivas dão vida ao seu site e oferecem ótimas experiências aos usuários.

10. BrutalismoO brutalismo é outra grande tendência que está em ascensão, o que é bastante evidente pelo fato de que mais marcas preferem usar conceitos ousados, corajosos e impetuosos para abraçar seu lado rebelde interior.

11. Elementos Voadores e Flutuantes
Para atrair a atenção dos usuários, visuais voadores e flutuantes são extremamente eficazes.

12. Formas Orgânicas e Geométricas
O uso de formas geométricas e orgânicas para serviços de web design tomou solidamente seu lugar em algum lugar entre os designs planos e as grades quebradas.

13. Coisas sobrepostas
O efeito de sobreposição é certamente uma das tendências mais quentes do ano de 2020. As coisas sobrepostas trazem interesse visual para alguns dos tipos específicos de conteúdo. Este conceito é um grande truque para excitar os interesses das pessoas, mas precisa ser feito com cuidado com os serviços de web design.

14. Vídeo aumentado
A adição de mais vídeo traz mais vida ao site e tem a capacidade de capturar a atenção de quase todos como nenhuma outra forma de mídia. Esta é, sem dúvida, uma tendência de 2020 e continuará por muito tempo.

15. Layouts assimétricos e grades quebradas
Os layouts assimétricos do site, juntamente com o uso de grades quebradas na hora do web design, tornaram-se mais comuns nos dias de hoje.

16. Realidade Aumentada
As interfaces apenas de tela não são suficientes para o mundo de hoje e os usuários querem que as interações físicas ocorram no mundo real. É aqui que os web designers precisam pensar em algo novo para oferecer a função de realidade aumentada.

17. Microinterações
A importância das micro-interações não pode ser negligenciada a qualquer custo. Eles são ótimos para criar eventos bastante convidativos, portanto, em ascensão no ano de 2020.
Agora, quando você conhece as principais tendências de web design e interface do usuário para 2020, não perca mais tempo, mas incorpore-as em seu site para fornecer experiências fantásticas aos usuários.

Exemplos de tendências comuns de web design mal usadas

Como você determina se uma tendência é mal usada? Empatia e intuição. Consulte o seu grilo jiminy interior. Você gostaria que alguém fizesse isso com você com o site deles? Se a resposta for não, talvez você deva deixar de lado os cinquenta pop-ups, mesmo que você tenha "recebido tantas inscrições em boletins informativos" que você pode enviar spam para o resto de sua vida.

Funciona? Parabéns, você converteu mais 5 pessoas e irritou outras 40, arruinando a percepção da sua marca e fazendo com que elas reconsiderassem clicar em seu conteúdo de autocongratulações novamente. Então, sim, você adivinhou que meu exemplo número um de uma tendência de web design mal usada é:

Pop-ups invasivos

Pop-ups invasivos e do tipo que você não consegue descobrir como fechar ou que o forçam a responder a uma pergunta ridícula são horríveis.

Como fazer melhor – Dê algo de valor quando alguém está saindo

Em vez de tentar empurrar alguém para sua lista de e-mail, puxe. Se você está me dando algo de valor, eu não estou chateado por você colocar um grande pop-up na minha cara, na verdade, eu posso estar um pouco intrigado. O que é importante notar é que o conteúdo é a variável. Não tire a poeira de algum papel branco de merda, construa algo ótimo – trabalhe com uma equipe para construir algo ótimo – o que você tiver que fazer e depois faça disso a peça central. Combine isso com um pop-up de 'intenção de saída' e não force ninguém a tomar uma decisão – sempre dê maneiras claras de x o pop-up.

Rolagem infinita

Não precisamos de um call to action claro no final ou um belo rodapé com navegação bem pensada

Talvez este seja um exemplo do meu cérebro cínico de velho, porque eu não consigo nem lidar quando o twitter muda de estrelas para corações – mas se estamos aplicando a regra de ouro aqui, eu odeio terminar um artigo e ter alguém fazendo uma escolha sobre qual artigo eu quero ler a seguir. Tomar a decisão para eles pode ser agradável com vídeos do facebook e do youtube porque ei, é vídeo e eu estou apenas me esgotando de qualquer maneira - mas para o conteúdo que você precisa ler, sinto muito, acho que você não vai fazer uma decisão sobre minhas preferências com base em um artigo ou conteúdo que terminei.

Vou ressalvar isso com o fato de que sites tipo galeria / Pinterest onde você está navegando em uma variedade de itens parecem ter algum benefício para esse tipo de navegação, mas pode ser limitado ao social. O resto de nós precisa da satisfação de uma conclusão e mais navegação.

Como fazer melhor – Pense no que uma pessoa gostaria de fazer depois de ler esse tipo de categoria ou tipo de conteúdo no site.

Cada tipo de conteúdo no site pode ter um tipo de pré-rodapé com outros artigos semelhantes, elementos de navegação e, idealmente, alguns próximos passos claros adaptados ao que acabaram de terminar. Por mais que eu odeie a fonte 'Lobster' no exemplo acima (Página inicial de mensagens), acho que Jared pensou muito sobre o que as pessoas poderiam se interessar depois de terminar de ler uma página de conteúdo e compartilhá-las de uma maneira visual que é claro e simples. Se apenas outros rodapés tivessem tanta sorte. Eu admito, eu tenho um fetiche por rodapé.

3. Paralaxe dolorosamente perturbador que não agrega valor, exceto por um milissegundo de oooh-ahhh.

Essa organização artística e cultural tem movimento, tem profundidade – mas tem significado? Não consigo imaginar como os círculos na parte de trás adicionam qualquer elemento útil, exceto que em um ponto foi original, ou ainda não foi feito muito. IE um truque – mas ei eles ganharam um prêmio de site… então o site deve ser bom certo?

Movimento e profundidade podem ser ótimos quando implementados com bom gosto, infelizmente, um grande número de pessoas correu para implementar a paralaxe sem muita intenção de como isso realmente ajudaria os visitantes e agregaria valor. Grandes designs espaciais são lindos, mas se você está tentando chegar ao cerne do conteúdo de um site e realmente aprender sobre como ou por que você gostaria de trabalhar com uma empresa ou comprar um produto – sites de paralaxe longos perdem o ponto.

Como fazer melhor – Implemente sutilmente para adicionar alguma profundidade e use com moderação de uma maneira que adicione um pouco de intriga aos produtos quando apropriado.

Até agora, talvez muitos de vocês tenham visto o artigo sobre a queda de neve do The New York Times que foi publicado em 2012. O artigo usa paralaxe e vídeo de uma forma que foi quase desarmante porque era muito progressivo na época.

Chaves que fazem este site funcionar tão bonito?

• Forte ênfase no conteúdo – os elementos tipográficos são super bem pensados ​​e legíveis
• Os tratamentos de título fornecem uma hierarquia clara
• Tudo isso funciona muito bem para que o aspecto de paralaxe não seja o centro do palco, mas sim uma peça sutil e agradável para uma imagem maior.

Que é exatamente como a paralaxe pode ser usada com bom gosto em 2016, sem parecer um truque.

Tendências de web design de 2019

Os web designers não são diferentes dos designers de moda, pois devem estar constantemente atentos quando se trata de ouvir quais serão as últimas tendências para o próximo ano em web design.

Um web designer inteligente não apenas mantém a imagem da marca em mente ao criar o layout de um site, mas também a usabilidade para o usuário. Por causa disso, a cada ano os designers eliminam detalhes de design que os usuários não gostaram e expandem os que os usuários gostam.

Este ano não é diferente, e aqui está uma lista das principais tendências para procurar em web design para 2019.

Fundos de vídeo

Você provavelmente já viu uma quantidade razoável de sites que incorporam grandes planos de fundo de vídeo para envolver o usuário. Os fundos de vídeo são uma ótima maneira de dar ao usuário uma visão interna do seu negócio.

Confira o site da incorporadora Ditto , que destaca seus empreendimentos residenciais com pessoas que passam o dia, oferecendo ao usuário a possibilidade de ver o interior das unidades de forma envolvente.

Também trabalhamos com a Deneen Pottery para ajudar a implementar um vídeo em seu plano de fundo, que apresenta imagens reais de sua cerâmica sendo feita à mão.

Fundos de partículas

Para empresas que ainda desejam incorporar movimento em seus sites, os fundos de partículas são uma ótima alternativa aos fundos de vídeo, especialmente se você estiver preocupado com o tempo de carregamento com um vídeo de fundo maior. Essas animações são javascript que criam movimento natural e envolvente como parte do plano de fundo.

Heystack usou um fundo de partículas intrincado para seu site, e esperamos que mais designers façam o mesmo.

Layouts assimétricos

Os aspectos únicos e distintivos do web design assimétrico o tornam atraente em termos de diferenciação do seu site dos outros. Em contraste com o estilo minimalista que tem sido popular há alguns anos, os designs assimétricos são mais movimentados, mas ainda parecem limpos e profissionais quando bem feitos.

Lançamos recentemente este site para o Sustainable 9, que apresenta formas sobrepostas e, embora haja uma aparência de equilíbrio, certamente há elementos assimétricos, adicionando profundidade a ele.

Tipografia em negrito

Escolher a tipografia certa pode ser a diferença para ter uma taxa de rejeição baixa em vez de uma alta. Escolher tipografia em negrito, especialmente em um tamanho de fonte grande, pode realmente chamar a atenção do usuário do seu site.

Essas duas páginas iniciais de sites, criadas por um web designer no Dribble, exemplificam perfeitamente a natureza simples e moderna da fonte em negrito.

Animações Integradas

As animações integradas são exatamente o que parecem: animações que são colocadas em todo o site para adicionar uma sensação extra de vivacidade, movimento e engajamento ao site. Como você notou, o movimento é um grande tema a ser buscado no web design para este próximo ano.

30 Species in Pieces, um site dedicado a educar as pessoas sobre animais ameaçados de extinção, usa animação nítida e envolvente em seu design web simples para dar vida a ele.

Gradientes dinâmicos

Como observamos antes, os gradientes de cores estão começando a voltar. Os gradientes permitem a personalização com as cores do seu site para criar algo que realmente incorpore sua marca.

A Apple usou gradiente para a cor da fonte para manter o tema de seus novos anúncios do iPhone X.

Tendências de Web Design subestimadas de 2018

Todos os anos, as tendências de web design mudam constantemente – então o que parecia estar na moda alguns anos atrás pode não ser a melhor opção hoje. Portanto, é importante que todos os empresários estejam atualizados com as últimas tendências de web design para vender seus negócios e manter a atenção dos visitantes. Continue lendo para descobrir seis das maiores tendências de web design subestimadas de 2018.

Layouts de grade quebrados

Muitos sites usam grades para garantir que haja uma estrutura por trás do texto, imagens e botões de navegação. As grades não apenas fornecem uma orientação para os designers, mas também ajudam os visitantes a navegar facilmente pelo site. No entanto, este ano viu o layout de grade típico está quebrado. Em vez de seguir uma regra definida, surgiu a oportunidade de fazer algo diferente com o web design. Os desenvolvedores mudaram para layouts de grade quebrados que são menos restritivos. Layouts de grade quebrados permitem que o texto e as imagens flutuem pela página com mais liberdade. Quando os elementos se sobrepõem, isso cria um web design harmonioso que flui naturalmente para o visitante. Layouts de grade quebrados também podem ser alcançados por meio do uso de camadas, posicionamento incomum e toques sutis que tornam a página mais atraente.

2. Chatbots

Cada vez mais web designers estão começando a implementar o uso de chatbots em sites. Os chatbots são comumente vistos em sites de negócios situados no canto inferior direito da tela. A pequena janela pop-up oferece aos visitantes a chance de conversar com alguém da empresa ou obter ajuda automatizada com qualquer dúvida. Adicionar uma janela de bate-papo ao seu web design significa que qualquer visitante com uma pergunta pode ter uma resposta imediata. Algumas empresas têm problemas em ter um membro da equipe disponível para conversar. No entanto, é possível programar seu chatbot para responder às perguntas mais comuns e fornecer detalhes sobre como entrar em contato com a empresa caso ela não saiba a resposta para uma pergunta.

Ilustrações personalizadas

No passado, as imagens de web design consistiam principalmente em fotos de produtos, GIFs e fotografia editorial que enfatizavam os recursos, a funcionalidade e as dimensões humanas do produto. Em 2018, houve um ligeiro afastamento disso, com as ilustrações agora dominando o mercado. Os desenvolvedores descobriram que as ilustrações são mais envolventes e convidativas. Eles têm uma mensagem clara e focada que é personalizada para a marca. As ilustrações são normalmente completadas com combinações de cores não tradicionais que experimentam vários contrastes, criando tensão, mas também mantendo a legibilidade do web design.

Transições de página

Sempre que a experiência de um usuário é interrompida, há uma grande chance de ele sair do site. Isso também pode acontecer quando eles mudam de uma página para outra. Alguns sites demoram muito para carregar, enquanto outros tiram o usuário do contexto em que estava antes da nova página ser aberta. Portanto, é essencial que todo web design tenha transições suaves e eficientes entre as páginas. Este ano, mais e mais sites estão introduzindo transições de página coesas para seus visitantes. Em vez de navegar para uma nova página, os visitantes podem visualizar informações diferentes na mesma página. Essas transições de página mais suaves podem melhorar a experiência do usuário e aumentar o envolvimento com sua marca.

Brutalismo

2018 viu um aumento no uso de brutalismo no web design. O brutalismo está abrindo um espaço onde desenvolvedores e designers podem fazer o que quiserem, ao invés do que deveriam fazer. Este estilo de web design foi inspirado na arquitetura da década de 1950 que era simplista, econômica e prática. O web design brutalista é cru e cativante. O foco principal está no conteúdo, pois é importante torná-lo visualmente agradável para o visitante. O web design brutalista se manifesta através de estruturas expostas, uma sensação de aspereza e processos pensativos.

Conteúdo de vídeo

Este ano também viu o aumento do uso de conteúdo de vídeo em sites. O vídeo é uma ótima maneira de transmitir informações complexas em um formato visual. O conteúdo de vídeo não apenas torna os sites mais modernos, mas também cria uma sensação de arte que uma imagem estática não pode simplesmente fazer. Os vídeos são uma ferramenta poderosa porque podem se encaixar perfeitamente em seu design da web e ainda permanecer com uma qualidade extremamente alta, mesmo com muitas cores, gradientes e detalhes. Os vídeos também podem ser repetidos para garantir que os detalhes da cópia e os do vídeo permaneçam em uníssono. Muitos desenvolvedores de sites veem os visitantes permanecerem nos sites por mais tempo quando o conteúdo de vídeo está presente, com os visitantes também mais propensos a se inscrever ou optar por suas ofertas de produtos e serviços.De uma perspectiva de negócios – quais tendências para web design em 2017 importam?

Tendências de web design que movem a agulha

1. Formulário de contato em todas as páginas

Não fique distorcido – se o seu site é um site de geração de leads, você não quer tornar o formulário de contato difícil de encontrar. Se você puder incluí-lo em todas as páginas, melhor ainda.

Pode parecer um truque simples, mas os melhores 'truques' são.

2. CTA sempre presente: botão de call to action forte e constante

Você não precisa ter o formulário de contato para estimular as pessoas a entrar em contato com você, para obter uma demonstração, para obter uma cotação ou qualquer que seja a ação principal que você deseja levar o cliente a realizar. Em vez disso, você pode incluir um botão grande no canto superior direito o tempo todo. Quando eles rolarem, deixe o botão de chamada para ação na parte superior da tela com um cabeçalho 'fixo' que segue os visitantes.

3. Sobrecarregar o design com fatores de confiança, como selos organizacionais e depoimentos

Estou me apegando apenas às coisas mais eficazes que conheço, das quais alguns do meu público podem não estar tão cientes antes. Fatores de confiança são tudo em web design – eles são quase tudo em que penso, além de design visual limpo, moderno e esteticamente agradável.

A única maneira de fazer as pessoas agirem (grandes botões de chamada à ação e botões Comprar agora, etc.)

Você tem devoluções gratuitas? Você tem frete rápido e gratuito? Você tem uma garantia? Mostre essas coisas.

Parte de um grupo de comércio local? Melhor Escritório de Negócios? Tem um Certificado SSL na sua loja online?

Adicione uma representação visual para esses itens e considere colocá-los no estilo do seu site para aumentar ainda mais a confiança.

Um dos maiores itens na categoria de fatores de confiança que a maioria das empresas de qualidade possui são as avaliações e depoimentos online. Eu sugiro apresentá-los de forma muito visual em seu site. Se forem depoimentos, o ideal é que você tenha fotos dos próprios clientes para dar ainda mais credibilidade ao que eles disseram sobre seu produto ou serviço.

4. Ter um vídeo para mostrar sua principal proposta de valor

Quando criei o DeneenPottery.com pela primeira vez, trabalhei com o que o cliente tinha – imagens de suas canecas de alta qualidade e um vídeo que estava um pouco escondido no design. Fizemos este vídeo destacando-o mostrando inegavelmente a natureza artesanal de suas canecas e dando às pessoas um gostinho de seu processo:

5. Design altamente atraente com espaço em branco – considere o uso de transições significativas, sistemas de grade sobrepostos e conteúdo dividido para extrair dicotomias

O espaço em branco é aquele elemento delicioso de design que parece fazer tudo parecer mais 'high-end':

Neste site, decidi utilizar a abertura natural da fotografia para criar uma sensação de decadência espaçosa.

A Apple entende de espaço em branco. Isso não significa que o fundo é branco – significa apenas espaço aberto ao redor do assunto principal no design.

Aqui está um exemplo muito alto do uso de espaços em branco pela Apple em seu site :

Transições significativas

O Google usa transições significativas em seu 'Material Design' há anos - mas cada vez mais web designers estão usando isso para criar uma maneira eficaz de dar mais contexto à ação que o usuário está realizando no site. Confira o estado de foco no botão abaixo, a dispersão da cor à medida que o usuário clica no botão e, em seguida, a maneira como a janela modal/popup cresce após o clique:

Usar o material design neste site me permitiu fazer o site parecer muito interativo e muito moderno. Também ajuda que, ao usar as convenções do Material Design, você também se associe sutilmente ao tipo de experiência do usuário no Google.com e nos muitos produtos do Google – já que todos combinam e usam essas convenções.

Sistemas de grade sobrepostos

As caixas no web design são tradicionais lado a lado, uma em cima da outra, mas muitos designers estão utilizando um estilo muito 2017 chamado sistema de grade sobreposta ou sistema de grade deslocada. Esse estilo justapõe caixas e fotos umas sobre as outras para um efeito mais orgânico e fluido.

Cor dividida ou imagens divididas para desenhar uma dicotomia

Uma dicotomia é a separação de duas coisas – como 'quente e frio' ou 'bem e mal'. Ao tornar os dois lados de um site super diferentes um do outro, ele chama a atenção do visitante.

Você pode usar isso para extrair os elementos emocionais de se opor, ou os dois lados do cérebro 'emocional e lógico', 'criativo e orientado a sistemas', ou apenas usá-lo para criar algum apelo visual como este design de Mateusz Koziorowski .

Faça o que fizer - não salte para as tendências de web design à toa

Certifique-se de considerar seus objetivos de negócios em primeiro lugar. As tendências de design visual não são nada sem considerar o que ele fará no que diz respeito a mover a agulha com sua receita.

Um site melhor está ao virar da esquina
Percorremos um longo caminho desde que os primeiros sites foram lançados. Web designers estão se tornando mais detalhados, mais aventureiros e, francamente, melhores. Os próximos anos de web design serão sobre empurrar o envelope e tentar novas ideias ousadas. Aqui na Hook, adoramos pegar um site antigo do qual você se cansou e transformá-lo em algo que realmente encapsule a singularidade de sua marca. Se você deseja criar um novo site, que envolva os usuários e gere mais conversões, entre em contato com a Hook Agency hoje para marcar uma reunião, onde falaremos sobre quais são suas metas de negócios e como podemos implementar em seu novo site.