廣告人必看丨2017設(shè)計趨勢指南
執(zhí)牛耳網(wǎng)編輯Aira 發(fā)表于 2017-02-19 16:21
閱讀數(shù)： 2595
每年我們在設(shè)計上都會學(xué)到新東西，2016年也不例外。我們在去年發(fā)布的關(guān)于設(shè)計趨勢的文章非常成功，所以決定再預(yù)測一波2017年的設(shè)計趨勢，馬上開始！
設(shè)計趨勢會受到媒體、技術(shù)、時尚的潮流以及可用性的影響。設(shè)計趨勢是緩慢、逐漸的滲透到所有設(shè)計的分支中的，消失亦然。 一個設(shè)計趨勢或潮流的生命周期大多不會超過1-2年。2017年的設(shè)計趨勢會繼續(xù)16年的材質(zhì)化（materialized）傾向的同時，增加一些新的改變，這些改變可能已被大家所熟知，甚至在過去幾年你也已經(jīng)見過。其中影響著趨勢的，最主要還是Google的Material Design和它經(jīng)歷的一些變化。
01.
半扁平化設(shè)計
在過去幾年，扁平化幾乎統(tǒng)治了網(wǎng)頁設(shè)計，但因為Material Design的影響，設(shè)計走向更加多維度，往空間上發(fā)展。這個轉(zhuǎn)變從增加輕投影開始，走向“半扁平”的設(shè)計。
扁平化是因為需要更符合開發(fā)技術(shù)，減少設(shè)計樣式而進(jìn)化出來的，扁平仍然流行，只是不斷在改進(jìn)。
柔和平滑的漸變投影既為扁平化設(shè)計增加了深度和豐富性，又不會破壞扁平設(shè)計的感覺。這是扁平趨勢的一個新做法，并且在2017年會繼續(xù)進(jìn)化。
----------
案例項目: Resourсe | UI/UX Tool for Web Services
作者: Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov
----------
案例項目: Listener's Playlist
作者: Anzi .
02.
動態(tài)攝影(Cinemagraphs)
動態(tài)照片不是指我們在web上常見的gif圖。他是指只有少數(shù)元素移動的靜態(tài)圖片。這個技術(shù)使得一個簡單的圖片更加生動。
03.
更多3D
3D絕對在帶領(lǐng)著潮流，我們很快就會看到它對所有設(shè)計領(lǐng)域的影響。隨著VR/AR迅速在整個行業(yè)進(jìn)行的革命，這一領(lǐng)域會發(fā)展得像飛鏢那么快。
----------
案例項目: LUV.IT
作者: AARON MARTINEZ
----------
案例項目: Open Annual Awards
作者: TAVO
-----------
案例項目: Air Max '17
作者: Berd -; Lukas Vojir; mark haley; Oliver Harris; Jeff Thomson
----------
項目案例: NIKE F.C. | 3D Golden balls in the real world
作者: TAVO
----------
項目案例: Better You Brand
作者: Craig Minchington; Satellite Office; Brand Nu
04.
動畫
動畫越來越多的運(yùn)用在web設(shè)計上，它可能是gif、svg、WebGL CSS 或視頻格式。動畫絕對是web設(shè)計界去年最大的流行趨勢，所以抉擇是否要用動畫的時候不用猶豫。
----------
項目案例: 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 Natsume; Guilherme Maron
05.
登錄頁面
2017年，由于市場營銷和更好的針對目標(biāo)的游客用戶，我們會看到更多關(guān)于登錄頁面的出色設(shè)計。
06.
幾何形狀、圖案、線條和圓圈圈
這個潮流從2016年開始，絕對會延續(xù)到2017年。你可以通過簡單增加一些富現(xiàn)代感的形狀、平面圖形或一個柔和的投影來做好一個網(wǎng)站。
----------
項目案例: Pfizer - Active and 50+ for The New York Times
作者: justyna stasik; Vladimir Marchukov
---------
項目案例: DRAP.agency Branding
Mireldy Design; Filip Gjurin
07.
大膽的色彩
使用大膽的顏色來表達(dá)自己的觀點。Material design和扁平化設(shè)計和大膽的色彩真是超級搭。使用Google提供的色板或自己搭配使用都可以的。
---------
項目案例: Edris - Logo Designed by MiLo
作者: Loredana Papp-Dinea; Mihai Baldean; Milo Themes
---------
項目案例: Rendered — Responsive Demo Website for Adobe
Serge Vasil
----------
項目案例: b2mach
作者s: Natalia ?erko; Kuba Enzowski; Kommunikat Studio
08.
有創(chuàng)意的滾動和視差
在任何網(wǎng)頁通過這個視覺創(chuàng)意增加獨特的元素效果都會很棒。無論是多層的視差或是視頻的視差，都有可能。
介紹下D.ex Multilayer Parallax這個產(chǎn)品。它是在 Loredana Papp和Mihai Baldean的帶領(lǐng)下由Milothemes公司開發(fā)。在Envato Market / codecanyon.net上可以購買到。
D.ex Multilayer Parallax是一個Wordpress的插件，你可以使用它創(chuàng)造非常漂亮的多層視差區(qū)域。你還可以有創(chuàng)造力的通過任何樣式組合不同的層。我們創(chuàng)建了12個不同的樣例供你參考，玩得開心喲。
購買 D.ex Multilayer Parallax for WordPress
---------
項目案例: F — mdls
作者: Adencys
09.
色彩漸變
顏色漸變是當(dāng)下最流行的趨勢。從2016年開始迅速蔓延，特別是在Instagram決定改變他們原有的logo，改成一個大漸變后。從logo到按鈕到圖像的疊加處理，這個趨勢無所不在。
10.
移動端的瀏覽（響應(yīng)式設(shè)計）
2015-2016年移動端的設(shè)備大量增加。當(dāng)說到瀏覽網(wǎng)頁時，平板和智能手機(jī)已經(jīng)超過電腦、手提電腦成為第一選擇，而且這個趨勢還會繼續(xù)。任何沒有把響應(yīng)式設(shè)計做好的網(wǎng)頁，都應(yīng)該馬上，是馬上升級！
---------
項目案例: Responsive Website Animation
作者: Muharrem Senyil
<p style="padding: 0px; margin-top: 0px; margin-bottom: 25px; font-family: 'Hiragino Sans GB&
0條評論