設計資源分享:配色篇-5個超好用的配色網站 - Medium
文章推薦指數: 80 %
最後再來介紹一款非常實用的工具,是由GOOGLE開發專門提供給UI設計師或前端工程師參考的配色網站,可以選擇網站上提供的色票去選擇主要想搭配的顏色或是 ...
GetunlimitedaccessOpeninappHomeNotificationsListsStoriesWritePublishedin聽說你想學設計設計資源分享:配色篇-5個超好用的配色網站不管你本身是設計師或是從事需要跟設計師溝通的行業,了解一些基本的配色工具和方法都會很有幫助的,這次先來幫大家介紹五款好用的配色工具和網站,幫助大家在配色時不會沒有靈感或是胡亂配色。
第一款: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/lotushj1Morefrom聽說你想學設計Hi大家好,我們是聽說你想學設計。
是由喜愛平面設計的凱文和喜愛動態設計尚儒一起共同經營我們專門分享平面設計和動態設計相關知識不管你是對設計有興趣或是本身工作就是從事設計非常歡迎大家一起來交流學習Readmorefrom聽說你想學設計AboutHelpTermsPrivacyGettheMediumappGetstartedKevinKuo400Followers數位媒體和人類學背景,目前在醫療產業從事品牌設計,也做過行銷工作,平時喜歡看各種跟設計相關內容,想把與設計相關的內容分享給大家,歡迎各領域的朋友一起交流。
追蹤我的其他社群平台:https://linktr.ee/kevindesign聯絡信箱:lotushj1@gmail.comFollowHelpStatusWritersBlogCareersPrivacyTermsAboutKnowable
延伸文章資訊
- 1網頁設計色彩搭配9技巧,不能不知的色彩心理學 - 跨境電商
打造一個品牌網站,在網頁設計視覺上給人的形象與感覺是很重要的,你的網站顏色搭配、Logo顏色挑選是否恰當呢?根據研究結果顯示,顏色會增加80%的品牌認知度, ...
- 2網頁設計配色基礎-6個你絕對有用的色彩網站 - 可思科技
你選到尬意的顏色之後,網站則會提供第二個與它搭配的色彩,你一樣可以LIKE 或DISLIKE,依此類推直到完成你的色彩組合! 與上面幾個網站不一樣的是這組合是 ...
- 3一手掌握10種情境模擬,30種絕佳的網站配色! - Shutterstock
顏色是人們在你的網站上注意到的第一個項目。運用這些專業調製的色彩搭配,讓自己搶佔先機吧。
- 47個網頁設計的高檔配色 - Media Studio HK
2.您的配色板應與你的品牌和網站風格相得益彰。 3.選擇搭配和諧的顏色,如果您不確定要選擇什麼顏色,可以考慮使用色輪來找好搭配的顏色。
- 5設計師都愛用!49 個免費配色工具推薦:配色參考、技巧及靈感
網頁版和Chrome 擴充免費; iOS app: USD $2.99; Adobe 擴充:USD $3.49 ... 它甚至可以與其他的繪畫軟體搭配一起使用,共用顏色調色盤及色票。