2016年的雙十一和雙十二色彩搭配給我們APP設(shè)計(jì)師打了一劑強(qiáng)心針。讓25學(xué)堂的小編認(rèn)為迷人的漸變色,重新回歸UI設(shè)計(jì)主流。為什么會(huì)這么說(shuō)呢?
證據(jù)一:優(yōu)酷新logo的發(fā)布。
新LOGO彩更明亮、設(shè)計(jì)更簡(jiǎn)潔,煥發(fā)年輕氣息,不僅去除了“優(yōu)酷”漢字,而且拼音“Youku”的每個(gè)音節(jié)上都添加了紅藍(lán)圓點(diǎn)點(diǎn)綴。紅色與藍(lán)色采用了漸變的特效。
證據(jù)二:阿里雙十二的色彩搭配規(guī)范
淘寶的主打色是 ? 玫紅色向橙紅色 ? ?過度的細(xì)膩色調(diào)。
色,即用系統(tǒng)化的色彩規(guī)范所有的會(huì)場(chǎng),阿里給所有設(shè)計(jì)師規(guī)范的標(biāo)準(zhǔn)色系有3類:
分別是高明度、中間色和低明度色彩。
根據(jù)會(huì)場(chǎng)類別,不同的色彩對(duì)應(yīng)不同的會(huì)場(chǎng),不僅讓整個(gè)活動(dòng)更系統(tǒng)化更規(guī)范,而且讓所有設(shè)計(jì)師有了更明確的方向。
傳送門:2016年淘寶嘉年華視覺設(shè)計(jì)規(guī)范分享與PSD下載
證據(jù)三:最新Flyme6系統(tǒng)界面的發(fā)布
比如我們看下魅族的鎖屏的界面設(shè)計(jì)。
魅族新品亮相,學(xué)堂帶你欣賞全新的Flyme6系統(tǒng)界面
所以,25學(xué)堂認(rèn)為著迷的漸變色,已經(jīng)重新回歸UI設(shè)計(jì)主流。扁平化設(shè)計(jì)潮流已經(jīng)慢慢褪去。
總之,迷人的色彩當(dāng)屬于漸變色。也是2016年末到2017年,讓設(shè)計(jì)師愛不釋手的一種色彩搭配方案。
漸變色是指某個(gè)物體的顏色從明到暗,或由深轉(zhuǎn)淺,或是從一個(gè)色彩緩慢過渡到另一個(gè)色彩,充滿變幻無(wú)窮的神秘浪漫氣息的顏色。
色彩帶給了我們不同的感受和情緒,漸變色則帶給了我們更多的想象空間。
合理的使用漸變色可以吸引用戶視覺焦點(diǎn)、渲染氛圍、提升美感、傳遞情緒等,而想運(yùn)用好漸變色,需要有更好的色感,在?色彩搭配和透明度?上多下功夫。
純粹的漸變色使得色彩更生動(dòng)緩和,不單調(diào),可以豐富整體設(shè)計(jì)感,卻又不會(huì)增加視覺負(fù)擔(dān),用戶可以瀏覽到更舒適的設(shè)計(jì)而不會(huì)覺得沉重。
同時(shí)一些更精美的圖形,現(xiàn)實(shí)中的照片等,如果配合低透明度的漸變色,則可以更好的增強(qiáng)圖片本身的氛圍,或者解決某些圖片本身的視覺缺陷,甚至可以為圖片帶來(lái)耳目一新的感覺。
無(wú)論是追波網(wǎng),還是站酷網(wǎng),已經(jīng)很多APP設(shè)計(jì)師運(yùn)用了這樣著迷的漸變色應(yīng)用到自己的移動(dòng)產(chǎn)品當(dāng)中了。
比如天貓雙十一的搶紅包的漸變色的運(yùn)用。
APP界面的漸變色彩運(yùn)用。
紅色和橙黃色的暖色系漸變,讓背景更細(xì)膩,舒服,簡(jiǎn)約的內(nèi)容和精美的時(shí)鐘設(shè)計(jì)讓整個(gè)畫面舒適自然又不缺亮點(diǎn)。
青藍(lán)色與紫色的漸變、紅色與紫色的漸變、藍(lán)色和綠色的漸變等也是我們?cè)O(shè)計(jì)師常用的色彩搭配方案。
下面是一些logo設(shè)計(jì)的漸變應(yīng)用。
當(dāng)然作為初學(xué)者,如何來(lái)畫這樣的時(shí)尚、活力、迷人的漸變色呢?
首先一邊畫一種顏色 ? 一邊畫另一種顏色 ? ?然后兩種顏色按一定比例調(diào)和 畫于兩種顏色之間 但是這兩種顏色不能相差太多。一定要注意色彩的飽和度、明暗度等
色彩有些時(shí)候不需要過度 而是色塊的感覺 能使畫面更加具有表現(xiàn)力。
概括起來(lái)就是一句話:由單一顏色純度高 ?遞進(jìn)到 純度低 ? 而明度卻逐漸提高的過程。這就是漸變色。
另外也要求設(shè)計(jì)師盡量選擇7色系當(dāng)中的鄰近色。而且雙色漸變是漸變?cè)O(shè)計(jì)中的很重要的組成部分。
鄰近色一般為黃橙,黃綠,紅紫,藍(lán)紫,藍(lán)綠等,搭配上要注意冷暖?;蛘唢柡投群兔靼刀取?
鄰近色搭配常常在自然中被找到,所以對(duì)眼睛來(lái)說(shuō),這時(shí)種最舒適的搭配方式。在使用近似色搭配的時(shí)候,一定要適當(dāng)加強(qiáng)對(duì)比,不然可能使畫面顯得平淡。
擴(kuò)展閱讀:如何設(shè)計(jì)出漂亮的移動(dòng)端APP背景的漸變效果
全站高品質(zhì)素材免費(fèi)下載!