這個練習雖然已經(jīng)不錯了,但我覺得還可以有以下幾點能優(yōu)化!

2021-11-23    lanlanwork



我們先來看原作效果:

圖片

再來看臨摹練習的效果:

圖片

好了,分析開始:

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

我們看下頭圖的對比:

圖片

相比之下原作中的頭圖有很多白色,讓畫面更加的有透氣感,練習作品中的頭圖會有點悶。

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

圖片

原作的投影會稍有細節(jié)一點,會耐看很多。

 

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

當我們的顏色全都用彩色的時候,就會看起來有點膩,添加黑白灰是最好的一種解膩方式,我們看下面的這些插畫:

圖片

基本所有的都黑白灰色。

回來看我們的案例:

圖片

原版會有很多灰色的搭配使用,但是練習作品全都是用的橙色系,所以看起來會稍微有點滿。

 

可優(yōu)化點3:圖標的精致度

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

圖片

是不是左面的看起來會精致一些。

回到案例本身,我們看下箭頭圖標:

圖片

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

 

可優(yōu)化點4:關于信息層級對比

我們看下信息層級對比:

圖片

原版的很多信息層級十分明顯,練習的作品層級有點沒拉開。

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

 

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

臨摹稿的一些間距可能也會有一些問題,比如卡片和下面信息之間的間距:

圖片

就稍微有點大了,看起來有點不太合理。

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

圖片

當然,說了一些問題之后,回來看,臨摹作品其實也是有一些優(yōu)點的:

比如這個頁面的底部按鈕:

圖片

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

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

圖片

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

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

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

 

原文地址:菜心設計鋪(公眾號)
作者:菜心設計鋪
轉(zhuǎn)載請注明:學UI網(wǎng)》這個練習雖然已經(jīng)不錯了,但我覺得還可以有以下幾點能優(yōu)化!

藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

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

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

藍藍設計www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