當你做設計時, 「顏色」可能是一個比放了什麽漂亮圖片更重要的元素, 網路上有很多討論色彩心理學的文章都說準確的、舒適的色彩應用可以產生迷人的印象。
我自己也不是色彩設計的高手, 但最近在研究設計師們會如何選色、配色時, 發現了許多線上的自動配色網站, 這些網站提供了很多聰明的選色器工具, 或是很多具有創意的配色表, 可以提供許多「原來可以、應該這樣配色」的好建議, 甚至激發設計師們的色彩搭配靈感。
所以今天這篇文章, 就讓我把這段時間收集研究的成果, 一起分享出來給需要的朋友,
1. Coolors:快速配色自動建議
Coolors 是一個超級簡單的配色方案生成器, 有網頁版, iOS 版, 穀歌流覽器外掛程式, 以及 Photoshop 的外掛程式班(需付費)。
Coolors 最大特色就是提供了免費的「自動配色器」, 隨機產生推薦的配色結果, 讓你知道那些顏色適合一起搭配使用, 在快速產生的多組配色中, 也能激發我們的設計靈感。
只要打開 Coolors 的[ Generator ]線上工具, 按下空白鍵就能快速切換不同配色, 也能在[ Browser ]頁面流覽那些設計師們推薦的經典配色。
你可以將完成的配色方案保存起來在多端進行同步, 你的配色方案將會進入到系統清單中分享給大家, 如果喜歡可以直接從這裡獲取配色方案。 如果你正為配色發愁, 你同樣也可以到這裡來找找靈感。
2. BrandColors:查詢知名品牌的配色
BrandColors 收集了世界上許多知名品牌的配色表, 讓我們知道一個成功品牌如何在它的網頁、產品、 Logos 上做顏色設計, 是非常直接有效的參考, 也能讓我們下載任何一個品牌的配色表。
3. Plartton:強大可預覽的自動配色產生器
Plartton 是一個免費而且強大的配色產生器,
這時候我們還能按下右下方的[ Examples ], 在一個模擬網頁中查看這個配色呈現出來的實際效果。
4. 0to255:簡單易用線上色票
0to255 就是一個快速的顏色挑選網站,我們先選擇一個主要的顏色,接著就可以看到這個色系中所有顏色的對比表,方便我們挑選出一個適合的顏色代碼來使用。
5. COLOURlovers:幫你配色的色彩設計社群
比起機器的配色,或許來自人的色彩設計靈感更能觸動人心, COLOURlovers 由社群使用者分享各種主題的配色靈感,你可以在這裡找到婚禮、印刷、網頁設計的各種配色表,這些配色方法都是由不同的設計師提供,你還能看到大家的評價。
6. Adobe Color CC:來自 Adobe 的專業選色器
Adobe Color CC 前身是 Adobe Kuler ,從 Photoshop 時代就是設計師們最經典的配色建議工具,透過線上的 Color CC 自動調色盤,經過專業的顏色對比模擬,讓你快速選出適合的配色方案。
我們只要在調色盤上輕鬆拉動滑鼠,就能在專業的色彩設計原理下產生不同的配色結果,或者也能流覽 Adobe 上由專業設計師提供的[配色方案]。
你可以上傳喜歡的作品,看看它的配色
7. uicolors:找到介面的主要配色
如何用這個顏色當介面會怎樣? uicolors 讓你挑選顏色後,可以立刻嘗試看看用這個顏色當作介面底色的實際範例,更容易找出我們想要的效果。
8. Coleure:隨選隨看配色範例
Coleure 不只讓我們挑選喜歡的顏色,還能在右方立刻看到這個顏色搭配黑白文字或其他色彩的版面搭配效果,所見即所得的功能讓我們更容易挑出自己想要的配色。
9. flatuicolors:扁平化設計常用色彩
這個網站提供了扁平化設計中常用的色彩,只要按下喜愛的扁平化設計常用顏色,就能直接複製 Hex 色碼。
10. stylifyme:抓出任何網站的配色表
看到一個網站設計覺得很漂亮,想知道它的顏色是怎麽搭配的?那麽只要到 Stylifyme 中輸入網站網址,就能立刻獲得這個網站的配色表啦!對設計師來說是非常實用的參考工具。
以上,就是我這陣子研究收集的配色表、選色器網站,其中有些線上工具的自動配色、推薦選擇功能十分便利,而有些配色建議則可以激發我們的設計靈感。
Pinterest 網站配色
文章轉自:電腦玩物
——————
如果你也想學遊戲,現在關注公眾號“圖元種籽君”即可報名免費試聽課程。瞭解課程詳情,請聯繫種籽君(微信id:pixseeder1),或在微信後臺給種籽君留言。
4. 0to255:簡單易用線上色票
0to255 就是一個快速的顏色挑選網站,我們先選擇一個主要的顏色,接著就可以看到這個色系中所有顏色的對比表,方便我們挑選出一個適合的顏色代碼來使用。
5. COLOURlovers:幫你配色的色彩設計社群
比起機器的配色,或許來自人的色彩設計靈感更能觸動人心, COLOURlovers 由社群使用者分享各種主題的配色靈感,你可以在這裡找到婚禮、印刷、網頁設計的各種配色表,這些配色方法都是由不同的設計師提供,你還能看到大家的評價。
6. Adobe Color CC:來自 Adobe 的專業選色器
Adobe Color CC 前身是 Adobe Kuler ,從 Photoshop 時代就是設計師們最經典的配色建議工具,透過線上的 Color CC 自動調色盤,經過專業的顏色對比模擬,讓你快速選出適合的配色方案。
我們只要在調色盤上輕鬆拉動滑鼠,就能在專業的色彩設計原理下產生不同的配色結果,或者也能流覽 Adobe 上由專業設計師提供的[配色方案]。
你可以上傳喜歡的作品,看看它的配色
7. uicolors:找到介面的主要配色
如何用這個顏色當介面會怎樣? uicolors 讓你挑選顏色後,可以立刻嘗試看看用這個顏色當作介面底色的實際範例,更容易找出我們想要的效果。
8. Coleure:隨選隨看配色範例
Coleure 不只讓我們挑選喜歡的顏色,還能在右方立刻看到這個顏色搭配黑白文字或其他色彩的版面搭配效果,所見即所得的功能讓我們更容易挑出自己想要的配色。
9. flatuicolors:扁平化設計常用色彩
這個網站提供了扁平化設計中常用的色彩,只要按下喜愛的扁平化設計常用顏色,就能直接複製 Hex 色碼。
10. stylifyme:抓出任何網站的配色表
看到一個網站設計覺得很漂亮,想知道它的顏色是怎麽搭配的?那麽只要到 Stylifyme 中輸入網站網址,就能立刻獲得這個網站的配色表啦!對設計師來說是非常實用的參考工具。
以上,就是我這陣子研究收集的配色表、選色器網站,其中有些線上工具的自動配色、推薦選擇功能十分便利,而有些配色建議則可以激發我們的設計靈感。
Pinterest 網站配色
文章轉自:電腦玩物
——————
如果你也想學遊戲,現在關注公眾號“圖元種籽君”即可報名免費試聽課程。瞭解課程詳情,請聯繫種籽君(微信id:pixseeder1),或在微信後臺給種籽君留言。