Tendências Essenciais de Design, junho de 2016
Designers estão mudando as regras para web design, graças à resolução criativa de problemas. O som de reprodução automática, a mistura de imagens reais e ilustradas e até mesmo logotipos de camadas sobre as fotos são algumas das técnicas de design mais quentes atualmente e todos os três conceitos foram considerados tabus não muito tempo atrás.
Veja o que é tendência no design este mês:
1. Auto-play sound
Não faz muito tempo, a regra era não incluir som em seu site, a menos que fosse opcional. E você definitivamente não seguiria a rota de reprodução automática.
Essas mesas se transformaram! O que costumava ser um recurso de design intrigante de largura de banda está se tornando bastante comum.
O som está sendo usado especialmente para alguns tipos diferentes de sites - para conteúdo relacionado a mídia, como música, filmes ou notícias, e para projetos de jogos ou de tipos de enredo. O truque para usar o som é que ele precisa incluir um botão de ativação / desativação para usuários que ainda desejam interagir com um site em silêncio.
O som é que não deve chegar a um choque para os usuários. Muitos sites, como Este era o telefone de Louise , que usam o som de reprodução automática estão usando um tipo de buffer para mostrar que o conteúdo de som está sendo carregado. Combine essa ação de carregamento com um comutador de alternância e os usuários podem determinar se o som é ou não para eles antes que o site faça o primeiro ruído.
Outro truque quando se trata de usar o som é começar suavemente. Você não quer que os usuários pulem para fora de suas cadeiras porque seu design é aberto com uma fenda de metal pesado. Todos os sons aumentaram de quase um sussurro para o volume total nos primeiros segundos.
Por fim, é importante que o som (principalmente quando reproduzido automaticamente) seja uma parte vital do conteúdo que contribui para a experiência geral do usuário. Não use som só porque você quer tentar algo novo; use-o com propósito. Também tenha isso em mente - mesmo com o som como parte do design, muitos usuários acessarão o conteúdo sem ele. Projetar com sabedoria.
2. Misturando fotos e ilustrações
Pode ser uma técnica difícil, mas a linha entre fotografia e ilustração foi ultrapassada. Misturar elementos reais e desenhados à mão pode adicionar um ar de capricho a um projeto divertido e visualmente intrigante.
Faça isso sem ser brega para ter um impacto duradouro nos usuários. Aqui estão algumas sugestões:
- Use ilustrações para ícones e botões e fotografias para um impacto visual dominante
- Crie um padrão visual que use principalmente ilustração, mas adicione áreas de vídeo ou imagem para ênfase
- Adicione elementos ilustrados animados para um toque de algo diferente perto de fotos
- Crie um selo ou logotipo ilustrado para usar com fotos de marca ou em embalagens que aparecerão nas imagens da marca
- Use ilustrações para ajudar a guiar os usuários através de outros recursos visuais e contar uma história
Taylor fez é um ótimo exemplo dessa abordagem de combinação e combinação de fotografia e ilustração. Uma empresa de planejamento financeiro não é um lugar onde você pode esperar encontrar essa técnica em ação, mas é eficaz. Ilustrações animadas no fundo de fotos de pessoas adicionam interesse ao que poderia ser um headshot chato. As estatísticas animadas atraem a atenção do usuário e incentivam a rolagem. Ainda mais ilustrações são usadas na iconografia de sites para incentivar cliques e adicionar um toque visual às partes do design com muito texto.
3. Emblemas no topo das imagens do herói
Emblemas estão em toda parte você vira agora mesmo. Do design de logotipo aos estilos de tipografia retro vintage que poderiam ser apelidados de favoritos hipster, esses elementos simples tornaram-se uma parte essencial dos estilos de design mínimos. Eles também são uma opção comum para projetos que podem estar faltando na fotografia.
Isso está mudando, já que mais designers estão usando crachás com fotografias estelares em imagens de heróis. A tendência é exemplificada por uma única imagem de herói (normalmente não um controle deslizante) com um emblema branco ou semitransparente na parte superior. Os crachás geralmente são centralizados horizontalmente e verticalmente, embora as veiculações possam variar.
É uma foto impressionante para o contraste do logotipo (ou texto). O que faz este trabalho é que a grande imagem atrai os usuários. O emblema serve como um ponto focal para o que geralmente é uma imagem fraca ou fraca. (Isso não quer dizer que as imagens usadas nesse tipo de estilo são ruins, mas elas se beneficiam da ajuda de um distintivo.)
Essa tendência é uma evolução de algo que vimos por um tempo com cabeçalhos de imagem de herói. Oversized, escolhas de tipografia ousadas foram a mania do ano passado. Esta é uma mudança natural devido à popularidade dos estilos de crachás e à semelhança entre o tipo e os crachás superdimensionados.
- Ambos tendem a ser do tipo branco ou leve
- Ambos tendem a martelar uma única mensagem para os usuários
- Ambos trabalham em designs que não têm muitos recursos visuais concorrentes
- Ambos são ousados e ousados porque oferecem aos usuários apenas um ponto de entrada real
- Ambos funcionam excepcionalmente bem com fotografia
- Ambos os estilos oferecem uma solução visual arrojada quando você não tem muitas opções de foto
- Ambos os estilos se prestam a adicionar um toque de animação em outros lugares (como um estado de foco) para atrair usuários, porque não há muitos outros elementos em movimento, como vídeo ou um controle deslizante de imagem.
O que é bom em um grande selo é que ele também pode servir como marca da sua marca. (Essa é uma ótima opção para pequenas empresas ou sites de portfólio.) Crie um selo com a ideia em mente de que ele será seu logomarca. Projete versões em cores e branco para misturar e combinar dependendo do uso. Essa funcionalidade adicional é outra razão pela qual os crachás são tão populares no momento.
Conclusão
Você é corajoso o suficiente para adicionar música de reprodução automática ao design do seu site ou misturar imagens reais e ilustradas? Ambas as tendências vêm com um elemento de risco - e oportunidade de pagamento. Se você ainda não está preparado para essas tendências, incorporar um selo a uma imagem de herói é algo que pode funcionar para quase qualquer tipo de estrutura de tópicos de design. Você também pode fazer esse ajuste em tempo real e usá-lo conforme necessário.
Quais tendências você está amando (ou odiando) agora? Eu adoraria ver alguns dos sites que você está fascinado. Me mande um link no Twitter ; Eu adoraria ouvir de você.