
此次優(yōu)秀設(shè)計(jì)盤點(diǎn)主要分為以下幾個(gè)維度:
- 2019年優(yōu)秀移動(dòng)App設(shè)計(jì),Top 6!
- 2019年優(yōu)秀網(wǎng)頁設(shè)計(jì),Top 5!
- 2019年優(yōu)秀排版設(shè)計(jì),Top 5!
- 2019年優(yōu)秀動(dòng)畫設(shè)計(jì),Top 5!
- 2019年優(yōu)秀插圖設(shè)計(jì),Top 5!
廢話不多說,快跟隨摹客小伙伴的腳步一起欣賞2019年度全球優(yōu)秀設(shè)計(jì)精選案例吧!
2019年優(yōu)秀移動(dòng)App設(shè)計(jì),Top 6!
1.購(gòu)物類App交互設(shè)計(jì)

設(shè)計(jì)團(tuán)隊(duì):Curberto
年度點(diǎn)贊值:4552
這款優(yōu)秀的購(gòu)物類App設(shè)計(jì)作品出自兩位來自加利福尼亞州的設(shè)計(jì)師之手,重點(diǎn)展示項(xiàng)目是其簡(jiǎn)潔、流暢的交互效果。整體界面以簡(jiǎn)潔風(fēng)格為主,在購(gòu)物車設(shè)計(jì)的主題下,所有的視覺元素和交互設(shè)計(jì)完美的融為一體,和諧而自然。
產(chǎn)品展示和購(gòu)物車商品展示方法打破常規(guī),讓人眼前一亮。商品錯(cuò)位陳列,視覺上清新而不雜亂;購(gòu)物車內(nèi)商品以小小的圓形縮略圖展示,選購(gòu)商品一目了然。
2.谷歌App底部導(dǎo)航欄設(shè)計(jì)

設(shè)計(jì)師:Aurélien Salomon ?
年度點(diǎn)贊值:4545
這款設(shè)計(jì)主打極簡(jiǎn)風(fēng)App底部導(dǎo)航欄設(shè)計(jì)。設(shè)計(jì)師巧妙地運(yùn)用流暢的動(dòng)畫和矢量圖標(biāo)設(shè)計(jì)取代常規(guī)的文字加圖標(biāo)的底部導(dǎo)航欄。點(diǎn)擊不同的圖標(biāo),伴隨的是界面色彩的改變,以及被選中功能圖標(biāo)的完整功能展示。
導(dǎo)航欄無比同質(zhì)化的今天,能夠出現(xiàn)破局又能被公眾認(rèn)可的設(shè)計(jì),是非常難得的。編者也不得不佩服設(shè)計(jì)者構(gòu)思的巧妙。
3.文件管理App UI設(shè)計(jì)

設(shè)計(jì)團(tuán)隊(duì):Curberto
年度點(diǎn)贊值:4318
現(xiàn)代都市男女生活中最不能缺少的就是智能手機(jī),衣食住行全靠它。在這個(gè)過程中,手機(jī)里面文件管理也逐漸成為一個(gè)讓人頭疼的問題。這款A(yù)pp設(shè)計(jì)的主要目的就是解決手機(jī)文件管理混亂的問題。下載、圖片、音樂、云文件、本地文件、電影等生活中常見的文件類型在這款A(yù)pp中都可自動(dòng)歸類,查找起來方便省力。
明亮的黃色界面充滿活力,也能緩解用戶查找文件時(shí)焦慮的情緒。
4.Who’s chirping?

設(shè)計(jì)師:Marta Wi?ckowska
年度點(diǎn)贊值:4170
這是一款識(shí)別鳥類語言的App設(shè)計(jì)。盡管它在實(shí)際實(shí)施上還有一定難度,但勝在創(chuàng)意非常棒。精美的插畫也為這款設(shè)計(jì)錦上添花,鳥兒形象栩栩如生,仿佛能身臨其境地聽見鳥兒嘰嘰喳喳的聲音。
5.Gamecoin – 流體滑動(dòng)效果

?
設(shè)計(jì)團(tuán)隊(duì):Curberto
年度點(diǎn)贊值:3943
目前,手勢(shì)滑動(dòng)切換界面的方式在App中應(yīng)用得最多的應(yīng)該是抽屜式的左右滑動(dòng),并且大多數(shù)都是中規(guī)中矩的滑出方式。設(shè)計(jì)團(tuán)隊(duì)Curberto在Gamecoin這款A(yù)pp的設(shè)計(jì)中為滑動(dòng)交互加入了更多的創(chuàng)意元素。
界面切換的范圍、速度受滑動(dòng)的動(dòng)作、力度、快慢變化而呈現(xiàn)出不同的效果。整個(gè)交互過程呈現(xiàn)出的視覺效果如同水珠在荷葉上滾動(dòng)一樣,能夠感受到液體的流動(dòng)感和表面張力。
6.Be You

