當前位置:首頁 > 運營推廣

助你進階成為“設計萬花筒”:色彩疊加

時間:2019-04-28 06:41:01來源:運營推廣作者:seo實驗室小編閱讀:79次「手機版」
 

萬花筒產品

文章主要介紹了一個可以讓你進階成為“設計萬花筒”的技能手法——色彩疊加。

在看球賽時,某個選手眼花繚亂的進攻方式,會被我們稱呼為“進攻萬花筒”;一個寫手變化莫測的寫作手法,我們又稱之為“寫作萬花筒”……

今天我們就介紹一個可以讓你進階成為“設計萬花筒”的技能手法——色彩疊加。

何謂色彩疊加,就是使用半透明的色塊(純色或者漸變)疊加到圖片或者視頻上,這種效果能夠強化圖片本身的氛圍,賦予含義,并且更好地吸引用戶的注意力。

我們直接深入聊聊這種色彩使用技巧在實際運用中,需要注意的問題和值得探究的做法。

1.使用漸變

首先,漸變作為一種設計趨勢,再次回歸了。當你想為特定的元素疊加色彩的時候,可以嘗試使用某個醒目的漸變色疊加上去。

漸變色的好處在于,你可以使用多種不同的色彩一起構成漸變(比如品牌色),也可以使用某一個色彩進行深淺、明度、飽和度上的漸變,這樣的設計會顯得更加集中。明亮的配色方案會更加吸引用戶用戶,讓圖片呈現出某種獨特的氣場。

2.使用純色定基調

純色的疊加效果其實和漸變一樣醒目,不過純色相比于漸變所呈現的意義和氛圍會更加明確。比如,在圖片上疊加上棕色能夠呈現出一種歷史的厚重感。

當你在疊加純色的時候,應當仔細考慮一下色彩的飽和度和透明度。這些因素其實都是有意義的。

疊加的色彩圖層擁有高飽和度和低透明度的時候,用戶會更多關注色彩本身;當疊加的色彩擁有低飽和度和高透明度的時候,用戶會更容易被底層的圖像所吸引。

3.考慮明暗

當然,許多色彩并不全都是靠有色半透明圖層疊加出來的,有時候僅僅是使用單純的黑白灰來疊加,創造出不同的明暗效果,這樣也能很好的實現一些效果。

上面所顯示的這個名為“?Call me lsh?”的網站中,設計師在背景上覆蓋了一層半透明的白色,讓用戶的專注點集中到前景的文字上去,但是背景的攝影師微笑的表情依然潛移默化地影響著用戶的情緒。

色彩和圖片的組合讓訪客不知不覺地同背景的攝影師產生了情緒上的互動,也許一份報酬豐厚的工作正悄悄來到。

4.選擇高對比度的圖片

當你想要在設計項目中使用色彩疊加這種技法的時候,置于底層的圖片或者視頻是最重要的組成部分。

一張平庸的圖片不管你怎么疊加色彩都很難達到驚艷的效果,而圖片本身如果有著良好的對比度,那么能夠在疊加圖片之后構成漂亮的明暗效果,將設計的優勢最大化。

當然,如果圖片的可選范圍本身就不大,那么最好嘗試使用PhotoShop之類的軟件先提升圖片的對比度,否則實際效果可能達不到你預期的目標。

想要達成好效果的方法有很多,還有一種方法就更加簡單粗暴了:從黑白的圖片開始著手。對于初學者而言,黑白圖片的對比度更容易控制。你可以嘗試采用黑白色調的突破背景,搭配彩色的半透明圖層。

當你使用色彩疊加到圖片和視頻上的時候,有兩種處理方法:

A. 圖片盡可能自然。色彩、明暗、陰影都應該處于自然的狀態,疊加的色彩應當盡可能微妙;

B. 用完全出乎意料的色彩疊加在圖片上,創造出獨一無二的效果。

這么設計的好處在于用戶會更加專注于網站內容,強化整體的設計感。

5.嘗試部分疊加

我們在前面的例子中,大多數的案例是都將半透明的色彩圖層疊加到大塊的圖片內容上,當然這并不是唯一的選擇。采用部分疊加的方法,同樣也可以帶來不錯的效果。

Knot Clothing?這個網頁采用了綠色的導航欄,其在網站頭部疊加了半透明層,看起來效果相當不錯吧。

而Nuts and Woods?這個網站則換了一種玩法,把疊加效果使用在網站的hover效果上,其實這種手法在國內已經被大量運營了,這不僅提示用戶這些內容是可點擊的,而且還豐富了網站的互動趣味性。

結語

又要說那句話了,世界萬事萬物都是相對的,我們這里所說的色彩疊加的效果并不是萬能的,所以不是所有的項目都適合使用的一項效果,當你在進行設計的時候,應當盡量避免過度使用。

記住,這只是進階成為“設計萬花筒”路上的的一種微技能和小方式。

題圖來自PEXELS,基于CC0協議

相關閱讀

雙12購物津貼可以疊加使用嗎?優先順序是怎樣的?

一年一度的雙12馬上就到了,然而今年推出了雙12購物津貼,很多人領到了購物津貼不知道怎么用,有人問小編雙12購物津貼可以疊加使用嗎?

產品思考進階:利益相關者分析法

意識到要做利益相關者分析,比這個思考工具甚至真正利用好工具都更為重要。失敗的一大原因是忽略利益相關者。公元前607年,主帥華元

Dedecms移動站靜態化實操分享進階版

還記得幾個月前,站長學院的超級版主洪石陳分享過Dedecms網站移動化的步驟嗎?不記得可以戳這里《話說Dedecms網站移動化分幾步》。現

AE怎么制作旋轉萬花筒特效?

以前很喜歡萬花筒,旋轉的萬花筒效果是一個比較好玩的效果,想要使用AE中制作這個旋轉的萬花筒的效果動畫,下面我們就來看看ae制作萬花

廣宇:向軟文高手進階 文筆不好也可以

軟文這2個字可以說難倒了一大批人,好多人抱怨文筆不好寫不出好軟文,廣宇在這里就要問了:難倒非得是自己原創的才是軟文嗎?其實只要你

分享到:

欄目導航

推薦閱讀

熱門閱讀

三肖必中特l三肖中特期期准免费