老實說 Adobe 把 Color 搬出外掛程式,成為獨立網頁後,我自己使用的機率就少了,但這幾年,Adobe 網頁性的程式越來越多(像是Adobe Firefly、Adobe Express),用久了網頁程式,也就習慣了😁。現在我們一起來看看 Adobe Color 提供哪些主要功能、能協助我們做哪些工作、還有一點很重要,該怎麼保留我們在 Adobe Color 中調配的顏色。

👉點此進入 Adobe Color 網頁

Adobe Color 可以擷取圖片顏色,製作成色票,儲存在資料庫中。

▲ Adobe Color 可以擷取圖片顏色,製作成色票,方便我們建立自己專屬的色彩資料庫 ▲

 

 

Adobe Color 主要功能

使用色輪調配顏色
擷取圖片中的顏色
找出閱讀性高的配色
探索各種情境的代表色
不同行業引領潮流的色彩趨勢
將調配好的顏色匯入 Adobe 資料庫

 

使用色輪調配顏色

Adobe Color 「建立」類別中提供多種建立色彩的方式;有基礎的設計人可以從「色輪」開始,挑選適合的「色彩調和」方式與「色彩模式」,再透過「色輪」指定需要的顏色,挑選出來的顏色,會自動列出色票並顯示色碼。

Adobe Color 透過色輪調和出專屬色票

▲ Adobe Color 透過色輪調和出專屬色票 ▲

 

Adobe Color 建立出來的色票,有個很人性化的設計,只要將滑鼠靠近「色票」下方的「色碼」,就可以「複製色碼」,不需要硬背,更不需要苦哈哈的抄寫(Ya)。

Adobe Color 複製色碼

▲ 指標靠近色碼,就會顯示「複製」指令,點擊「複製」就能複製色碼 ▲

 

擷取圖片中的顏色:主題色彩 / 漸層色彩

若是要擷取特定圖片中的顏色,可以在「建立」中使用「擷取主題」獲取多種「單一顏色」的組合;或是使用「擷取漸層」獲取由數個純色融合在一起的「漸層色彩」。

Adobe Color 透過圖片擷取主體色彩與擷取漸層色彩

▲ Adobe Color 透過圖片「擷取主體色彩」 ▲

 

Adobe Color 由特定圖片中擷取漸層色彩

▲ Adobe Color 由特定圖片中「擷取漸層色彩」並指定顏色數量 ▲

 

找出閱讀性高的配色

所謂的「閱讀性(也稱為 可視性)」是一種觀看感受,看的人容不容易看、看得清不清楚;影響閱讀性的元素很多,包含文字字體、行距、字距與顏色搭配;然而顏色搭配,就屬於 Adobe Color 的管區;Adobe Color 分析「背景」與「文字圖樣」之間的對比度,透過確切的數字,能清楚看出「背景顏色」與「文字圖樣顏色」搭配的合理性。

Adobe Color 顏色對比檢查分析器

▲ Adobe Color 顏色對比檢查分析器 | 背景與文字對比偏低(閱讀性低)▲

 

Adobe Color 對比率高表示閱讀性高

▲ Adobe Color 對比率高表示背景顏色與文字顏色反差高(閱讀性高) ▲

 

Adobe Color 提供多組文字與背景的建議對比

▲ Adobe Color 提供多組文字與背景的建議對比,可以直接套用 ▲

 

探索各種情境的代表色

設計不能脫離色彩,關注色彩組合帶出的情緒,是所有設計人的功課;透過 Adobe Color 提供的「探索」搭配「關鍵字」(例如:寒冷),可以協助我們迅速找出不同情境間的熱門色彩,並保留色彩組合到資料庫中,方便我們在工具程式中使用這些色票。

Adobe Color 探索各種情境配色

▲ Adobe Color 探索各種情境配色 | 指標靠近顏色,即可保留色彩組合到資料庫中 ▲

 

Adobe Color 透過Adobe Stock圖片庫「探索」色彩組合

▲ Adobe Color 透過 Adobe Stock 圖片庫「探索」色彩組合 ▲

 

不同行業引領潮流的色彩趨勢

色彩是設計中非常重要的一環,尤其是社群多樣化的現在,如何透過顏色凸顯作品的特殊性更為重要。Adobe Color 當中的「趨勢」,提供了各行各業間值得關注的顏色走向,讓我們的創意,精準的透過這些色彩組合脫穎而出。

Adobe Color 各行業中流行色彩的趨勢

▲ Adobe Color 各行業流行色彩的趨勢 ▲

 

Adobe Color 搜尋特定產品的色彩趨勢

▲ Adobe Color 搜尋特定產品的色彩趨勢 | 使用英文作為關鍵字,比較精準 ▲

 

將調配好的顏色匯入 Adobe 資料庫

Adobe Color 建立好的顏色可以存放在「資料庫」中

▲ Adobe Color 將建立好的色彩組合,指定資料庫「群組」,點擊「儲存」,就可以將顏色存放在資料庫中成為色票 ▲

 

Adobe Color 保留色彩組合到資料庫

▲ 在 Adobe Color 「探索」或「趨勢」類別中,請先指定要存放的資料庫「群組」位置,再將色彩組合「新增至資料庫」 ▲