2016 Web Design Trends

A previsão de 2016 Web Design Trends

Tendências de web design mudar rapidamente. Eles vêm e vão. Websites hoje seguem muito diferentes tendências do que eles fizeram apenas um ano atrás. Como web designers, é útil para saber o que as tendências atuais e futuras são. Ele pode ajudar você a ficar à frente da concorrência e pode ajudá-lo a satisfazer as necessidades do seu cliente. Tenha em mente que “tendência” não significa necessariamente “novo”.

Muitas tendências de design novas vêm dos gostos e preferências dos designers e usuários em design e usabilidade. O que torna essas mudanças possível é melhorias na tecnologia. A tecnologia é uma importante força motriz e está sempre ajudando movimento de design para a frente.

Para ajudar a entender onde estamos indo, vamos dar uma olhada para onde estamos sido.

Onde Web Design tendências têm sido

Web design para 2015 vi um monte de refinamentos de tendências a partir de 2014.

Os últimos anos viram tendências, tais como:

  • Mínimo
  • Plano
  • sliders de vídeo
  • vídeo de fundo
  • animação CSS
  • rolo longo
  • imagens herói
  • menus Hamburger
  • responsivo
  • móvel primeiro
  • popups boletim
  • quadros frontend


Muitas dessas tendências continuará a ser refinado. Alguns vão ser substituídas por alternativas melhores. Outros, como o vídeo de fundo, irá ser usado com moderação.

Onde Web Design Trends está dirigindo

2016 tendências de web design provavelmente poderia ser resumida em duas letras: U e X. Ok, e talvez mais uma palavra, também: móvel. Tendências vão seguir as melhores práticas, tanto para plataformas móveis UX e. UX e móveis foram em vista ao longo dos últimos anos, mas agora eles são frente e no centro eo foco de condução principal do design do site com uma interface organizada.

Este ano será ainda mais requinte e padronização das tendências atuais. Veremos conceitos ir de apenas um ideal para o padrão. De novo com a norma.

Material design

Material design

Material de desenho é uma alternativa ao design plano que traz de volta alguns elementos gráficos agradáveis. É um conjunto de padrões do Google de design que separa elementos usando o conceito camadas encontradas em software de edição de imagem. Ele pode empilhar e remover elementos, conforme necessário. Ele ainda tem animações embutidos que normalmente precisam ser criado manualmente.

É uma linguagem de design com um conjunto específico de orientações que tira a adivinhação. Os resultados têm a mesma aparência de uma plataforma para outra.Uma vez que estas normas são estabelecidas pelo Google que está certo de ter um apoio generalizado.

É possível, no entanto, que a adesão a diretrizes rígidas irá dificultar a criatividade. Eu vejo isso como um desafio para melhorar a criatividade dentro das diretrizes.

Comparado ao projeto Plano

-Design plano

Imagem por fet / shutterstock.com

Material design é diferente do design plano. design plano uma base de design para apresentar UI e elementos gráficos. Ele simplesmente retira os recursos visuais para baixo para o básico e acaba com visuais que tentam imitar o mundo real com projetos tais como cantos arredondados, texturas, sombras, etc. Ele minimiza todas as coisas vistosas, que desvia a história e reduz a quantidade de informação que os leitores têm de lidar com eles. Ele tem cores sólidas, pontas afiadas, e linhas finas.

design plano escalas bem e é fácil de ler em dispositivos móveis. É prático e funciona bem. Ele carrega rápido. O problema é a aparência é secundário. Ele limita a quantidade de cores que você pode usar e às vezes pode parecer genérico.

design plano não vai estar indo embora. Na verdade, é compatível com o design de materiais, bem como ser sensível e mínima. Haverá um foco em desligar o que não é necessário para que eles possam se concentrar no que é. A tendência será encontrar o equilíbrio perfeito entre os dois. O plano não tem de significar chato.

design de material é baseado em 3D. É a melhor escolha para aqueles que querem algum design visual elegante. Material design dá-lhe alguns dos elementos de design para trás. Você não está preso com apenas ter cores sólidas ou não ter animação.

Material design se concentra em dispositivos móveis primeira medida que mais consumidores estão usando smartphones e tablets como os seus dispositivos primários, também. Ele agiliza o site e acelera-lo. Esperar material de concepção para se tornar o padrão na web design.

Tipografia

Tipografia

Imagem por http://www.pinkbowcity.com/

