2022-5-5 純純
1.為什么這個配色會怪？
我們在畫線性圖標的時候，有時候會用深淺色配合，比如描邊用亮藍色和深藍色，像這種：
我們會覺得很和諧，為什么？雖然他們飽和度、明度不同，但他們有相同的色相，有一定的關聯性。
還有一種情況就是相同明度、飽和度，但是有兩種色相，比如藍綠，藍黃：
我們也都覺得很和諧，為什么？因為有相同的明度、飽和度，他們也有一定的關聯性！
但是如果是這樣兩個描邊配色在一起：
就感覺有些不和諧，就是因為色相、飽和度、明度沒有一項是有關聯的，所以就感覺不太搭。
像下面這位星友做的練習，也是一樣的道理：
這個配色多少有點不太和諧，我們放大一個圖標來展示下，比如這個：
這兩個配色，不論是在明度、飽和度、色相上都沒有關聯，所以看起來有點違和。
我們只要讓它稍微有點相同屬性，就會好很多，比如我們讓兩個顏色的色相有點關聯，都用藍色色相：
再比如讓兩個顏色飽和度有點關聯，都用比較灰的顏色，哪怕色相完全不同，都會比較和諧：
我們在做這種圖標描邊配色時候時候，一定要注意這個內在關聯性的邏輯。
當然，這里說的只是做圖標描邊時候的配色，視覺畫面配色，不在討論范圍。
2.為什么你的圖標看不清？
這個點之前其實有強調過，很多同學在做圖標的時候很糊，像下面這組練習：
其中一個很重要的因素就是投影問題，投影千萬不要加的太重，要和你主體物的顏色區分開，比如我的主體物是藍色：
然后投影也用這個藍色：
那肯定很糊呀，所以我們必須要用一個淡藍色：
直接降低透明度也行，沒有什么操作成本，所以投影千萬別再和主體物黏在一起了。
3.對比就能出來基礎的設計感
很多時候，我們的設計感其實只要做好對比就能出來，比如下面這組信息：
我們做一個大小對比：
再做一個粗細對比：
再做一個深淺對比：
然后再來一個景上添花的樣式對比，就是數字來一個特殊數字：
這其實就算是比較穩的一個效果了。
我們可以看一些界面：
他們里面也是用了這樣的對比，比如大小對比、樣式對比、深淺對比，再來點小圖形等等。
所以，一定要善用這些對比，讓你的設計更有層次，更有沖擊力。
4.平時多積累圖形的布爾運算
平時在練習圖標的時候，大家一定要多積累圖形的布爾運算，以備不時之需。
比如火箭的外輪廓，當頭部比較圓潤的時候，我們可以直接用橢圓來做：
如果頭部比較尖的時候，我們可以用兩個橢圓相交切，然后再切：
像這樣的形狀，我們不僅可以做火箭頭，還可以做魚的外輪廓等等:
還可以做眼睛的外輪廓：
多去聯想，多去實踐，當腦庫存達到一定量，我們就可以得心應手了！
文章來源：UI中國 作者：菜心設計鋪
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.wtxcl.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務