沒靈感?這里是最全的15個設(shè)計風格總結(jié)!

2017-2-24    資深UI設(shè)計者


如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里


今天要給大家分享的是Behance上的一篇2017設(shè)計趨勢總結(jié),雖然前陣子美丫姐在微博上還吐槽了近段時間各種設(shè)計趨勢總結(jié)追風成影,但這篇還是很打動我的。因為它實在是太全面了,并且案例收集的非常精良。完全可以當做一個龐大的靈感庫,時不時拿出來看看也是極好的!

下面是美丫姐的小伙伴阿昕翻譯的中文版本,希望給大家?guī)韼椭?

01. 半扁平化設(shè)計

過去純粹的扁平化設(shè)計幾乎統(tǒng)治了整個網(wǎng)頁設(shè)計市場,但今年由于具體化設(shè)計的影響,今年的網(wǎng)頁設(shè)計會變得更加趨向于立體化。這種轉(zhuǎn)變將體現(xiàn)在一些光和陰影的運用,成為所謂“半扁平化設(shè)計”。扁平化設(shè)計的興起是為了適應(yīng)現(xiàn)代科技推崇的極簡化設(shè)計風格。扁平化設(shè)計仍會存在,但已不再被大量發(fā)展并使用。適量漸變陰影的使用將會在保留其簡約風格的基礎(chǔ)上使扁平化設(shè)計更加復雜和寫實化,這將會是融入2017年設(shè)計趨勢的一個特點。

uisdc-style-20170209-1uisdc-style-20170209-2uisdc-style-20170209-3

02. 動態(tài)照片

所謂動態(tài)照片不是我們在各網(wǎng)站上看到普通的gif圖,而是一張靜態(tài)的照片,其中有一個動態(tài)的元素。這項技術(shù)讓一張普通的照片有了一些生氣和活力。

uisdc-style-20170209-4uisdc-style-20170209-5

03. 更多3D

3D元素絕對是今年的主力,我們很快會看到它更多的出現(xiàn)在所有的設(shè)計領(lǐng)域里。時下VR技術(shù)勢頭正猛,3D設(shè)計元素可能會快速融入我們的生活。

uisdc-style-20170209-6uisdc-style-20170209-7uisdc-style-20170209-8uisdc-style-20170209-9

04. 動畫效果

動畫效果已經(jīng)越來越多的以各種形式出現(xiàn)在網(wǎng)頁設(shè)計上,諸如gifs, SVG, WebGL CSS 或小視頻。動畫形式絕對是去年的最主要的趨勢之一,所以請果斷的使用它。

uisdc-style-20170209-10uisdc-style-20170209-11uisdc-style-20170209-12uisdc-style-20170209-13

05. 幾何圖形、紋樣、線條、圓圈

該趨勢始于2016并且延續(xù)至2017也風頭不減,你可以通過幾個簡單且時髦的幾何形狀就讓你的網(wǎng)站個性化起來。可以使扁平化的或者有淺淺的陰影。

uisdc-style-20170209-14uisdc-style-20170209-15uisdc-style-20170209-16

06. 大膽配色

亮眼的配色能彰顯個性,無論實體化或扁平化設(shè)計都能與之完美融合,你可以用谷歌的色版來安排自己喜歡的配色。

uisdc-style-20170209-17uisdc-style-20170209-18uisdc-style-20170209-19uisdc-style-20170209-20

07. 創(chuàng)造性的視覺角度動態(tài)圖

這樣元素的加入能讓你的網(wǎng)站瞬間變的,通過多角度的圖層或者多角度拍攝的影片來完成,可以用來拍攝任何事物。

uisdc-style-20170209-21uisdc-style-20170209-22

08. 漸變色

漸變色是時下最主要的流行趨勢之一,始于2016且勢頭至今有增無減。像Instagram這樣的業(yè)界大拿甚至將其logo由扁平改成了多顏色漸變。從logo到按鍵和圖片,漸變色的潮流已經(jīng)無處不在。

uisdc-style-20170209-23

09. 手機瀏覽(適應(yīng)設(shè)計)

在2015和2016年,用手機瀏覽的趨勢開始增長。平板和智能手機現(xiàn)在已經(jīng)逐漸超越了臺式和筆記本成為了人們?yōu)g覽網(wǎng)站的第一選擇,并且會持續(xù)普及下去。任何不能適應(yīng)手機端瀏覽的網(wǎng)站都需要考慮升級啦。

uisdc-style-20170209-24

10. 自定義插圖

插圖仍然很流行,但在2016-2017年將會流行一個新的特征:自定義的圖標和插圖。如果你想要一個并讓人印象深刻的網(wǎng)站,去找一個數(shù)碼設(shè)計師吧。少點陳舊多些創(chuàng)新,你會得到你的插圖。

uisdc-style-20170209-25

11. 巧用中性空間和網(wǎng)格

過去幾年里,網(wǎng)站的排列大都規(guī)律的按條條框框排列好,但在2016年我們看到很多網(wǎng)站開始用更自由,不規(guī)律的方式排列內(nèi)容,使設(shè)計更超現(xiàn)代化。

uisdc-style-20170209-26

12. 內(nèi)容劃分

因為適應(yīng)網(wǎng)頁設(shè)計的需要,內(nèi)容的分割變得更加重要,能把屏幕的內(nèi)容劃分為兩個或更多部分。一個劃分清晰的網(wǎng)站能夠同時展示給觀者多個同等重要的信息。這一趨勢始于2015年末,但在2017年會發(fā)展的更遠,并且很可能會出現(xiàn)在更多網(wǎng)站上。

uisdc-style-20170209-27

13. 穿插視頻

網(wǎng)站里的視頻內(nèi)容在去年開始增加,并且人們更多的希望看到能通過高質(zhì)量的視頻講好一個故事。一個網(wǎng)站里的視頻可以很短,或者循環(huán)播放。通過更高的攝影藝術(shù),能讓觀者對故事保持興趣。

14. 隱藏導航欄

關(guān)于如何讓用戶快速找到隱藏的菜單欄這個問題,一直都有很多爭論。但有一點是確定的,趨勢已經(jīng)無法阻擋,人們最終會習慣的。

uisdc-style-20170209-28

15. 微小的細節(jié)設(shè)計

對于細節(jié)設(shè)計的追求在今年變的尤其重要,從導航欄等主要細節(jié),到角落的logo等微小細節(jié)都不能放過才算完成。

uisdc-style-20170209-29uisdc-style-20170209-30

大家經(jīng)常會提出 沒有靈感怎么辦 這類問題。

但其實對于設(shè)計的理解就好像是小孩在最初認識語音和文字一樣,輸入性的學習很重要。如果在小的時候沒有人教我們認識漢字的字形和讀音,那么我們可能一輩子也不知道這些漢字的意思和讀音。

所以一定不要忘記多看多練!沒有誰的靈感是與生俱來的!

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