O aumento das resoluções e projetos que respondem torná-lo possível para melhorar a tipografia, que é por isso que é uma das tendências de web design que simplesmente deve incluir aqui. Tipografia pode ser mais colorida e se destacam. Ele pode fazer uma declaração. Duas tendências que eu vi com tipografia são o uso de serifas e mão-escrito. Cada um tem usos específicos.

  • Serifas ajudar a melhorar a legibilidade. Eles foram removidos anteriormente devido às telas de baixa resolução e tamanho de tela. Resoluções de tela e tamanhos estão ficando maiores. Além disso, desenhos de layout é mais limpo e deixar espaço para fontes mais elegantes. Esperar para ver serifas mais vezes dentro do próprio conteúdo.
  • Caligrafia é mais pessoal. Se for feito corretamente, ele é bonita e dá um toque especial para um site. Assim como serifas, o desafio é manter o estilo legível e de fácil leitura em telas pequenas. Mão-escrita vai ser maioritariamente utilizado em logotipos, cabeçalhos, títulos pós, menus, cartões de visita, e assim por diante.

Uma coisa a considerar é mais usuários estão consumindo conteúdo em dispositivos móveis. Infelizmente menores dispositivos finais, como o Fire HD 10, exibir resoluções mais baixas. Isso é mais perceptível em telas maiores, porque eles têm uma densidade de pixels inferior devido a ter a mesma resolução que suas contrapartes menores. Uma solução é exibir tipografia baseada na resolução de tela. Isto significa serifas e caligrafia seria exibido em dispositivos móveis para telas de alta res enquanto telas com resoluções mais baixas poderia receber uma fonte que é mais adequada para a sua resolução. É claro que as velocidades de servidor e o tempo de carregamento têm de ser tomadas em consideração.

móvel UX

móvel UX

Imagem por Vasabii / shutterstock.com

Não só tipografia tornar-se mais adequada para telas de celulares e resoluções, mas a navegação, formulários, imagens e recursos específicos de dispositivos móveis (como GPS) terão o foco do design. A utilização de imagens irá variar um pouco.Onde as imagens serão utilizadas tenham sido utilizados para efeitos e texto, CSS e fontes fantasia para efeitos e texto será utilizado para o texto. Isso reduz o tempo de carregamento da página e carga do servidor.

eventos de toque estão se tornando mais proeminente. Mais sites estão usando plugins para lidar com eventos como toque e furto. Isso leva websites além de apenas ser sensível ao tamanho da tela, mas também para o tipo de tela, tamanho de um dedo, a quantidade de pressão utilizada, etc. Botões e campos tem que ser grande o suficiente e têm uma distância suficiente entre eles para que eles não for atingido acidentalmente . O que nos leva a layouts móveis.

Layouts móveis

regras minimalismo para dispositivos móveis. Alguns elementos da área de trabalho pode ser escondido quando o site é visualizado em um dispositivo móvel. Outros elementos vai ser ajustada ou modificada, dependendo do tamanho da tela e tipo.Isso permite que a mensagem para caber na tela. Retirar os elementos que são menos importantes e ajustá-lo para a tela, sem perder a mensagem.

Apresentações de slides, imagens, botões, elementos, menus, e assim por diante deve ser desenvolvido com móveis em mente. Felizmente, Material projeto traz de volta os elementos visuais de modo sites não tem que olhar simples no celular. Além disso, é possível processar uma imagem com um tamanho ou resolução diferente dependendo do tamanho do ecrã. Isto irá acelerar a página de carregamento e as imagens ainda ficará muito bem em dispositivos móveis.

Mais Imagery, menos texto

Mais Imagery Divi

Divi Café Demonstração ao vivo

Os consumidores tendem a olhar mais para fotos e vídeo e menos ao texto. Isso cria um equilíbrio entre SEO e UX. Os motores de busca preferem texto que pode indexar.Isto irá mover o conteúdo rich-text para sub-páginas e conteúdo rico em imagem para a homepage. Se o texto for necessário para a página inicial, tentar colocá-lo sob o imaginário. Alvo os usuários de primeira e os motores de busca segundo.

Navegadores estão se tornando mais rápido a imagens de renderização. Isto significa que as imagens podem ser maiores com resoluções maiores do que antes. Esperar uma maior ênfase em imagens de alta qualidade e obras de arte.

Telhas Substituído com Cartões

Cartões

módulo de alvenaria blogue tema extra

