色票參考延伸文章資訊,搜尋引擎最佳文章推薦

1. Adobe Color: 色輪、調色盤產生器




2. 設計資源分享:配色篇-5個超好用的配色網站

最後再來介紹一款非常實用的工具,是由GOOGLE開發專門提供給UI設計師或前端工程師參考的配色網站,可以選擇網站上提供的色票去選擇主要想搭配的顏色或是 ...平面設計動態設計職場經驗設計觀察科技工具凱文設計粉專設計資源分享:配色篇-5個超好用的配色網站KevinKuoFollowNov16,2019·5minread不管你本身是設計師或是從事需要跟設計師溝通的行業,了解一些基本的配色工具和方法都會很有幫助的,這次先來幫大家介紹五款好用的配色工具和網站,幫助大家在配色時不會沒有靈感或是胡亂配色。

第一款:PALETTABLEPALETTABLE網站介面一進入網站會自由跳出一種顏色,如果喜歡這個顏色你可以按下LIKE,不喜歡則按下DISLIKE,按下後他會再換一個新顏色給你,最多會顯示五個顏色一組的配色,這些配色都是系統幫你搭配好的適合配色,如果最後選完有不喜歡的可以再刪除重新選擇。

最終還可以讓你把這些配色輸出成PNG圖檔,不管設計或畫圖時直接放在軟體內吸取顏色或是把這份配色圖交給執行的設計師參考都非常方便。

在配色完全沒靈感時我很喜歡用這個網站來隨意搭配看看,有時總會有些驚喜和新的靈感。

評分:實用:☻☻☻☻趣味:☻☻☻靈感:☻☻☻(滿分五個笑臉,至於為什麼用笑臉,就想用,沒什麼原因XD)第二款:BrandColorsBrandColors網站介面這網站非常特別,他們蒐集了世界上各大品牌的品牌色,如果你想看看這些世界級的品牌是怎麼配色可以來參考看看,這網站比較適合當做參考,如果剛好你也做品牌設計時,也許這些配色能給你一些靈感。

評分:實用:☻☻☻趣味:☻☻☻☻靈感:☻☻☻☻第三款:ColorableColorable網站介面一個非常實用的網站,有時我們需要找到適合搭配的字體顏色和背景顏色,但是在設計軟體中嘗試搭配有時太慢又很難馬上看出在網頁呈現的效果,這個網站完全解決我們的需求,你可以針對你想要嘗試的字體和背景配色去做搭配,而且馬上就能看到呈現效果,可以說是一個實用度滿分的網站。

評分:實用:☻☻☻☻☻趣味:☻☻靈感:☻第四款:COLORLEAPCOLORLEAP網站介面我非常喜歡各種有趣的配色,COLORLEAP這個網站依照時間軸的方式提供不同年代對應的配色,參考的配色通常都是當時的藝術創作或是海報設計的配色等,對於想要製作某些特定時代的設計或是當做靈感參考都非常棒,我覺得這個網站對我的來說最棒的地方在於可以看到人類歷史上各種藝術創作和配色風格的改變,真的很有趣。

評分:實用:☻☻☻趣味:☻☻☻☻☻靈感:☻☻☻☻第五款:COLORTOOLCOLORTOOL網站介面最後再來介紹一款非常實用的工具,是由GOOGLE開發專門提供給UI設計師或前端工程師參考的配色網站,可以選擇網站上提供的色票去選擇主要想搭配的顏色或是自己輸入想要顏色的色號都可以,網站還提供各種不同常見版型的配色呈現參考,也能針對網頁上的字體顏色和透明度對於需要做網頁色彩搭配的人可以說是神器。

選擇好配色後,還能點選網站上Accessibility,還提供不同配色字體顏色適不適合呈現的參考,如果字體顏色不適合呈現在背景色上就會看到NOTLEGIBLE和驚嘆號標誌的提醒,也有透明度最小值的建議參考。

評分:實用:☻☻☻☻☻趣味:☻☻靈感:☻☻☻這次的配色工具介紹就到這邊,如果大家對各類配色工具還有興趣可以留言告訴我或是給我多點拍手,如果迴響好的話,我會再整理更多配色相關的內容,如果有其他設計相關想看的都可以留言告訴我喔。

想要追蹤最即時的訊息和內容,歡迎大家追蹤我的粉絲專頁,上面會定期分享各種跟設計有關的內容,Medium的文章也會轉到粉絲專頁分享。

粉絲專頁:郭政佑Kevin(歡迎分享轉載本文,如有轉載請註明來源!)我的其他熱門文章:Icon圖示免費下載:優質icon網站推薦-Flaticon看到喜歡的字體,不知道字體名稱怎麼找?3種方法分享給你超好用免費中英文字體下載網站防疫在家,推薦給你超過10個優質設計相關線上學習網站與課程學習平台(2020)如果想要支持我繼續創作,歡迎點選下方連結加入會員給我一個like,我就能夠得到收益,當然點選後你無須付出任何費用。

