Vimos muitas empresas migrando para uma experiência mais limpa e simples para os usuários do site. Quer você seja um designer, desenvolvedor ou simplesmente adore sites, pode aprender algo dando uma olhada em como eles estão fazendo isso. Prepare-se para se inspirar!
- Animação
Deixando para trás os primeiros dias berrantes da web, que estava repleta de gifs piscantes, barras animadas, botões, ícones e hamsters dançantes, a animação hoje significa criar ações interativas e responsivas que aprimoram a narrativa e fornecem uma experiência de usuário rica.
Exemplos de animações ricas incluem carregamento de animações, navegação e menus, animações de foco, galerias e apresentações de slides, animação em movimento, rolagem e animações e vídeos de fundo. Confira este site do Beagle, uma plataforma de gerenciamento de propostas:
Clique para ver a incrível animação JavaScript e CSS do Beagle ao rolar o site para baixo.
A animação rica também pode ser vista na micro interação. Por exemplo, no LinkedIn, um usuário pode passar o mouse sobre um cartão para obter um menu pop-up sutil de opções e, em seguida, optar por pular a história ou realizar outras ações.
As animações GIF ressurgiram (alegremente?) E podem ser usadas para muitos propósitos diferentes, incluindo comédia, demonstrações e até mesmo apenas para decoração.
- projeto de material
projeto de material, uma linguagem de design desenvolvida pelo Google, depende dos elementos de design baseado em impressão - tipografia, grades, espaço, escala, cor e uso de imagens - junto com animações e transições responsivas, preenchimento e efeitos de profundidade como iluminação e sombras para fornecer uma experiência de usuário mais realista, envolvente e interativa.
O Material Design usa sombra, movimento e profundidade para oferecer uma estética limpa e moderna com foco na otimização da UX sem muitos sinos e assobios.
Outros exemplos de design de material incluem imagens de ponta a ponta, tipografia em grande escala e espaço em branco intencional.
- design plano
Enquanto o Material Design oferece uma abordagem ao conceito de minimalismo, o design plano continua a ser a escolha clássica para os amantes de linhas simples. Ou seja, o design plano costuma ser visto como uma aparência digital mais realista, autêntica e confortável.
Com base nos princípios de espaço em branco, bordas definidas, cores vibrantes e 2D - ou "plana" - ilustrações, o design plano oferece um estilo versátil que freqüentemente faz uso de técnicas como iconografia de linhas e sombras longas.
- Dividir telas
Melhor usado quando você tem duas áreas igualmente importantes para promover ou deseja oferecer conteúdo junto com fotos ou mídia, as telas divididas são uma ótima maneira de fornecer uma experiência de usuário divertida e ousada.
Ao permitir que os usuários escolham seu conteúdo e experiência, você pode criar uma experiência do tipo portal que atrai os visitantes a entrar.
- Largando o Chrome
Aludindo aos pára-choques cromados e enfeites em carros clássicos, "cromo" se refere aos contêineres de um site - os menus, cabeçalhos, rodapés e bordas - que encapsulam o conteúdo principal.
Isso pode ser uma distração, e muitas empresas estão optando por se livrar dos contêineres e criar layouts limpos de ponta a ponta, sem bordas, cabeçalhos ou rodapés.
- Esqueça a Dobra
“Acima da dobra” é o jargão de jornal para a metade superior da primeira página de um jornal. Como os jornais costumam ser dobrados e colocados em caixas e displays, o conteúdo mais atraente vai além para dar a eles a melhor chance de pegar um leitor em potencial (e sua carteira).
O design do site há muito usa a ideia de dobra, partindo do princípio de que a rolagem é um fardo. Mas, recentemente, imagens e conteúdo em tela cheia cumprimentam o usuário e incentivam a rolagem para revelar conteúdo adicional mais aprofundado.
- Vídeo em tela inteira
O vídeo pode ser uma ótima maneira de chamar a atenção dos visitantes e, muitas vezes, é ainda mais eficaz do que imagens ou texto. Vídeos em loop, como os usados pela Apple para o Apple Watch, são uma forma única de definir o tom e atrair visitantes.
Clique para ver HighbridgeVídeo de em sua página inicial
Quando se trata de web design, muitos componentes específicos serão ditados por sua indústria, nicho, mercado-alvo e conteúdo. Seu layout dependerá do que os visitantes respondem e do que faz mais sentido para sua mensagem. Mas, com essas tendências em mãos, você terá tudo de que precisa para criar um site atraente que faça o que você precisa e que mostre que sabe como se manter atualizado.
