設(shè)計(jì)優(yōu)化實(shí)例:如何讓畫面飽滿?

2024-10-12    資深UI設(shè)計(jì)者 平面設(shè)計(jì)

 
大家有沒有在排版的時(shí)候,明明畫面排的很滿,可是看起來畫面還是不夠飽滿。
 
 
那是因?yàn)槟愕脑靥^于散落,沒有聚焦起來。同時(shí)我們還要注意畫面上重色的分布,如果你的重色分布不均勻,那么你的畫面就會失衡,整體的質(zhì)感就會降低。
 
今天給大家分享一下設(shè)計(jì)中畫面重色的分布問題。
 
 
重色分布
 
說完了點(diǎn)線面的問題,我們接著來看一看畫面重色分布均勻的問題。
 
我們先一起來看一下下面這個(gè)案例,畫面中的重色分布就十分的均勻:
今天騰訊設(shè)計(jì)師給我提了個(gè)醒,原來我的設(shè)計(jì)有這么多問題,之前是真沒看出來!
 
 
 
在這個(gè)畫面中,畫面下方是重色上方同樣是重色,所以主體中間的眼睛同樣需要是重色,不然整個(gè)畫面中間就會出現(xiàn)塌陷的感覺。
 
了解了這個(gè)道理,我們再來看另外一張圖:
今天騰訊設(shè)計(jì)師給我提了個(gè)醒,原來我的設(shè)計(jì)有這么多問題,之前是真沒看出來!
 
 
這張圖里面的問題就顯而易見了,整個(gè)畫面的重色分布在上方和下方,視覺重心聚焦不到中間重要的主體,反而在標(biāo)題以及修飾物上了。
 
 
所以我們要給中間部分也加上一個(gè)重色,從而達(dá)到一個(gè)平衡的狀態(tài)。
 
 
我們在優(yōu)化的時(shí)候,就需要將中間白色的寶劍給它做成一個(gè)顏色比較重的寶劍來鎮(zhèn)場子:
今天騰訊設(shè)計(jì)師給我提了個(gè)醒,原來我的設(shè)計(jì)有這么多問題,之前是真沒看出來!
 
 
 
這樣優(yōu)化之后,整個(gè)畫面看起來就會更加精致。我們來看一下優(yōu)化前后的對比:
今天騰訊設(shè)計(jì)師給我提了個(gè)醒,原來我的設(shè)計(jì)有這么多問題,之前是真沒看出來!
 
 
我們再來看另一張圖,這張圖從嚴(yán)格意義上來說它的中間同樣缺少一塊重色:
今天騰訊設(shè)計(jì)師給我提了個(gè)醒,原來我的設(shè)計(jì)有這么多問題,之前是真沒看出來!
 
 
 
這張圖畫面上方和下方同樣都有重色,那么中間的部分那一塊可以變成重色?答案顯而易見,畫面中間的鏡頭就是不二之選。
 
 
我們直接把鏡頭給調(diào)整成重色:
今天騰訊設(shè)計(jì)師給我提了個(gè)醒,原來我的設(shè)計(jì)有這么多問題,之前是真沒看出來!
 
 
這樣,我們整個(gè)畫面的重色就分布均勻了。
 
老規(guī)矩,看一下前后對比圖,沒有對比就沒有傷害,同樣沒有對比就不知道差距:
今天騰訊設(shè)計(jì)師給我提了個(gè)醒,原來我的設(shè)計(jì)有這么多問題,之前是真沒看出來!
 
 
從上面的案例中我們就可以看到,重色的分布對我們的畫面有多么大的作用。
 
 
所以大家在畫面上色的時(shí)候,要著重注意重色的分布,要保持分布均勻。
 
 
好了,今天的分享就到這里了,希望今天分享的東西能夠?qū)Υ蠹矣兴鶐椭?/span>
 
 
 

作者:菜心輕量文

鏈接:https://www.zcool.com.cn/article/ZMTYzMDk0NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

 

藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 
 
 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