這個(gè)網(wǎng)站能猜出你最喜歡的配色組合!

2020-2-28    資深UI設(shè)計(jì)者

本文要介紹的「Palettable」是一個(gè)線上配色工具,Palettable 通過(guò)互動(dòng)方式協(xié)助使用者找出最合適的色彩組合,開(kāi)啟網(wǎng)站后會(huì)先隨機(jī)顯示顏色,使用者可點(diǎn)選喜歡、不喜歡(或是使用快捷鍵)重新顯示顏色或?qū)㈩伾潭ㄔ陧?yè)面中,最后就能得出五個(gè)搭配好的顏色組合。

依照說(shuō)明,Palettable 收錄數(shù)百萬(wàn)設(shè)計(jì)師的知識(shí)結(jié)晶,這些顏色可以協(xié)助我們產(chǎn)生漂亮的調(diào)色盤(pán),利用控制選項(xiàng)亦可個(gè)別調(diào)整每個(gè)顏色,最后匯出帶有色碼的PNG 圖片或固定網(wǎng)址。

Palettable

網(wǎng)站鏈接:https://www.palettable.io/

使用教學(xué)

開(kāi)啟Palettable 后會(huì)隨機(jī)顯示一個(gè)顏色,可點(diǎn)選下方的喜歡或不喜歡(快捷鍵為L(zhǎng) 和D),喜歡會(huì)將顏色固定并開(kāi)始選擇下一個(gè)顏色,不喜歡就會(huì)繼續(xù)演算其他顏色。

每個(gè)顏色中間會(huì)有HEX 色碼,點(diǎn)選下方的設(shè)定選項(xiàng)會(huì)出現(xiàn)調(diào)色盤(pán),可以更直覺(jué)選擇你要的顏色。

點(diǎn)選喜歡后前一個(gè)顏色會(huì)被固定,接著就繼續(xù)選下一個(gè)顏色。

在我十分鐘的使用經(jīng)驗(yàn),重復(fù)幾次不同的配色組合,發(fā)現(xiàn)Palettable 會(huì)隨著使用者喜歡的顏色而選擇更為貼近、可互相搭配且不重復(fù)的色彩,這部份相較于其他只能隨機(jī)選色的服務(wù)來(lái)說(shuō)應(yīng)該更有優(yōu)勢(shì)。

持續(xù)重復(fù)到第五個(gè)顏色,Palettable會(huì)跳出最多只有5個(gè)顏色的提示訊息,點(diǎn)選「Export」匯出結(jié)果。

Palettable 支援匯出為固定網(wǎng)址(會(huì)帶有你剛才選定的五個(gè)顏色組合)或是輸出為PNG 格式,如果你想把顏色組合保存下來(lái),儲(chǔ)存為圖片會(huì)更易于整理和使用。

下圖就是我透過(guò)Palettable 建立的配色組合,每個(gè)顏色會(huì)有預(yù)覽,下方帶有HEX 色碼。

值得一試的三個(gè)理由:

  • 透過(guò)互動(dòng)方式協(xié)助使用者找出最合適的色彩組合
  • 利用使用者選擇的顏色,計(jì)算出更貼近、可互相搭配的色彩
  • 匯出為帶有色碼PNG 圖片格式,或是產(chǎn)生固定網(wǎng)址

文章來(lái)源:優(yōu)設(shè)    作者:Pseric

分享本文至:

日歷

鏈接

個(gè)人資料

存檔