2019年接近尾聲，優(yōu)秀的ui設(shè)計師們是否該準(zhǔn)備為你們的2019年做個總結(jié)呢？每年總結(jié)的重要性對于設(shè)計師可以說是不言而喻的，最好將自己的作品整理一份作品集，作品集不僅是設(shè)計師設(shè)計能力的最好證明，更是一塊求職時的金牌敲門磚。做好總結(jié)也該為未來的2020年做一份簡單的規(guī)劃了，接下來就是小編通過對2019年ui設(shè)計案例總結(jié)出的2020年ui設(shè)計案例的一些指導(dǎo)，看了一定能讓你靈感爆表。

作為一個優(yōu)秀的ui設(shè)計師，平時參考一些作品集網(wǎng)站是必不可少的，俗話說創(chuàng)新=模仿+改良，知彼知己百戰(zhàn)不殆！想要設(shè)計出優(yōu)秀的作品就要先去借鑒別人的優(yōu)勢，小編總結(jié)了一下比較優(yōu)秀的設(shè)計師作品供大家參考。

1、Yitong

Yitong目前在舊金山的Coinbase工作，他不僅熱愛設(shè)計，對技術(shù)更是充滿熱情，用他自己的話說，“在設(shè)計過程中使用技術(shù)，設(shè)計師就可以創(chuàng)造出更加優(yōu)質(zhì)的產(chǎn)品，甚至是一些超越了技術(shù)限制的產(chǎn)品，這樣，我可以在工作中取得更好的成就。”

他的作品集有簡潔清晰的導(dǎo)航，作品集一共分為3個部分：作品展示，關(guān)于我和郵箱。Yitong很巧妙地展示了他豐富的工作經(jīng)驗，他的每份作品都有精美封面，有些是產(chǎn)品高清圖，有些是生動的GIF，有些甚至直接以視頻的形式展現(xiàn)，他還細(xì)心的在每個項目里做出了總結(jié)。

（圖片來自網(wǎng)絡(luò)）

2、Jeremiah Shaw

Jeremiah Shaw是一位專注于3D插畫、動畫、界面設(shè)計和品牌塑造的設(shè)計師。他目前在Google為兒童設(shè)計3D游戲，曾任職于Dropbox，Apple和Color Labs。他作品集的導(dǎo)航比較獨特，沒有遵循常見的風(fēng)格，而是設(shè)置在右側(cè)邊欄。Shaw使用了高級感的黑色，白色字體和彩色幾何圖形來形成對比，展現(xiàn)了很好看的界面效果。

Shaw在作品詳情頁還詳細(xì)展示了他的每一件設(shè)計作品，你可以看到作品的整個設(shè)計過程。例如他的作品Geo Jam Band，從鉛筆素描到最后的場景運(yùn)用，涵蓋的設(shè)計過程包含了鉛筆素描、建模、顏色、動畫、聲音、音軌、場景和設(shè)置。

3、Balraj

Balraj是一位居住在英國倫敦的自由職業(yè)設(shè)計師。他熱衷于用戶界面設(shè)計，也會寫代碼。他的作品集看起來專業(yè)而高級。Circularchaos看起來更像是一個個人專屬網(wǎng)站，而不僅僅是一個作品集網(wǎng)站。他的網(wǎng)站主要包括5個部分：首頁、關(guān)于我、設(shè)計流程、作品集和聯(lián)系頁面。

       可以在他網(wǎng)站的作品集頁面查看他的作品，其中的分類也很細(xì)，包含：動畫、品牌、編碼、插圖、交互、演示、UI設(shè)計和用戶體驗設(shè)計。另外，Balraj還分享了他的設(shè)計流程，主要包含用戶需求、頭腦風(fēng)暴、用戶體驗設(shè)計、視覺設(shè)計、原型設(shè)計、動畫和測試。這是一種可以快速迭代且適應(yīng)性強(qiáng)的設(shè)計流程，可以很好的解決用戶需求。

（圖片來自網(wǎng)絡(luò)）

接下來言歸正傳分析下2020年的ui界面設(shè)計趨勢，給大家即將到來的一年提取一些設(shè)計風(fēng)格走向。

Dark Mode 黑夜模式

       黑夜模式無疑是今年比較熱的一個設(shè)計方向，為什么這么說？

首先是Google材料設(shè)計語言更新了，增加暗夜模式。同時今年Q3季度蘋果發(fā)布IOS13設(shè)計語言系統(tǒng)，里面增加暗夜模式。

