爆火|2017設計師不能不知道的設計趨勢指南! 2017-02-17 14:04

每年我們在設計上都會學到新東西,2016年也不例外。我們在去年發布的關于設計趨勢的文章非常
成功,所以決定再預測一波2017年的設計趨勢,馬上開始!

 

設計趨勢會受到媒體、技術、時尚的潮流以及可用性的影響。設計趨勢是緩慢、逐漸的滲透到所有設
計的分支中的,消失亦然。 一個設計趨勢或潮流的生命周期大多不會超過1-2年。2017年的設計趨
勢會繼續16年的材質化(materialized)傾向的同時,增加一些新的改變,這些改變可能已被大家
所熟知,甚至在過去幾年你也已經見過。其中影響著趨勢的,最主要還是Google的Material Design
和它經歷的一些變化。

 

 

01. 半扁平的設計

 

在過去幾年,扁平化幾乎統治了網頁設計,但因為Material Design的影響,設計走向更加多維度,
往空間上發展。這個轉變從增加輕投影開始,走向“半扁平”的設計。

 

扁平化是因為需要更符合開發技術,減少設計樣式而進化出來的,扁平仍然流行,只是不斷在改進。

 

柔和平滑的漸變投影既為扁平化設計增加了深度和豐富性,又不會破壞扁平設計的感覺。這是扁平趨
勢的一個新做法,并且在2017年會繼續進化。


 

----------

案例項目: Resourсe | UI/UX Tool for Web Services

作者: Ruslan LatypovLS GraphicsAnton Mishin




 

----------

Project: Listener's Playlist

Author: Anzi .
 

02. 動態攝影(Cinemagraphs)

 

動態照片不是指我們在web上常見的gif圖。他是指只有少數元素移動的靜態圖片。這個技術使得一個
簡單的圖片更加生動。






 

03. 更多3D效果

 

 

3D絕對在帶領著潮流,我們很快就會看到它對所有設計領域的影響。隨著VR/AR迅速在整個行業進行
的革命,這一領域會發展得像飛鏢那么快。


 

----------

案例項目: LUV.IT

作者:  AARON MARTINEZ



 

----------

案例項目: Open Annual Awards

 

作者: TAVO


 

-----------

案例項目: Air Max '17

作者: Berd -Lukas Vojirmark haleyOliver HarrisJeff Thomson


 

----------

項目案例: NIKE F.C. | 3D Golden balls in the real world

作者: TAVO


 

----------

項目案例: Better You Brand

作者: Craig MinchingtonSatellite OfficeBrand Nu
 

04. 動畫

 

動畫越來越多的運用在web設計上,它可能是gif、svg、WebGL CSS 或視頻格式。動畫絕對是web
設計界去年最大的流行趨勢,所以抉擇是否要用動畫的時候不用猶豫。


 

----------

項目案例: Nickelodeon Kids Pick The President

 

作者: JeanPierre Le Roux


 

----------

項目案例: AR Virtual Fitness Coach App | AR 虛擬健身教練

作者: 曲 植Daz_Qu


 

---------

項目案例: UI Collection in Motion

作者: Minh Pham


 

---------

項目案例: ZH OURO- Rio 2016

作者: Leo NatsumeGuilherme Maron
 

05. 登錄頁面

 

2017年,由于市場營銷和更好的針對目標的游客用戶,我們會看到更多關于登錄頁面的出色設計。
 

06. 幾何形狀、圖案、線條和圓圈圈

 

 

這個潮流從2016年開始,絕對會延續到2017年。你可以通過簡單增加一些富現代感的形狀、平面
圖形或一個柔和的投影來做好一個網站。


 

----------

項目案例: Pfizer - Active and 50+ for The New York Times

 

作者: justyna stasikVladimir Marchukov


 

---------

項目案例: DRAP.agency Branding

Mireldy DesignFilip Gjurin


 

07. 大膽的色彩

 

使用大膽的顏色來表達自己的觀點。Material design和扁平化設計和大膽的色彩真是超級搭。使用
Google提供的色板或自己搭配使用都可以的。




 

---------

Project: Edris - Logo Designed by MiLo

 

Author: Loredana Papp-DineaMihai BaldeanMilo Themes


 

---------

項目案例: Rendered — Responsive Demo Website for Adobe

Serge Vasil


 

----------

項目案例: b2mach

作者s: Natalia ŻerkoKuba EnzowskiKommunikat Studio
 

