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è)計師的參考,為他們引路。