{"id":88575,"date":"2017-01-15T10:38:39","date_gmt":"2017-01-15T08:38:39","guid":{"rendered":"https:\/\/happybrain.it\/web-design-trends-2017"},"modified":"2022-01-28T17:39:03","modified_gmt":"2022-01-28T15:39:03","slug":"web-design-trends-2017","status":"publish","type":"post","link":"https:\/\/happybrain.it\/en\/2017\/01\/15\/web-design-trends-2017\/","title":{"rendered":"Web Design Trends 2017"},"content":{"rendered":"

[vc_row][vc_column width=”1\/1″][vc_custom_heading]Full Immersion[\/vc_custom_heading][vc_column_text]Un’esperienza full immersion. Questo \u00e8 quello che i layout dei siti web cercano di offrire con immagini e video full-screen. La visita diventa un’esperienza in cui l’utente si sente coinvolto attraverso una serie di contenuti emozionali che possano spingerlo a proseguire la visita ed entrare in contatto con voi.[\/vc_column_text][vc_custom_heading]Accendi il colore[\/vc_custom_heading][vc_column_text]Dai energia al tuo progetto con colori vivaci e sperimenta i gradienti. Sono il modo migliore per distinguerti e far ricordare il tuo progetto tra tanti. Il flat design, must have dal 2013, rende i layout chiari e puliti migliorando la navigazione. Le tinte forte possono aiutarti a dimostrare di avere grande personalit\u00e0.[\/vc_column_text][vc_single_image media=”68590″ media_width_percent=”100″][vc_custom_heading]Scrolla e racconta[\/vc_custom_heading][vc_column_text]Se non ami le animazioni, il 2017 non fa per te. Uno dei trends che si affermerano sono le animazioni allo scrolling. Sar\u00e0 un piacere scendere per leggere nuovi contenuti, perch\u00e8 non saprai che cosa aspettarti.
\nDai un’occhiata a questo esempio<\/a>, ma ricordati per\u00f2 di non esagerare! Il tuo sito potrebbe perdere in usabilit\u00e0. Utilizza queste animazioni per permettere di leggere contenuti pi\u00f9 lunghi senza interrompere il flusso di navigazione. Lo storytelling ringranzia![\/vc_column_text][vc_single_image media=”68593″ media_width_percent=”100″ media_link=”url:http%3A%2F%2Fenso.readymag.com%2Feames%2F||target:%20_blank|”][vc_custom_heading]Guarda come mi sposto![\/vc_custom_heading][vc_column_text]Sai che cos’\u00e8 il parallax? Se non lo conosci o non l’hai ancora usato, corri ad informarti. \u00c9 una tecnica applicata soprattutto ai background full screen che permette di posizionare i contenuti su pi\u00f9 livelli per simulare un movimento dello sfondo rispetto al div in primo piano. Occhio per\u00f2 perch\u00e8 Safari non \u00e8 amico di queste animazioni, quindi prima di mettere online non dimenticare di fare un cross-browser test![\/vc_column_text][vc_custom_heading]A, E, I, O, U, Y[\/vc_custom_heading][vc_column_text]Google Font, Typekit e tanti altri hanno reso la vita pi\u00f9 facile a tutti i web designer aumentando la lista di font utilizzabili. Non pi\u00f9 solo font di sistema ma lettering di ogni genere e tipo che diventano essi stessi elementi decorativi.
\nLettere e head che urlano nella pagina e costringono chi guarda a fermarsi e leggere![\/vc_column_text][vc_single_image media=”68595″ media_width_percent=”100″ media_link=”url:http%3A%2F%2Fenso.readymag.com%2Feames%2F||target:%20_blank|”][vc_custom_heading]We card![\/vc_custom_heading][vc_column_text]Preparati a vedere un mare di card e ringrazia il material design. Google infatti certifica che dal 2015 i dispositivi mobile hanno sorpassato definitivamente i desktop nella navigazione. Le card sono elementi che nascono per raccogliere in uno spazio piccolo e limitato, a portata di smartphone, tutti gli elementi fondamentali tra i quali anche una call-to-action efficace. Sono utilizzate dai principali social, primo fra tutti Pinterest, ed ormai fanno parte di qualsiasi progetto di web design. L’introduzione di una leggera ombra (spesso all’hover) ne rende il profilo pi\u00f9 netto e distinguibile.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Images and full screen videos, story telling, bright colors, parallax, cards and trop shadow are the main trends that we will see in the web layouts for this 2017.<\/p>\n","protected":false},"author":1,"featured_media":88576,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236,238],"tags":[235],"class_list":["post-88575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trend-online","category-digital-news","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/posts\/88575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/comments?post=88575"}],"version-history":[{"count":0,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/posts\/88575\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/media\/88576"}],"wp:attachment":[{"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/media?parent=88575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/categories?post=88575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/happybrain.it\/en\/wp-json\/wp\/v2\/tags?post=88575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}