08. 有創意的滾動和視差

 

在任何網頁通過這個視覺創意增加獨特的元素效果都會很棒。無論是多層的視差或是視頻的視差,都
有可能。

 

介紹下D.ex Multilayer Parallax這個產品。它是在 Loredana Papp和Mihai Baldean的帶領下由
Milothemes公司開發。在Envato Market / codecanyon.net上可以購買到。



D.ex Multilayer Parallax是一個Wordpress的插件,你可以使用它創造非常漂亮的多層視差區域。
你還可以有創造力的通過任何樣式組合不同的層。我們創建了12個不同的樣例供你參考,玩得開心
喲。


 

購買 D.ex Multilayer Parallax for WordPress

---------

項目案例: F — mdls

 

作者: Adencys
 

09.

色彩漸變

 

顏色漸變是當下最流行的趨勢。從2016年開始迅速蔓延,特別是在Instagram決定改變他們原有的
logo,改成一個大漸變后。從logo到按鈕到圖像的疊加處理,這個趨勢無所不在。


 

10. 動端的瀏覽(響應式設計

 

 

2015-2016年移動端的設備大量增加。當說到瀏覽網頁時,平板和智能手機已經超過電腦、手提電腦
成為第一選擇,而且這個趨勢還會繼續。任何沒有把響應式設計做好的網頁,都應該馬上,是馬上升級!


 

---------

項目案例: Responsive Website Animation

 

作者: Muharrem Senyil
 

11. 個性化的圖形和插圖

 

圖片庫的圖片依然很流行,但有一個新的趨勢在2016年有明顯的增長,2017年會依然保持的:用自
己定制的圖形和插畫。如果你想自己的網站有一個獨特的形象,讓用戶可以記住,聯系一個數字插畫
設計師吧。少點圖庫,更多的原創,獨特的圖像。


 

--------------------------

 

傳送門: Margarita Mar


 

12. 創造性地使用中立空間和柵格

 

在前幾年,網頁設計很講究列和網格。但在2016年,我們看到相當多轉移到不規則的圖層和更現代
的設計。


 

13. 講故事

 

 

網站現在都通過講故事的方式來說服用戶留在這個頁面。比起平鋪直敘的文字,人們從故事中受到
的感染會更多。

 

14. 延遲加載

 

 

長網頁的的圖片都通過延遲加載的方式來進行,在需要的時候才加載信息。


 

15. 分割的內容

 

 

在響應式的網頁設計里,分割的內容變得越來越流行,它把屏幕分割成兩部分或者更多的區域。分割的
做法能在一個頁面里給用戶傳達幾部分同等重要的信息。這個趨勢在2015年后期開始流行,在2017年
將運用到更多的網站上。


 

16. 全屏展示

 

 

當全屏的內容做好響應式設計后,再也沒有必要為了填一個表格而跳轉頁面,在當前頁面完全可以操
作完成并有更好的體驗。


 

17. 視頻無處不在

 

 

視頻內容在去年有大量的增長,人們需要高清質量的視頻內容來講好一個故事。而網站上的視頻可以
是短的、重復播放的,通過展示產品或拍成電影的內容讓用戶對故事保持興趣。


 

----------

項目案例: Hillsong

 

作者: Ruslan Siiz
 

18. SEO搜索引擎優化很重要

 

搜索引擎優化對于網站來說很重要,如果一個很漂亮的網站卻在SEO上沒做好,就很難被用戶搜到。


 

19. 隱藏的導航

 

對于漢堡包菜單按鈕難以被用戶發現這個觀點,有很多贊成和反對的討論。但有一點是肯定的,這個
趨勢還是會存在,人們終有一天會習慣它。


 

20. 微小的設計細節

 

 

對于細節設計的專注真的很重要。例如導航的圓點的設計,角落的logo 設計,都需要專注在細小的細
節上,才能把工作做好。


 

----------

項目案例: Barometa - Next-generation Job Platform

 

作者: Netguru TeamŁukasz Pachytel


 

------------------

傳送門: Konstantin Zhenchu

來源:站酷網


 

 


 

 


 


返回
有心意 更有新意
歡迎撥打
  0931-7654770
18193177387
蘭州點下品牌設計有限責任公司 (蘭州市安寧區安寧西路561-1號金盛科技花園8幢101) 隴ICP備17000456號-1
色丁香,我想用我的乌龟蹭你的扇贝小说,黑人巨大精品欧美一区二区,欧美性爱动态图