萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 2016如何在設計中運用潘通年度代表色?

2016如何在設計中運用潘通年度代表色?

   潘通為2016年選出的“年度色彩”令人拍案叫絕,融合了薔薇粉與寧靜藍來構成這組色調。這組柔和的配色 很可能會成為接下來一年的配色 趨勢。正如潘通往年的選擇,這些顏色通常都會成為設計、時尚與其他項目的標桿。對於某些設計師而言,柔和色彩可能不太好處理。不過,今天我們來看看,有哪些方法能夠在項目中充分運用這些色彩。

  薔薇粉與寧靜藍

2016如何在設計中運用潘通年度代表色? 三聯
color of the year

  自2000年起,潘通就開始推選年度色彩,其中多數都是明亮的色彩——從去年的瑪薩拉酒紅,到2013年的翡翠綠和2008年的鸢尾藍。所以今年發布的色彩,某種程度上來說是一種驚喜,因為它包含了兩種柔和色彩,共同構成了今年的年度代表色。

  下面是潘通對今年所選顏色的定義:

  「人們不懈追求正能量與幸福安樂,以緩解現代社會的壓力。為此,我們非常需要迎來一款能夠給予人們心靈慰藉與安定的色彩。薔薇粉與寧靜藍相互結合,在溫暖的玫瑰色調與清涼寧靜的藍色之間,呈現出一種與生俱來的平衡,象征連接與健康,還有撫慰人心的秩序與平和。

  薔薇粉與寧靜藍的流行組合,對於色彩聯想的傳統認知是一種挑戰。

  在時尚圈,世界各地都在經歷一場去性別化運動,它也通過色彩的趨勢逐一影響了其他設計領域。這種色彩上的歸一,恰恰迎合了許多社會現實:性別平等與流動,人們更習慣於將顏色作為一種表達方式,這個時代不必擔心千篇一律或是被妄加評判,數字信息的開放交流讓我們見識了豐富的色彩運用。」

  薔薇粉

  薔薇粉是一種淡粉色,這種顏色很容易使人聯想到小女孩與新生命。

  Pantone: 9281 C

  RGB: 242 R, 221 G, 222 B

  CMYK: 0 C, 14 M, 9 Y, 0 K

  HTML: F2DDDE

  寧靜藍

  寧靜藍是一種淡藍色,略微偏向紫色。

  Pantone: 7451 C

  RGB: 137 R, 171 G, 227 B

  CMYK: 46 C, 23 M, 0 Y, 0 K

  HTML: 89ABE3

  有了這些顏色樣本,你可以將這個色彩概念運用於各種類型的項目。也不必拘泥於它們給人的第一印象(例如這兩種顏色都是非常流行的發色)。用上這些顏色、或者它們的變種(在下面的案例中你會看到),玩得開心!

  背景底紋

  Christmas

color of the year

  Carandache

color of the year

  Labs.convoy.me

color of the year

  潘通今年的代表色可以作為很好的背景。這種色彩組合很容易在自然界找到,如果你拍攝晚霞,就能看到它充滿了粉色與藍色。將它用作一種背景底紋,你可以最大限度地用這種色彩營造出自然的環境。

  得益於它們的柔和天性,這兩種色彩也能很好地用作背景色,因為色彩融入背景中,不會從前景和圖片上奪走注意力。

  上面這個Camper的案例演示了薔薇粉與寧靜藍的運用。注意兩種色彩之間的美妙漸變,襯托出了前面的小狗圖片。這種色彩營造了一種平和的視覺,與白色的小狗相得益彰,並沒有形成干擾。

  圖片與色彩疊加

  Gonebraskacity

color of the year

  Katafarkas

  (該網站搭梯子訪問)

color of the year

  Loveholidays

color of the year

  使用這些顏色最簡單的方法,就是用在主畫面中。從照片到插畫,薔薇粉與寧靜藍都可以結合到設計中,不會有生硬的感覺。上圖的案例,展示了這種色彩組合能在照片(Nebraska City)或更藝術化的色彩表現(Kata Farkas)中呈現出怎樣的華麗。

  還有一種方案,可以通過這種色調來創造溫暖或清涼的顏色疊加。Holiday Memories的網站熟練運用了粉色調來遮蓋整張圖片,藍色的文字與之相稱。得益於照片的處理和清涼酷爽的文字顏色,這樣的搭配極具魅力。色彩相互協調,營造出陰陽的效果,感覺恰到好處。

  強調元素

  Totallywaggedout

color of the year

  通常,你考慮將紅色作為按鈕顏色時,較柔和的色彩或許是正確選擇。柔和色彩也能用於按鈕的設計,尤其按鈕元素或行動號召面積太大的時候。而藍色按鈕,則是一種普遍存在,將顏色改為寧靜藍輕而易舉。

  還有個很有趣的做法,選定潘通的年度代表色,與它衍生出的梯度色彩相結合,然後用在按鈕或其他元素上。

  這些顏色能用於文字元素(尤其在深色背景上)或是鏈接、粗體文字,這取決於整體美感。注意上圖的網站中,使用了多種近似的粉色與藍色元素,包括文字左側的小爪印。

  顏色的變種

  Holmmarcher

  (該網站搭梯子訪問)

color of the year

  雖然你已經迫不及待要在項目中運用這些顏色了,但它或許並不適合所有情況。這時候就更應該使用其變種。可以考慮加入黑色營造更暗沉的美感,或者增加白色創造更柔和的色調。

  這正是年度代表色有趣的地方,可以看到這股潮流會將我們引向何方。最終方向完全取決於你。並非要死守著精確的色彩搭配,才算搭上了這趟潮流列車,你也可以實驗創造出屬於自己的東西。

  來自Design Shack Gallery的一組設計靈感

  Design Shack Gallery裡充滿了各種案例——還能通過顏色搜索——可以看到其他人如何處理這些顏色。下面這些項目,可以幫助你思考應該如何運用粉色與藍色。

  Byanise

color of the year

  Appon Calendar

color of the year

  Mel Louie

color of the year

  Melodrama Boutique

color of the year

  FForever

color of the year

  NeatFolio

color of the year

  Dockpop

color of the year

  結論

  年度代表色為我們打開一扇未來之窗,讓我們見證接下來這一年的潮流趨勢。如何將其運用於項目中取決於你,但還要敢於打破常規,以非傳統的方式運用這組顏色。(這本就是非傳統的年度代表色)。

copyright © 萬盛學電腦網 all rights reserved