Tendência de sites para 2014 - Purainfo
Home » Artigos » Tendência de sites para 2014
Tendência de sites para 2014
Diego Duarte 4 de dezembro de 2013 Artigos Duvidas ou sugestões? 577 Views
Algumas dicas de Steve Cooper para desenhar seu site em 2014:
Rolagem contínua . Este é um elemento de design que já implementa Forbes . Como você rolar a página é automaticamente levado para a próxima história , sem clicar . Desde que se desloca continuamente , isso muda outros elementos do design. Por exemplo, quando você chegar ao segundo artigo, a menos que você também adicionar navegação flutuante e outros elementos , você perde a " dobra superior . " Muito importante
Fontes maiores. Apesar de não ter feito uma grande reformulação em anos, alguns meses atrás, nós silenciosamente aumentamos o tamanho da fonte em nossas páginas do artigo. No próximo ano , creio que a fonte ficará ainda maior. Uma das principais razões para isso é a resolução da tela melhorada e tamanhos de tela maior dos computadores e outros dispositivos usados ​​agora , o que faz com que os tamanhos de fonte padrão do passado pareçam insignificantes .
Responsive Projeto Mobile. Mencionei anteriormente como móvel está afetando todos os web design. Walker Sands, uma empresa de relações públicas descobriu que os dispositivos móveis são responsáveis ​​por 28 % do tráfego total site em Q3 de 2013, até 67% em relação ao mesmo período do ano passado . Nossos números mostram que o celular agora representa quase 60% ​​do tráfego total em engatado . Esta tendência vem acontecendo há anos e vai continuar a fazê-lo em 2014. A maneira de projetar para isso no passado foi o de criar um site para celular – específico , mas agora sites têm a capacidade de ser mais ágil e para ajustar de acordo com o dispositivo e tela. Isso significa que os editores não precisam manter dois locais completamente diferentes e podem se concentrar em apenas um que responde de forma adequada.
Projeto Flat. Parece que o móvel realmente está dirigindo tudo, a estética plana rapidamente tem passado para o desktop ( para ser justo , o Windows foi plano primeiro). Por exemplo, podemos usar o site de compartilhamento social AddThis e no início do mês eles atualizaram seus botões de compartilhamento para um novo design plano . Parece que o design plano oferece mais do que apenas um novo visual , ela também aumenta a performance . AddThis menciona que os novos botões são 40% menores em tamanho do que os seus mais brilhantes anteriores. Isso realmente faz muito sentido considerar um design plano elimina todos os gradientes e sombreamento que pode rapidamente consomem kilobytes preciosas.
Parallax Scrolling . A primeira vez que vi Parallax Scrolling usado em um site foi em 2012 na reportagem do New York Times , " queda de neve . " Desde então, outros sites têm vindo a utilizar a técnica e parece que em 2014 vai ser uma característica de projeto padrão . Se você não está familiarizado , Parallax Scrolling apresenta a página da web como múltiplas camadas , enquanto que a camada de fundo rola a uma velocidade diferente do que a camada de primeiro plano (na verdade a camada de fundo não pode se mover ) . Outras técnicas também podem ser usadas em conjunto , tal como animação para oferecer alguns efeitos verdadeiramente único e dinâmicos . Nós recentemente postou nosso Guia Holiday Gift 2013 e incluiu uma nova stylus chamada Lápis de FiftyThree . Digo isto porque o site do produto de forma muito eficaz usa essa técnica para decomposição e explicar a lápis . A minha esperança é que esta e as outras tendências de design ajudam a servir de inspiração com o seu próximo redesign.