AI在用 | 發現一個AI調色盤,還真整出了「五彩斑斕的黑」

机器之能發表於2024-08-23

機器之能原創

作者:sia

以大模型、AIGC為代表的人工智慧浪潮已經在悄然改變著我們生活及工作方式,但絕大部分人依然不知道該如何使用。

因此,我們推出了「AI在用」專欄,透過直觀、有趣且簡潔的人工智慧使用案例,來具體介紹AI使用方法,並激發大家思考。

我們也歡迎讀者投稿親自實踐的創新型用例。

投稿郵箱:content@jiqizhixin.com

無論用哪種模型生成精美圖片,提示語都會包含對調色盤的要求。

想要營造日落的氛圍感覺?

一定要提示,使用溫暖、明亮的日落色調。

還要強調色調給人的感受,如一種壯麗、瑰麗的感覺。

圖片

提示語:Portrait of a charming lady , sunset-inspired hues, epic mood

營造復古氛圍?

一定要用柔和並帶有陳舊感的色調,比如橘黃、暖棕、深綠。

還要告訴大模型,希望色調傳達出一種類似看到自然奇觀、宗教聖地時被激發出的那種感覺。

結果,我們做出了這張復古風的甲殼蟲圖片。

圖片

提示語:Portrait of A vintage beeetle car, Retro inspired colors, Awe-inspiring mood

這種白/灰與橙色的搭配創造出強烈的視覺對比,使影像更有吸引力和戲劇性。

圖片

提示語:Portrait of a robot, Deotone colors palette, Bold mood

從裝修房子、買傢俱,到網站、作品設計,配色在日常生活中隨處可見。

但是,選擇色調常常是一場痛苦的拉鋸戰,也是一個專業活兒。

連設計師都容易迷失在色彩的海洋中,別說我們這些對色彩搭配一竅不通的普通人。

圖片

好了,現在有幫手了!除了文字、影片、圖片,AIGC 還能直接生成調色盤!

這個很小眾的 AIGC 應用 ColorAI ,是一個調色盤生成器,只要寫出自己的創意和設計理念,它就能自動生成配色。

AI在用 | 發現一個AI調色盤,還真整出了「五彩斑斕的黑」

影片連結:https://mp.weixin.qq.com/s/d2Y2ANwaPxWpvswJmlllug

這個 ColorAI 和一般設計類 AI 有點不同,它會解釋為什麼這些顏色非常適合你的創意。

一旦看懂效果和寓意,咱們這些完全不懂設計的人也能自信地選出滿意的方案。

-1-

看懂 ColorAI

ColorAI 的介面很簡單,但要讀懂,還得費點功夫。

圖片

上方(左):輸入自己的創意理念,如你要設計什麼、希望傳遞一種什麼樣的理念和感受;

上方(右):調整命令遵循的程度、選擇配方方案;

填寫、選擇完畢,即可點選生成,得到一套配色方案(下方)。

ColorAI 提供了五個常見的配色方案:

Triadic、Analogous、Compound、Complementary、Monochromatic

圖片

不想太費腦子瞭解?你可以選擇「自動」,讓系統為你決定。

但瞭解這幾個方案,有助於更快找到更合適的配色。

Triadic ,三元色配色方案。在標準的12 色色輪上選擇三個相隔 120 度的顏色,如紅、黃、藍。

圖片

這種配色方案是幾種方案中最均衡的,因為顏色豐富,通常會有鮮明的視覺對比效果。

你可以在很多日出、日落的自然風景圖片中看到這種配色。

圖片

來自franso.hk

這張約翰·列儂是典型的三元色配色方案,視覺衝擊力很強。

圖片

Analogous,相似色配色方案。選擇色輪上相鄰的顏色,比如,黃、黃綠、綠。

圖片

因為選擇的是色輪上相鄰的顏色,所以整體效果非常和諧,視覺上平滑過渡,讓人感到舒服。

ChatGPT 網頁設計就是一個相似色的配色方案,藍色和粉紅色在色輪上相對接近,中間以紫色作為過渡,創造出柔和而和諧的視覺效果。

圖片


Complementary,互補色方案。選擇色輪上對立的兩種顏色。

藍橙就是一組經典的冷暖互補色,我們常說的紅配綠,也是一種互補色方案。

圖片

這個房間設計就是互補色方案,例如藍色和橙色,這些互補色很好地結合在一起,因為它們在視覺上相互平衡,明亮的橙色提供溫暖和亮度,平衡深鈷藍色。

圖片

Compound,複合色配色方案。選擇一種基本顏色作為主色,然後,找到這個主色在色輪上的對面的色(距離最遠的那個,也就是互補色),選擇互補色兩側相鄰的顏色與之搭配,而不是直接使用互補色。

圖片

你可以將 TA 視為「互補色方案 」的減輕版——仍然是強烈對比,但更為柔和,減輕了眼睛的負擔,顏色選擇也更多。

圖片

Monochromatic ,單色方案。使用同一種顏色,但不同明度、飽和度和深淺來打造和諧的視覺層次。

尋找配色方案時,這是最為 easy 的模式,幾乎不會踩雷。

圖片

圖片

-2-

牛刀小試

現在,我想設計一個心理健康 App 介面。

「想為一款心理健康應用程式設計一個令人平靜和寧靜的配色方案,使用者一看到這些顏色,就會感到放鬆和平和。」

配色方案,選擇「自動」,立刻得到一組配色方案。

總體感覺,結合了海水的藍綠色、沙灘的淺色和日落時的溫暖色調,視覺上令人愉悅和放鬆。

圖片

可能你也注意到了,每個顏色的面積大小不一樣。