https://button.like.co/lotushj1聽說你想學設計聽說你想學設計DesignUIGraphicDesignColorsDesignTools462 claps462聽說你想學設計Hi大家好,我們是聽說你想學設計。

是由喜愛平面設計的凱文和喜愛動態設計尚儒一起共同經營我們專門分享平面設計和動態設計相關知識



3. 驚豔!101款讓人愛不釋手的免費商用設計配色組合

Shutterstock為您準備了101組免費商用設計配色組合,無論是單色、明亮、冷色、暖色 ... 這就是為什麼我們整理了101款的顏色組合,提供各位參考使用。

Home›免費下載›激發你的設計靈感!!讓人愛不釋手的101組配色方案Sharethis:TwitterFacebook色彩是設計中最重要的一個部分。

在這篇文章中,我們整理了101種免費商用設計配色組合,這些全新色彩組合將為你的下一個專案提供充沛的靈感。

封面圖像來自:BukhtaYurii. 。

顏色會確立視覺上的基調,吸引瀏覽者的同時也形塑他們的看法。

無論是單色、明亮、冷色、暖色或互補色,各種色彩都在設計中佔有一席之地。

為設計找到一款合適的顏色,有時會讓人感到垂頭喪氣。

這就是為什麼我們整理了101款的顏色組合,提供各位參考使用。

每款配色方案均以Shutterstock圖像作為靈感的啟發,並搭配一組顏色16進位碼,讓你可以使用在網站設計、社群媒體廣告以及直郵廣告中,甚至改建你的廚房都可以用上!請造訪Shutterstock編輯器中現有的配色方案,在編輯器中利用預設範本開始設計!喜歡其中的一個配色方案嗎?也請記得一定要「釘」(Pinit)在你的設計分類(board)中,方便以後找靈感使用喔!單色系單色的配色方案是由一個單一的基本色組成,然後以該顏色的色度、色彩以及色調來做延伸。

透過增加黑、白或灰至顏色,你可以創造出一款風格一致的通用配色方案,看起來既柔和又不費力。

01.舒適與中性(Comfy&Neutral)作者PhilippShuruev02.甜膩瑪瑙(MellowAgate)作者Gluiki這款被我們的自然奢華(NaturalLuxury)潮流所啟發的水晶瑪瑙色,從黃色色度中延伸而出,賦予了顏色一種明亮陽光的色調。

快利用這個配色方案來抓住觀眾的目光,或是選擇另一款黃色的色彩,來為你的設計增加對比。

03.薄霧綠(MistyGreens)作者FlashMovie04.憂鬱植物藍(SubduedSucculent)作者PatiwatSariya仙人掌及多肉植物是一股自然界的力量,並且依舊為現在相當風行的趨勢。

對於這些沙漠植物的喜好度節節上升,而且將會持續在設計界大放異彩。

平靜又饒富趣味的藍色或綠色調,這些顏色很適合作為你下個專案的色彩靈感。

05.西部風格(WesternWear)作者BogdanSonjachnyj06.翡翠花園(EmeraldGarden)作者rattiyalamrod這款美麗的電子書範本可在Shutterstock編輯器中自訂,相當適合以自然為主題的相關設計。

07.瑰麗紅(RosyReds)作者Gilmanshin08.粉紅粉末(PinkPowders)作者Plateresca09.電光紫(ElectricPurples)作者MaxFrost霓虹燈配上繽紛的顏色所創造出的新極簡主義,持續作為主要趨勢之一大放異彩。

讓你的設計結合流行的濃縮色彩放電,魅惑吸引觀眾。

冷色系冷色系包括藍、綠和紫色,散發出寧靜和舒緩的共鳴。

透過將這些顏色融入設計中,可以展現信任與冷靜。

這些顏色與暖色都能做很好的搭配並形成對比。

10.土耳其咖啡(TurkishCoffee)作者Nella11.色彩迴旋(ColorWhirl)作者Zaksheuskaya12.頹廢塗鴉(GrungeGraffiti)作者TWStock13天體綠(CelestialGreen)作者Spacecreator天體隕石坑和其他星系美景也是相當被看好,後勢持續看漲的重要的趨勢。

從這些耀眼的空間奇異空間找到靈感,設計一款真正絕無僅有絕佳的設計。

14.軟木塞(CorkCrowd)作者KarpenkovDenis15.蛇皮與鱗(Snakeskin&Scales)作者ISStudio16.群花齊開(BloomingBlossoms)作者schankz17.多角萬花筒(AngularKaleidoscope)作者dinkaspell複雜的萬花筒圖案成為一個風行全球的趨勢;最初起源於國際間的文化,因為其對稱和無縫接軌的特徵,這些複雜的圖案很適合做為背景使用。

18.覆盆莓塔(RaspberryTart)作者j.chizhe19.維他命海(VitaminSea)作者BlueOrangeStudio20.冰凍石(IcyStone)作者marbleszon



常見生活風格問答


延伸文章資訊