前兩天在behance上讀了一篇關(guān)于2017年設(shè)計流行趨勢分析的文章呐能,現(xiàn)在分三期翻譯冈在,本文也會結(jié)合一些我的個人觀點,在這里跟大家一起分享站玄。
設(shè)計流行趨勢會受到媒介枚驻、技術(shù)、時尚業(yè)和最近可用性的影響株旷。流行趨勢是逐漸緩慢出現(xiàn)的再登,進(jìn)而擴(kuò)散到其他設(shè)計分支,然后又會以同樣的方式消失晾剖★笔福基本上一種設(shè)計趨勢的生命力大概是1-2年。2017年將會繼續(xù)延續(xù)2016年的流行趨勢齿尽,同時會增加一些新的變化沽损,但是這種感覺我們都眾所周知和熟悉,而且你在過去的幾年里也見到過循头。主要的影響者仍然是谷歌的Material design绵估。
1.半扁平化設(shè)計
在過去的幾年里炎疆,扁平化設(shè)計幾乎統(tǒng)治了界面設(shè)計(網(wǎng)頁與移動端APP界面),但是現(xiàn)在受material design的影響而變得更加多維度壹士。這種轉(zhuǎn)變伴隨著一些光線磷雇,陰影,從而成為了半扁平設(shè)計躏救。扁平設(shè)計依然存在唯笙,但是他經(jīng)歷了一些改進(jìn)。從極簡主義風(fēng)格的扁平化設(shè)計演變適應(yīng)新技術(shù)的發(fā)展盒使,平滑的陰影增加了深度和復(fù)雜性崩掘,而又不會破壞扁平設(shè)計的感覺。
2.動態(tài)靜圖
動態(tài)靜圖不同于我們在網(wǎng)站上常見的傳統(tǒng)GIF圖片少办。這種圖里只有一個元素是動的苞慢,其他都是靜態(tài)。這種技術(shù)使得簡單的照片更加真實的出現(xiàn)在我們的生活中英妓。
3.更多的3D
3D絕對是我們的方向挽放,我們將看到它在所有設(shè)計領(lǐng)域的影響力。隨著VR / AR革命迅速建立勢頭蔓纠,這個領(lǐng)域正在演變相當(dāng)快辑畦。
4.動畫
動畫是去年網(wǎng)頁設(shè)計流行趨勢最大的事情之一,GIF/svg/Web GL ss或者是視頻腿倚,越來越多的出現(xiàn)在web與移動端的設(shè)計中纯出。
5.loading頁面
潛在的營銷目的和為更好的針對用戶體驗產(chǎn)品,2017年我們會看到更多的loading頁面設(shè)計敷燎。
6.幾何圖形暂筝,圖案,線條和圓
這種始于去年的流行趨勢在今年將會繼續(xù)的延續(xù)硬贯,我們可以看到個性化的網(wǎng)站設(shè)計都會加入一些圖形焕襟,不管是平面的還是帶有一些平滑陰影。
7.鮮艷的顏色
使用鮮艷的顏色來表現(xiàn)饭豹,material design和flat design通過鮮艷的顏色完美的結(jié)合胧洒,你可以使用谷歌提供的調(diào)色板,來選擇和配對你想要的顏色墨状。
8.創(chuàng)新滾動和視差
這個視覺的想法是非常棒的,添加一個獨特的元素到任何網(wǎng)站菲饼。從多層視差到視頻視差肾砂,一切變得皆有可能。
在WordPress插件中宏悦,允許你用一個或者更多圖層創(chuàng)建漂亮的視差镐确。用你想要的方式合并和創(chuàng)建圖層包吝。我們創(chuàng)建了12中不同的例子來引導(dǎo)你從第一步到美麗的多層世界。來玩圖層吧~
9.顏色漸變
漸變色是目前最流行的設(shè)計趨勢源葫。在從2016年Instagram更換logo以后诗越,這種風(fēng)格影響開始變得越來越強(qiáng)大。從logo到button或者圖片的覆蓋息堂,這種流行趨勢開始無處不在嚷狞。
10.響應(yīng)式設(shè)計
2015和2016年移動瀏覽量增加。平板電腦和智能手機(jī)是瀏覽頁面和網(wǎng)站的首選入口荣堰,而且這種趨勢還會持續(xù)下去床未。任何網(wǎng)站不專注于響應(yīng)網(wǎng)頁設(shè)計需要盡快升級!
11.自定義圖形和插畫
相片仍然是非常受歡迎的振坚,但定制圖形和插圖的使用薇搁,在2016年有明顯著增長,并且在2017還有會更多渡八。如果你想要一個任何訪問者都能記住的網(wǎng)站啃洋,那就聯(lián)系設(shè)計師,少用素材屎鳍,多原創(chuàng)獨特的形象宏娄。
12.留白與網(wǎng)格
在過去幾年中,網(wǎng)頁設(shè)計大多采用有組織有序的網(wǎng)格設(shè)計哥艇,但在2016绝编,我們看到了一個相當(dāng)大的轉(zhuǎn)變,不規(guī)則層和超現(xiàn)代設(shè)計貌踏。
13.講故事
網(wǎng)站用講故事的方式十饥,說服客戶留在頁面上。故事性的吸引比閱讀簡單信息更有趣祖乳。
14.延遲加載
延遲加載在長的web頁面中延遲逗堵,基本上它允許信息出現(xiàn)在它需要的點。
15.拆分內(nèi)容
拆分內(nèi)容在響應(yīng)式網(wǎng)頁設(shè)計中越來越流行眷昆,它將屏幕分成兩個或兩個以上的部分蜒秤。一個分屏網(wǎng)站將在一個頁面上向觀眾展示幾個同樣重要的信息。這種趨勢自2015年底開始流行亚斋,在2017它將進(jìn)一步增長作媚,并可能在許多網(wǎng)站上看到。
16.全屏形式
不需要去另一個頁面填寫一個表格帅刊,因為新的網(wǎng)站都配備了全屏幕形式纸泡,適應(yīng)響應(yīng)設(shè)計。
17.視頻無處不在
視頻內(nèi)容在去年增加赖瞒,人們要求高質(zhì)量的視頻來講故事女揭。在網(wǎng)站上用視頻展示產(chǎn)品的視頻項目蚤假,這能吸引用戶關(guān)注。
18.SEO的重要性
SEO(搜索引擎優(yōu)化)吧兔,在網(wǎng)站中非常重要磷仰,一個漂亮的網(wǎng)站沒有好的SEO那就是落后于包裝。形式高于內(nèi)容的表現(xiàn)境蔼。
19.隱藏導(dǎo)航
漢堡包菜單創(chuàng)建許多贊成和反對的爭論灶平,tusers找到菜單是多么的難,但有一點是肯定的-這種趨勢是在這里留下來的人最終會習(xí)慣它欧穴。
20.微小的細(xì)節(jié)設(shè)計
關(guān)注細(xì)節(jié)的設(shè)計民逼,真的很重要。小細(xì)節(jié)(如導(dǎo)航點到角落的標(biāo)志)專注于小細(xì)節(jié)涮帘,直至完成工作拼苍。