如何提升圖標(biāo)設(shè)計(jì)質(zhì)感？?jī)烧薪棠愀愣ǎ?/h1>

2024-04-22 08:16:05

推薦訪問(wèn)：SEO新聞 SEO技術(shù) 網(wǎng)站技術(shù) 網(wǎng)絡(luò)營(yíng)銷

今天有同學(xué)的作業(yè)畫(huà)了一個(gè)唱片機(jī)，有很多的問(wèn)題，我們來(lái)看一下。修改前：

修改后：

給家分享一下修改的心得和注意事項(xiàng)。

一、結(jié)構(gòu)比列

我們先從結(jié)構(gòu)比例上來(lái)觀察，唱片的大小不合適，超出了唱片機(jī)的范圍。唱片也沒(méi)有厚度，顯得很單薄。最后是唱片機(jī)的高度很低，這樣導(dǎo)致了最后的整體效果有些扁扁的，不夠飽滿的和立體：

所以我們需要把這些比例問(wèn)題先調(diào)整出來(lái)。收回唱片的范圍、增加唱片的厚度、增加唱片機(jī)的高度：

通過(guò)結(jié)構(gòu)比例的調(diào)整，可以看到整體明顯地變得更穩(wěn)定和飽滿了。

二、結(jié)構(gòu)組合

原來(lái)的作業(yè)里，在唱片機(jī)側(cè)面增加了旋鈕來(lái)作為裝飾：

但是這樣加有幾個(gè)問(wèn)題。

第一個(gè)是，左右兩邊都是旋鈕，這樣在視覺(jué)上會(huì)很重復(fù)。

第二是，占比都很小，整體看起來(lái)就會(huì)很小氣，不飽滿?？聪挛覀冃薷暮蟮模?/p>

左邊的一排旋鈕，我們減少成了一個(gè)大旋鈕和一個(gè)顯示屏：

而右邊呢，我們可以直接不加?xùn)|西，如果一定要加也盡量區(qū)別于左邊。比如可以加一個(gè)播放狀態(tài)：

這樣是不是就更豐富飽滿了呢。所以我們?cè)谶@些周圍加結(jié)構(gòu)裝飾的時(shí)候呢，一定要注意飽滿度，然后是盡量用不同的類型去修飾，減少重復(fù)性。

三、顏色調(diào)整

還有一個(gè)比較大的問(wèn)題，那就是顏色了，原來(lái)的顏色整體都有些悶悶的，不夠高級(jí)，左邊旋鈕的顏色也比較跳脫：

再分析一下他的顏色選擇：

可以看到基本是同一個(gè)顏色單純變化了明度和飽和度。那我們修改后的顏色呢:

可以看到有明顯的色相變化，但是飽和度和明度基本一直在中間最頂部，沒(méi)有做變化。這樣才能讓我們的的顏色始終保持干凈通透。原本比較跳脫的按鈕顏色也改成了和身體一致的顏色，這樣就不會(huì)顯得跳脫了：

四、細(xì)節(jié)表現(xiàn)

原來(lái)的作業(yè)，唱片基本就是黑色，沒(méi)有光感：

這種比較中心的元素不應(yīng)該平平無(wú)奇，而是要想辦法增加更多的細(xì)節(jié)，這樣才能好看，才能吸睛！矩形工具拉一個(gè)藍(lán)色塊：

用透視工具拉變形成兩個(gè)倒三角：

剪貼蒙版到唱片上，然后調(diào)整羽化值 20 左右，就得到了貼合唱片的光感：

用同樣的方法，多做幾條光：

新建圖層填充一個(gè)中性灰，然后使用濾鏡-雜色-添加雜色功能做出這個(gè)素材：

使用疊加模式，透明度 45%把這個(gè)素材疊加在唱片上以增加顆粒感：

接下來(lái)，我們還要加強(qiáng)光感對(duì)比:

在箭頭位置都加入了更亮的顏色去提亮，讓整體的光感更通透和明亮，就不會(huì)像原來(lái)這樣整體悶悶的了：

最后我們?cè)賮?lái)看一下完成后的效果：

作者：菜心設(shè)計(jì)鋪

想了解更多網(wǎng)站技術(shù)的內(nèi)容，請(qǐng)?jiān)L問(wèn)：網(wǎng)站技術(shù)

本文來(lái)源：http://www.sherrygarden.cn/seodongtai/19801.html

免責(zé)聲明：部分文章信息來(lái)源于網(wǎng)絡(luò)以及網(wǎng)友投稿，本網(wǎng)站只負(fù)責(zé)對(duì)文章進(jìn)行整理、排版、編輯，是出于傳遞更多信息之目的，并不意味著贊同其觀點(diǎn)或證實(shí)其內(nèi)容的真實(shí)性，不承擔(dān)任何法律責(zé)任。

上一篇

設(shè)計(jì)師如何提高私域轉(zhuǎn)化率？雪球高手總結(jié)了3個(gè)方法

下一篇

AI工具體驗(yàn)差？來(lái)掌握這8個(gè)核心設(shè)計(jì)原則！

喜歡 收藏