這個(gè)練習(xí)雖然已經(jīng)不錯(cuò)了,但我覺(jué)得還可以有以下幾點(diǎn)能優(yōu)化!

2021-11-23    lanlanwork



我們先來(lái)看原作效果:

圖片

再來(lái)看臨摹練習(xí)的效果:

圖片

好了,分析開(kāi)始:

可優(yōu)化點(diǎn)1:頭圖的透氣感

我們看下頭圖的對(duì)比:

圖片

相比之下原作中的頭圖有很多白色,讓畫(huà)面更加的有透氣感,練習(xí)作品中的頭圖會(huì)有點(diǎn)悶。

頭圖的選取也影響了卡片投影的效果:

圖片

原作的投影會(huì)稍有細(xì)節(jié)一點(diǎn),會(huì)耐看很多。

 

可優(yōu)化點(diǎn)2:色彩耐看度

當(dāng)我們的顏色全都用彩色的時(shí)候,就會(huì)看起來(lái)有點(diǎn)膩,添加黑白灰是最好的一種解膩方式,我們看下面的這些插畫(huà):

圖片

基本所有的都黑白灰色。

回來(lái)看我們的案例:

圖片

原版會(huì)有很多灰色的搭配使用,但是練習(xí)作品全都是用的橙色系,所以看起來(lái)會(huì)稍微有點(diǎn)滿。

 

可優(yōu)化點(diǎn)3:圖標(biāo)的精致度

當(dāng)圖標(biāo)有圓形底座的時(shí)候,我經(jīng)常使用的方式就是把圖標(biāo)本身稍微小一點(diǎn),別讓它填充的太慢,比如我們舉個(gè)最簡(jiǎn)單的例子,看下面兩種方式:

圖片

是不是左面的看起來(lái)會(huì)精致一些。

回到案例本身,我們看下箭頭圖標(biāo):

圖片

也是一樣的道理,左側(cè)原版的會(huì)稍微精致一些。

 

可優(yōu)化點(diǎn)4:關(guān)于信息層級(jí)對(duì)比

我們看下信息層級(jí)對(duì)比:

圖片

原版的很多信息層級(jí)十分明顯,練習(xí)的作品層級(jí)有點(diǎn)沒(méi)拉開(kāi)。

當(dāng)然,這里需要強(qiáng)調(diào)下,真正落地的時(shí)候還是要考慮能否看清,原版的灰色字是有點(diǎn)太淺了,如果真正落地的話,可能不太行,但是作為概念高,把信息層級(jí)拉開(kāi)一點(diǎn)的做法,是OK的。

 

可優(yōu)化點(diǎn)5:一些散點(diǎn)

臨摹稿的一些間距可能也會(huì)有一些問(wèn)題,比如卡片和下面信息之間的間距:

圖片

就稍微有點(diǎn)大了,看起來(lái)有點(diǎn)不太合理。

還有這里的狀態(tài)可能也不是很全等等,沒(méi)有選中愛(ài)心的狀態(tài):

圖片

當(dāng)然,說(shuō)了一些問(wèn)題之后,回來(lái)看,臨摹作品其實(shí)也是有一些優(yōu)點(diǎn)的:

比如這個(gè)頁(yè)面的底部按鈕:

圖片

我覺(jué)得變成重色按鈕會(huì)讓整個(gè)畫(huà)面層次更加豐富,并且操作區(qū)域也更加明顯。

再比如選中態(tài)家了一個(gè)愛(ài)心圖標(biāo):

圖片

這也算是一種小的創(chuàng)意點(diǎn),是有經(jīng)過(guò)思考的。

這些小的思考和優(yōu)化,積累多了,后期一定可以激發(fā)巨大能力和進(jìn)步。

好了,以上就是今天分享的這個(gè)小案例,很多細(xì)節(jié),希望可以給大家一點(diǎn)啟發(fā), 后面大家在做界面練習(xí)的時(shí)候,也可以多多思考并實(shí)踐。

 

原文地址:菜心設(shè)計(jì)鋪(公眾號(hào))
作者:菜心設(shè)計(jì)鋪
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》這個(gè)練習(xí)雖然已經(jīng)不錯(cuò)了,但我覺(jué)得還可以有以下幾點(diǎn)能優(yōu)化!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