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