Nós vimos muitos projetos baseados em azulejo em 2015. Pinterest feitas (ou ajudaram a fazer) a concepção popular. Cartões de levar o projeto a um nível mais profundo, adicionando funcionalidade e interatividade. Eles podem fornecer mais informações, utilizando efeitos de foco, por virar as cartas, expandindo-los, e muito mais. Eles são um grande elemento de design que coloca o foco em imagens e oferecem uma maneira útil e ajudar a tornar o conteúdo fácil de ver de relance. Eles essencialmente criar layouts de grade, minimizando o conteúdo.

Storytelling dinâmica

história movida

narrativa dinâmica funciona contando uma história através de gráficos com suporte textual. Esta é uma das tendências de web design que tenha ocupado popularidade por alguns anos agora. Ele orienta os visitantes através de um processo de pensamento ou um cronograma. Pode mostrar os benefícios de um produto ou serviço, a história de uma organização, ou qualquer coisa que você quer que seus visitantes para saber sobre você ou sua empresa. Isso pode ser um vídeo ou uma apresentação que é automatizado ou um que pode percorrer-se clicando ou rolagem.

Isto requer um elevado nível de habilidade gráfico e tem de ser feito com cuidado e habilidade de forma a olhar para a direita. Ela exige storyboards, sabendo mensagem do seu site, e como transmitir essa mensagem. Deve destacar benefícios e recursos da forma mais sucinta possível com o equilíbrio certo entre gráficos e texto.Demasiada de qualquer um deles pode resultar em uma UX que está fora de foco, esmagadora, ou ambos.

Maior foco em Comentários Sociais

sociais Comentários

Imagem por Sociais Comentários / https://wordpress.org/plugins/social-comments/screenshots/

WordPress tem um grande sistema de comentários, mas mais leitores tendem a deixar comentários nas redes sociais do que em sites próprios. Para capturar comentários sociais, a tendência continua a se mover em direção a mais sites usando sistemas comentando sociais, em vez de o sistema de built-in WordPress comentando. Isso garante os visitantes podem comentar usando suas contas sociais e / ou qualquer mídia social menciona são apanhados e exibido diretamente no seu site.

Maior foco no conteúdo, menos foco em anúncios

Ao longo dos últimos anos, os leitores se tornaram cegos para anúncios dentro de barras laterais. Homepages ter deixado de ser uma bandeira para o conteúdo e anúncios, de ser uma página de destino atraente com grandes efeitos visuais. Eles contêm mais visuais do que o texto e os anúncios mudaram-se para o conteúdo propriamente dito. Isso requer uma grande disposição para dar espaço para eles, o que nos leva a …

Maior foco no Artigo Layouts

layouts artigo

Divi Café Vida Demonstração

Nós vimos de arrastar e soltar plugins do construtor que vamos criar homepages, mas há também uma necessidade de projeto de layout dentro das próprias mensagens.Sistemas que permitem para o projeto de layout post será popular como os usuários podem criar layouts com áreas de widgets e módulos lugar, dando seus sites um olhar muito mais elegante e sentir.

Ferramentas de designer

Existem algumas ferramentas interessantes para ajudar os designers para sites de protótipos e layouts de design que tenham desembarcado no cenário recente ou são projetados para ser lançado este ano. Aqui estão alguns que eu esperar para ser popular em 2016.

Adobe Projeto Comet

Adobe Projeto Comet

Adobe Projeto Comet chega esse ano. É um aplicativo de plataforma cruzada para projetar o UX do início ao fim. Tem ferramentas para wireframes, design visual, design de interação, prototipagem, e muito mais. Você pode visualizá-lo em qualquer dispositivo. Ele funciona com o Photoshop e Illustrator, e pode ser expandida através de plugins construído pela comunidade. Esta será a ferramenta de desenvolvimento para assistir.

Esboço

Esboço

Sketch é um aplicativo para Mac que muitos estão usando no lugar do Photoshop. Ele tem um ambiente de trabalho agradável e foi projetado especificamente para web e designers de móveis. Ele tem características tais como estilos de camada, efeitos de texto, ferramentas para criar elementos do vetor, e muito mais.

Pensamentos finais

Estas são apenas algumas das tendências de web design que se tornarão mais proeminente ao longo de 2016. É claro que a tendência popular nem sempre é a melhor escolha, mas são boas ferramentas para ter à espera nos bastidores se você precisar deles. Além disso, este processo de encontrar maneiras de se destacar da multidão pode ajudar a empurrar uma tendência para a frente.

Voce quer cria um site profissional, visite a SA Design, somos especialistas em criação de sites para pequenas empresas.