配色好好玩!有了「Paletton」人人都是配色大師

梅問題-配色好好玩!有了《Paletton》人人都是配色大師
  配色是一門學問,要怎麼把顏色配的好看,應該是許多人心中的痛,每次配出不來總感覺那邊有點不對勁,雖然配色沒有對與錯,完全就看自己想表現出怎樣的感覺,其實配色看似很難,但它是有一定的規則可循,只要依照著基本配色準則,就能快速的找出好看又有質感的配色,雖然市面上有不少的色彩圖鑑,相信看過的朋友應該是一頭霧水,完全抓不著個頭緖。
  而最近梅干發現一個配色網站,不再是只提供既有的配色色塊,而是由你自己親自調配,聽起來好像很難,其實一點也不難,這網站明確的抓住了配色的準則,並依照上方的控制點拖拉,立即就能配出有品味的配色喔!同時完全無需具備色彩學概念,就能快速的調配出所需的色彩來。
Paletton:
網站名稱:Paletton - The Color Scheme Designer
網站網址:paletton.com

Step1
當進入網站後,左邊就會看到一個色相環,中間則是色彩的彩度與明度,同時可看到中間的圓中,有五個控制點,分別可拖拉中間控點,或是上下的小圓點來抓取色彩的範圍。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step2
當按住中間的控制點時,四周的色彩環會變灰色狀,表示不可更改,這時就可選取該顏色的彩度與明度,同時在右邊就會看到目前所選取的色彩,而目前是單一顏色的配色。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step3
接著當拖拉色相環中的小圓點,就可改變顏色。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step4
若覺得單色不夠用,也可點上方的選擇模式,改成三個選色點,這時在色相環中,就會出現三個選色點,而這三個小圓點,所選到的是都是相似色,因此色彩會比較柔合一些,並且右邊原來的一格,就會分割成四個色塊。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step5
若覺得相似色太柔時,可切到第三種模式,就會二個相似色配一個互補色,這時色彩的對比就會比較強烈些。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step6
接著切到第四種模式,二相似二互補,色彩的變化性就變更大。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step7
當選擇完畢後,可點下方的EXAMPLES...連結,可將剛選好的色,套到實際的版型上。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step8
這時右邊就有幾個選項,分別會套用給你看,怎樣搭配是比較好的,讓你對配色與色彩的運用更有方向。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step9
看完成後,也可將剛所選的顏色匯出,點右下的Tables / Export…選項。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step10
接著就會將剛選好的色條列出來,並且在右邊可選擇匯出的格式。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師
Step11
以梅干來說比較常用於網頁中,所以就匯出css檔,這時只要將這些css檔複制下來,就可用於自己的專案中啦!是不是配色也可很簡單的。
梅問題-配色好好玩!有了《Paletton》人人都是配色大師

相關文章

「Dropbox Paper」不但支援網頁原始碼高亮模式,甚至還可加註解

「Dropbox Paper」不但支援網頁原始碼高亮模式,甚至還可加註解

「Kaboompics」可商用無驗證高畫質圖片素材免費下載

「Kaboompics」可商用無驗證高畫質圖片素材免費下載

「100+ ET-Line Icons」用膩了扁平圖示嗎?改用線稿圖示簡潔又具設計感

「100+ ET-Line Icons」用膩了扁平圖示嗎?改用線稿圖示簡潔又具設計感

免費下載!Apple推出五款年味十足的農曆新年桌布

免費下載!Apple推出五款年味十足的農曆新年桌布

網設必備!「lorempixel」免費網頁假圖線上隨機產生器

網設必備!「lorempixel」免費網頁假圖線上隨機產生器





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 0 留言

近期講座

近期講座

更多講座