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

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

1、Yitong

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

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

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

2、Jeremiah Shaw

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

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

3、Balraj

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

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

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

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

Dark Mode 黑夜模式

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

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

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

Blank design 留白設(shè)計(jì)

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

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

Apple Design 蘋(píng)果設(shè)計(jì)風(fēng)格

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

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

      卡片設(shè)計(jì)作為承載內(nèi)容的容器，其實(shí)更適用今天移動(dòng)互聯(lián)網(wǎng)的大方向，因?yàn)榭ㄆ梢宰鳛橐粋€(gè)容器封裝復(fù)雜的內(nèi)容，使得模塊層級(jí)區(qū)分明顯，適配性也是更強(qiáng)，更聚焦，來(lái)看下具體案例。

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

Brand 品牌滲透

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

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

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

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

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

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

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

Motion 微動(dòng)效

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

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

3D Animation 3D動(dòng)畫(huà)

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

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

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