亚洲欧美v国产一区二区三区,中文字日产幕乱五区,综合亚洲,,,色,亚洲伊人久久大香线蕉综合,亚洲综合精品伊人久久

首頁 > SEO動態(tài) > 網(wǎng)站技術(shù)如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

今天有同學的作業(yè)畫了一個唱片機,有很多的問題,我們來看一下。修改前:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

修改后:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

給家分享一下修改的心得和注意事項。

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

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

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

所以我們需要把這些比例問題先調(diào)整出來。收回唱片的范圍、增加唱片的厚度、增加唱片機的高度:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

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

原來的作業(yè)里,在唱片機側(cè)面增加了旋鈕來作為裝飾:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

但是這樣加有幾個問題。

第一個是,左右兩邊都是旋鈕,這樣在視覺上會很重復(fù)。

第二是,占比都很小,整體看起來就會很小氣,不飽滿??聪挛覀冃薷暮蟮模?/p>

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

左邊的一排旋鈕,我們減少成了一個大旋鈕和一個顯示屏:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

三、顏色調(diào)整

還有一個比較大的問題,那就是顏色了,原來的顏色整體都有些悶悶的,不夠高級,左邊旋鈕的顏色也比較跳脫:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

原來的作業(yè),唱片基本就是黑色,沒有光感:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

這種比較中心的元素不應(yīng)該平平無奇,而是要想辦法增加更多的細節(jié),這樣才能好看,才能吸睛!矩形工具拉一個藍色塊:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

用透視工具拉變形成兩個倒三角:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

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

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

用同樣的方法,多做幾條光:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

新建圖層填充一個中性灰,然后使用濾鏡-雜色-添加雜色功能做出這個素材:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

使用疊加模式,透明度 45%把這個素材疊加在唱片上以增加顆粒感:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

接下來,我們還要加強光感對比:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

在箭頭位置都加入了更亮的顏色去提亮,讓整體的光感更通透和明亮,就不會像原來這樣整體悶悶的了:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

最后我們再來看一下完成后的效果:

如何提升圖標設(shè)計質(zhì)感?兩招教你搞定!

作者:菜心設(shè)計鋪

想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)

本文來源:http://www.sonygallery.com.cn/seodongtai/19801.html

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