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