當(dāng)客戶說(shuō)'不夠高級(jí)'時(shí),我用這兩招讓設(shè)計(jì)秒變奢侈品視覺(jué)

2025-3-18    天宇 平面設(shè)計(jì)

今天我們視覺(jué)課上有同學(xué)的作業(yè)畫了一個(gè)唱片機(jī),有很多的問(wèn)題,我們來(lái)看一下。
修改前:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
修改后:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
給家分享一下修改的心得和注意事項(xiàng)。
 
 
1.結(jié)構(gòu)比列
 
我們先從結(jié)構(gòu)比例上來(lái)觀察,唱片的大小不合適,超出了唱片機(jī)的范圍。唱片也沒(méi)有厚度,顯得很單薄。最后是唱片機(jī)的高度很低,這樣導(dǎo)致了最后的整體效果有些扁扁的,不夠飽滿的和立體:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
所以我們需要把這些比列問(wèn)題先調(diào)整出來(lái)。收回唱片的范圍、增加唱片的厚度、增加唱片機(jī)的高度:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
通過(guò)結(jié)構(gòu)比列的調(diào)整,整體可以看到明顯地變得更穩(wěn)定和飽滿了。
 
 
2.結(jié)構(gòu)組合
原來(lái)的作業(yè)里,在唱片機(jī)側(cè)面增加了旋鈕來(lái)作為裝飾:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
但是這樣加有幾個(gè)問(wèn)題。
第一個(gè)是,左右兩邊都是旋鈕,這樣在視覺(jué)上會(huì)很重復(fù)。
第二是,占比都很小,整體看起來(lái)就會(huì)很小氣,不飽滿。
看下我們修改后的:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
左邊的一排旋鈕,我們減少成了一個(gè)大旋鈕和一個(gè)顯示屏:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
而右邊呢,我們可以直接不加?xùn)|西,如果一定要加也盡量區(qū)別于左邊。比如可以加一個(gè)播放狀態(tài):
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
這樣是不是就更豐富飽滿了呢。
所以我們?cè)谶@些周圍加結(jié)構(gòu)裝飾的時(shí)候呢,一定要注意飽滿度,然后是盡量用不同的類型去修飾,減少重復(fù)性。
 
 
3.顏色調(diào)整
還有一個(gè)比較大的問(wèn)題,那就是顏色了,原來(lái)的顏色整體都有些悶悶的,不夠高級(jí),左邊旋鈕的顏色也比較跳脫:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
再分析一下他的顏色選擇:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
可以看到基本是同一個(gè)顏色單純變化了明度和飽和度。
那我們修改后的顏色呢:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
可以看到有明顯的色相變化,但是飽和度和明度基一直在中間最頂部,沒(méi)有做變化。這樣才能讓我們的的顏色始終保持干凈通透。
原本比較跳脫的按鈕顏色也改成了和身體一致的顏色,這樣就不會(huì)顯得跳脫了:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
 
 
4.細(xì)節(jié)表現(xiàn)
原來(lái)的作業(yè),唱片基本就是黑色,沒(méi)有光感:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
這種比較中心的元素不應(yīng)該平平無(wú)奇,而是要想辦法增加更多的細(xì)節(jié),這樣才能好看,才能吸睛!
矩形工具拉一個(gè)藍(lán)色塊:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
用透視工具拉變形成兩個(gè)倒三角:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
剪貼蒙版到唱片上,然后調(diào)整羽化值20左右,就得到了貼合唱片的光感:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
用同樣的方法,多做幾條光:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
新建圖層填充一個(gè)中性灰,然后使用濾鏡-雜色-添加雜色功能做出這個(gè)素材:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
使用疊加模式,透明度45%把這個(gè)素材疊加在唱片上以增加顆粒感:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
接下來(lái),我們還要加強(qiáng)光感對(duì)比:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
在箭頭位置都加入了更亮的顏色去提亮,讓整體的光感更通透和明亮,就不會(huì)像原來(lái)這樣整體悶悶的了:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
最后我們?cè)賮?lái)看一下完成后的效果:
辛辛苦苦做的設(shè)計(jì),被客戶說(shuō)沒(méi)質(zhì)感,結(jié)果兩招就搞定了!
 
 
 


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

蘭亭妙微(m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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è)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

日歷

鏈接

個(gè)人資料

存檔