最徹底改稿開始了！

看到這張圖時(shí)，最吸引眼球的恐怕并不是產(chǎn)品而是鮮艷的色彩。

吸取顏色后發(fā)現(xiàn)三者色系都非常飽和，影響到了視覺對于主次的著重點(diǎn)。

配色上的占比弱化了產(chǎn)品無法被直觀的表達(dá)，甚至體現(xiàn)不出產(chǎn)品本身的品質(zhì)。

產(chǎn)品在一張畫面中，除了解決信息內(nèi)容的編排外，還需要幫助這個(gè)產(chǎn)品烘托出整體的氛圍感，就像如今都需要美化包裝的時(shí)代中，酒香不怕巷子深恐怕已經(jīng)很難再去吸引住客戶的目光。

我們分別以藝術(shù)、商業(yè)、極簡三種需求方向來對這次的設(shè)計(jì)進(jìn)行三次改稿，記得收藏關(guān)注起來。

偏抽象化的圓形表現(xiàn)出燈在聚焦光源的過程，符合具有藝術(shù)造型的燈飾所傳達(dá)的美學(xué)。

常規(guī)的文字編排貌似影響了所要傳達(dá)的藝術(shù)魅力

換！

用畫面四周塑造一個(gè)外邊框，沿著邊框放置文字編排，可最大化的提升內(nèi)部視覺空間，將著重點(diǎn)鎖定在產(chǎn)品上。

嫌背景太簡單？那填個(gè)色吧，看起來刺眼怎么辦？

那就弱化背景的色彩，減少對視覺與產(chǎn)品的影響。

最常用的編排構(gòu)建原理，可以有序建立出視覺和信息的層級。

放大文字占滿上下的版面，產(chǎn)品放置在中心點(diǎn)，利用色塊分割出主次關(guān)系。

作為商業(yè)性案例，增加光感是必不可少的，把燈打開以提升畫面的質(zhì)感氛圍。

放置文字信息時(shí)，想必大多數(shù)甲方對金色的執(zhí)念已經(jīng)深入骨髓，那就換成金色，以滿足客戶的同時(shí)，也解決了文字主題的醒目。

再來對比下畫面氛圍對商業(yè)性設(shè)計(jì)的重要性。

一個(gè)純底，一次簡單的圖文編排，沿著視線引導(dǎo)下的信息切入產(chǎn)品，點(diǎn)亮了簡單卻有品質(zhì)的生活。

想到粉絲說老板喜歡有撞色的設(shè)計(jì)，于是在上方增加一個(gè)互補(bǔ)的綠色。

利用冷暖與色彩的強(qiáng)弱關(guān)系制造出引導(dǎo)視線的作用。

回到原圖，同樣也是冷暖的撞色，但產(chǎn)品是在中心，而不是在左右兩側(cè)，缺少明顯的強(qiáng)弱關(guān)系會容易干擾視線引導(dǎo)的方向。

最后來自粉絲的反饋！

原文地址：修先森撩設(shè)計(jì)（公眾號）

作者：修先森

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》畫面很空怎么辦？最徹底的一次改稿案例

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)