其實,這是一個設計原則的體現:

最好不要均勻分佈這些顏色,相反,選擇一個顏色占主導地位。

如大面積使用的 「Tranquil Sea(寧靜的海)」,一種柔和的淺藍綠色。

另外兩種顏色用來強調它:

一個是 「Soft Breeze(柔和的微風)」,一種非常淺的米色;

另一個是 「Gentle Sand(溫和的沙)」,一種柔和的珊瑚紅。

通常,這些配色的黃金比例是 60:30:10

除了顏色配比,可能你還注意到,每個顏色的右下方有三組編碼。

以 Tranquil Sea(寧靜的海)為例。

圖片

三組編碼,其實是該顏色的三種表達方式:HEX、RGB、HSL,目的是在不同應用場景中,方便設計師或者開發者精確複製、使用這種顏色。

比如,HEX 常用於網頁 CSS 和設計軟體,通常由 6 位十六進位制數字組成,分為 3 組,每組代表紅、綠、藍。

HEX: #A8DADC,亦即 A8 = 紅色, DA = 綠色, DC = 藍色。

RGB 常用於數字影像處理和程式設計, 而 HSL 對分別對應色相、飽和度、亮度,也是一種更為直觀的顏色表示方法。

最值得一提的是,頁面左邊的兩個說明

一個叫 「Sensory reference」,是指「感官參照」或「感覺參考」,解釋了為什麼這些配色對心理健康應用程式特別有效,讓我們對 AI 生成的方案有一個更清楚的理解。

如,「透過模仿自然界中令人安心的元素來促進放鬆。柔和的色調喚起水的寧靜、空氣的輕盈和大地的溫暖。從科學角度來看,某些色調能夠減緩心率、平靜神經系統,從而減輕壓力和焦慮。」

另一個是,這種參照的「文化意義」。

如,「在日本禪宗花園中,使用相似的色調來創造冥想的氛圍。古希臘人相信海洋的顏色具有治療特性。在法國洛可可時期,淡色調很受歡迎,象徵著和平與優雅。」

這個在設計中扮演著關鍵角色,尤其是在設計全球化的應用時。

如,在西方,白色通常代表純潔和平和,但在一些東亞文化中,它可能與哀悼和死亡相聯絡;紅色在中國文化中代表喜慶和好運,但在一些西方文化中可能暗示危險或警告;綠色在許多文化中與自然和生命聯絡,但在一些中東國家,它可能有特殊的宗教意義。

好了,我們再試一個配色方案,幾乎每個人都會碰到的——裝修房子。

「為一個小學生書房建立一個充滿想象力又不乏舒服的配色方案,這個配色方案應該喚起自然靜謐、博物豐茂的感覺,同時也有天馬行空的想象力。」

我們先選了一個三元色的方案。

圖片

作為對比,我們又嘗試了單色調的方案。

圖片

換做以前,我肯定會選單色調方案,雖保守但幾乎不會踩雷。

現在,有了 AI 解釋和保證,一定會選擇更大膽的三元色方案。

-3-

突發奇想

寫到這裡,想起《慶餘年》有一個梗,所謂「五彩斑斕的黑」,究竟能不能實現?

如果將三皇子即興發揮的一連串莫名其妙的需求,給到 AI,會怎麼樣呢?

輸入提示:

「這是一所頗具中國古風的高檔娛樂會所的窗簾方案,最好的效果是將三種顏色混合在黑色中,乍一看是黑色,但仔細看會發現藍、粉、紫三種顏色都有。」

還真有了。

圖片

系統採用了相似色配色方案(Analogous color scheme):

主色調是 clipse Blue (日食藍),輔以 Mystic Rose (神秘玫瑰),Royal Amethyst (皇家紫水晶)。

有一種深邃、神秘和奢華的感覺。

它是這樣解釋的,「將藍色、粉色和紫色的色調混合成接近黑色的顏色,創造出一種深度和神秘感。這些顏色出現在傍晚的天空、深海和暮光時刻,喚起平靜和奢華的感覺。從科學角度來看,深色調可以減少視覺疲勞並增強注意力集中。」

至於文化意義,「在古代中國,深色象徵著精緻和神秘。藍色與不朽相關,粉色與浪漫相聯,而紫色則代表皇權和靈性。在奢華的環境中結合這些顏色,能喚起歷史豐富性和文化深度的感覺。」

對於這個方案,想必三皇子會給滿分吧!

其實,ColorAI 網站上還有很多現成的配色方案,可以參考。

例如,一家專業戶外探險公司要組織探險活動,這組方案就是專為腎上腺素癮君子、自然愛好者準備的。

紅色點燃激情和腎上腺素,喚起興奮和活力。綠色代表著自然、增長和可持續性。淺藍色喚起平靜和清晰,常見於薄霧繚繞的山脈和晴朗的天空。

圖片

不用綠色,也能專為高品質、有機食品品牌建立一個合適的配色方案,反映品牌的價值觀。

圖片

科技創新活動或者網頁設計,或許可以參考這個配色方案:

量子藍象徵著深度和智慧,喚起了天空和海洋的無邊無際。Circuit Gray 暗示著中立和精緻,反映了技術與人類智慧的平衡。

圖片

如果是讀書應用或者活動,可以考慮這個配色:

明亮而充滿活力,這種組合讓人想起晴朗的天空、陽光明媚的日子和生機勃勃的風景。這些顏色激發了好奇心和創造力,營造出積極和溫馨的學習環境。

圖片

最後,奉上工具連結: https://colorai.app/

以後我們會帶來更多好玩的AI用例,也歡迎大家進群交流。

圖片

相關文章