設(shè)計(jì)師: Quan Ha
年度點(diǎn)贊值:2620
Be You是一款跟蹤心情、記錄重要時(shí)刻、設(shè)定未來的心情日記App。當(dāng)今社會(huì)節(jié)奏快、壓力大,每天都經(jīng)歷著各種各樣的情感。但無論是正面的,還是負(fù)面的情緒,我們都需要學(xué)會(huì)自我調(diào)節(jié),盡量設(shè)定一些能完成自我實(shí)現(xiàn)的目標(biāo),保持愉悅的心情。
整個(gè)App的圖片、字體、圖標(biāo)等視覺元素的顏色基調(diào)是難得一見的黑白配,如同看漫畫一般愜意和輕松,拋棄繁雜的色彩對(duì)壓力的釋放具有很好的效果。
2019年優(yōu)秀網(wǎng)頁設(shè)計(jì),Top 5!
7.S E G E S T A

設(shè)計(jì)師:Zak Steele-Eklund
年度點(diǎn)贊值: 3443
插畫風(fēng)格和視差滾動(dòng)設(shè)計(jì)是這款網(wǎng)頁設(shè)計(jì)最大的特色。穿插在整個(gè)網(wǎng)站中最主要的角色是流動(dòng)的水資源,它構(gòu)成了整個(gè)網(wǎng)站的線索:水為人類提供生命的源泉、生活的能源。
這款設(shè)計(jì)中,我們可以看到設(shè)計(jì)師融入了大量的設(shè)計(jì)元素,包括大篇幅的插畫設(shè)計(jì)和漸變色、疊加視差滾動(dòng)、轉(zhuǎn)場(chǎng)動(dòng)畫等等。這些元素不僅最終成就了這副作品,也實(shí)力凸顯設(shè)計(jì)師深厚的插畫功底。
8.Scrovex

設(shè)計(jì)師:Mike | Creative Mints
年度點(diǎn)贊值: 2469
SCROVEX是一款云安全設(shè)計(jì)系統(tǒng)的網(wǎng)站設(shè)計(jì)。仔細(xì)瀏覽完所有的網(wǎng)頁界面設(shè)計(jì),你會(huì)發(fā)現(xiàn)這個(gè)設(shè)計(jì)幾乎融合了2019年網(wǎng)頁設(shè)計(jì)趨勢(shì)中大部分的設(shè)計(jì)趨勢(shì),例如:漸變色、極簡(jiǎn)主義、響應(yīng)式設(shè)計(jì)、大膽排版、創(chuàng)意插畫等。并且,這個(gè)網(wǎng)頁的設(shè)計(jì)元素中還運(yùn)用了大量的3D效果。
?
9.P – Web Design Exploration

設(shè)計(jì)師:Filip Justi?
年度點(diǎn)贊值: 2377
這是一款電子錢包產(chǎn)品的網(wǎng)頁設(shè)計(jì),也采用了當(dāng)下流行的漸變色和極簡(jiǎn)主義設(shè)計(jì)風(fēng)格。整個(gè)界面色彩搭配比較柔和,看起來清新淡雅。這種柔和而精致的設(shè)計(jì),會(huì)讓金融這種比較高深的概念也顯得平易近人,同時(shí)又讓人覺得可以信賴。
10.Blinguage-日語學(xué)習(xí)類網(wǎng)站

設(shè)計(jì)團(tuán)隊(duì):Cuberto
年度點(diǎn)贊值: 2168
你的日語學(xué)習(xí)是不是還停留在“あa いi うu えe おo”的業(yè)余水平階段?來Binguage一起學(xué)習(xí)日語吧。這款作品主要運(yùn)用了兩大設(shè)計(jì)風(fēng)格元素:插畫、排版。圖文對(duì)應(yīng)、意寓于形,設(shè)計(jì)簡(jiǎn)潔干練,毫不拖沓。
PS, 大部分設(shè)計(jì)師表示都是被右側(cè)這個(gè)可愛的讀書插畫所吸引過來的~
11.攝影作品集網(wǎng)頁設(shè)計(jì)
?
設(shè)計(jì)師:Daniel Korpai
年度點(diǎn)贊值: 2114
這是一個(gè)創(chuàng)意攝影作品展示網(wǎng)頁的概念設(shè)計(jì),分為首頁設(shè)計(jì)和黑白模式切換兩個(gè)作品。這個(gè)作品重點(diǎn)在于黑白模式一鍵切換。當(dāng)你選擇從暗夜模式切換到日光模式時(shí),黑色的背景呈現(xiàn)出一個(gè)收縮的效果。流暢的切換動(dòng)畫也為模式切換的創(chuàng)意加分不少。
2019年優(yōu)秀排版設(shè)計(jì),Top 5!
12.The New Design Frontier

設(shè)計(jì)師:Anton Aheichanka
年度點(diǎn)贊值: 4167
The New Design Frontier《新設(shè)計(jì)前沿》,是一份涵蓋整個(gè)行業(yè)、探討設(shè)計(jì)與業(yè)務(wù)成果關(guān)系的報(bào)告,旨在探討將設(shè)計(jì)用作市場(chǎng)競(jìng)爭(zhēng)優(yōu)勢(shì)的最佳實(shí)踐和結(jié)構(gòu),并為提高設(shè)計(jì)實(shí)踐水平提供指導(dǎo)。
這是一款成熟度非常高的模型設(shè)計(jì),以全新視覺語言推廣其營(yíng)銷活動(dòng)。大膽的排版,充滿活力的色調(diào),結(jié)合出色的插圖設(shè)計(jì),讓它在Dribbble上廣受歡迎,獲贊無數(shù)。
13. Christmas Collisions