不用說后續(xù)很多APP應(yīng)用都會跟隨兩大廠商更新這個黑夜模式設(shè)計方向，無疑2020年這個將會持續(xù)。黑夜模式出現(xiàn)為減少用戶眼睛疲勞，提升產(chǎn)品使用體驗。

Blank design 留白設(shè)計

      今年下半年觀察到Facebook旗下的Messenger應(yīng)用和前段時間雅虎更新他們家品牌語言的同時，也重新設(shè)計他們家所有產(chǎn)品。

我們可以看到如下應(yīng)用截圖，基本去分割線，通過留白區(qū)分層級。這樣的好處可以減少分割線對內(nèi)容的干擾，界面呼吸感增強(qiáng)，達(dá)到簡約設(shè)計的目的。

Apple Design 蘋果設(shè)計風(fēng)格

       蘋果風(fēng)一直盛行至今天，包括大圓角卡片設(shè)計、大標(biāo)題、粗字體。蘋果今年剛剛更新的IOS13設(shè)計語言同樣的是增強(qiáng)了卡片設(shè)計。

這種風(fēng)格將會在2020年繼續(xù)盛行，因此作為設(shè)計師我們更應(yīng)該提前去對這種趨勢熟練掌握。

      卡片設(shè)計作為承載內(nèi)容的容器，其實更適用今天移動互聯(lián)網(wǎng)的大方向，因為卡片可以作為一個容器封裝復(fù)雜的內(nèi)容，使得模塊層級區(qū)分明顯，適配性也是更強(qiáng)，更聚焦，來看下具體案例。

（圖片來自網(wǎng)絡(luò)）

Brand 品牌滲透

      為什么要說品牌滲透？Google 在系統(tǒng)設(shè)計語言里面增加圖形特征模塊，是什么？就是通過連接品牌元素到產(chǎn)品設(shè)計中。

      到今天很多應(yīng)用已經(jīng)開始熟練掌握這種設(shè)計思路了，比如運(yùn)用到圖標(biāo)里面或者界面設(shè)計中。

      蘋果雖然沒有很明確公開說明，但是我們可以從蘋果家族設(shè)計語言可以看出，包括線下體驗店、手機(jī)硬件、包裝盒以及各種各種物料設(shè)計，都是一種白色語言設(shè)計風(fēng)格。

通過顏色與圖形特征做品牌區(qū)分，蘋果算是目前做的最好的，史無前例。那么這種趨勢在2020將會一直保持。

Grid Design 網(wǎng)格化布局

網(wǎng)格化是一切設(shè)計系統(tǒng)的基礎(chǔ)，Materials Design,Apple Design,IBM Design,Naver Design,等等這幾家在設(shè)計語言基礎(chǔ)上對網(wǎng)格研究與應(yīng)用算是比較成熟的，Naver方形網(wǎng)格，Google的8px網(wǎng)格，IBM 2PX網(wǎng)格，蘋果其實沒有很強(qiáng)調(diào)他們家網(wǎng)格系數(shù)，其實我們可以細(xì)看他們的設(shè)計規(guī)范，已經(jīng)提到8px Grid。因此網(wǎng)格化布局在2020將是非常重要的一個工具。

（圖片來自網(wǎng)絡(luò)）

Motion 微動效

5G時代已經(jīng)到來，加上目前硬件升級，動效的普及已經(jīng)不再是難題。我們可以慢慢發(fā)現(xiàn)目前很多產(chǎn)品設(shè)計里面都開始加入動效，來提升產(chǎn)品體驗，同時動效也有很強(qiáng)的指導(dǎo)性質(zhì)。

在某些場景下，使用動效能夠很好與用戶進(jìn)行互動交流，因此在2020年動效的使用將會越來越多。

3D Animation 3D動畫

隨著硬件升級，5G時代開始大面積推廣與普及，在應(yīng)用程序里面使用3D動畫來展示產(chǎn)品是一個很不錯的選擇，3D更加貼近真實物理環(huán)境，貼近我們生活。

這些案例指導(dǎo)并不是憑空而來的，它是是伴隨著外在關(guān)系一起存在的。比如5G來了，那么自然視頻領(lǐng)域肯定是未來值得期待，硬件升級自然能支持更多的設(shè)計元素融入產(chǎn)品里面。因此作為設(shè)計師我們要多觀察這個行業(yè)、多看、多思考，來掌握未來產(chǎn)品設(shè)計方向。

       希望小編對ui設(shè)計的建議能給你帶來一些新的靈感，讓你在新的一年里，能做出更多優(yōu)秀的設(shè)計作品，未來的某一天你的設(shè)計作品也會成為更多ui設(shè)計師的參考，為他們引路。