從這些工具開始,在設計時更科學地搞定配色!

      作者:chenzimu7
      分類: 觀點/經驗
      2017-06-23
      5705

      設計師所熟練使用的諸多工具中,色彩絕對是最重要的一種。無限的色彩組合和多樣的色調變化,并不可能完全為人所掌握。

      設計師所熟練使用的諸多工具中,色彩絕對是最重要的一種。無限的色彩組合和多樣的色調變化,并不可能完全為人所掌握,在設計項目中,色彩的運用方式也是千變萬化,所以配色這件事,始終都是技術活,合理的運用工具才能盡可能好而快地搞定色彩的問題。

      所以,今天的文章我從3個方面梳理出了設計師最常用的色彩工具合集,希望對你有所幫助:

      ○獲取靈感

      ○創建自己的配色方案

      ○讓配色方案無障礙地使用

      1、獲取靈感

      大自然

      獲取靈感的方式很多,其來源也各不相同,各種平面設計作品、室內設計案例、時尚先鋒們的新聞等等嗯低。其實最好的色彩組合常常源自于大自然,漂亮的照片中的配色方案通常不會差到哪里去,所以,不妨從自然中獲取配色靈感~

      大自然.png

      Behance

      Behance 是目前最具影響力的設計師在線作品展示平臺,大家也常常通過Behance 獲得設計靈感。如果你在配色上有一定需求,并且有大概的方向,你可以按照色彩來篩選作品,作為你的配色靈感。

      Behance.png

      Dribbble Colors

      另外一個著名的設計師作品發布渠道,Dribbble 在設計師圈子內也是不可替代的存在。同樣的,當你需要針對特定的色彩來探索配色方案的話,在瀏覽器的輸入框當中輸入 http://dribbble.com/colors 便可根據色彩來選取顏色。

      Dribbble Colors.png

      除了基本的篩選功能之外,你還能設置色彩比例(比如30%的藍色)

      Dribbble Colors.png

      Designspiration

      與其說 Designspiration 是一個配色工具,不如說是一款配色方案探索工具,你可以在色板中挑選你想要的色彩,然后根據這些顏色搜索現有的設計作品,來查看它們的探索效果。

      Designspiration (1).png

      Designspiration (2).png

      Tineye Multicolr

      Tineye 的這個網站以 Flickr 內2000多萬的創意圖庫為數據庫,幫你找出特定色彩、甚至特定色彩配比的圖片,讓你更快地找到你想要的圖片。

      Tineye Multicolr.png

      Colorzilla

      ColorZilla 是一款適用于谷歌瀏覽器和火狐瀏覽器的插件,其中包括一系列色彩相關的工具,包括取色工具、調色工具和漸變色 CSS樣式生成器等等。

      Colorzilla.jpeg

      Shutterstock Spectrum

      其實,判定一個配色方案是否可行最靠譜的方法是將它放在圖片中來看,現在主要的圖庫都提供類似的服務,不過Shutterstock Spectrum 所提供的服務尤其突出,因為他們所提供的預覽圖夠大?,F在你可以訂閱他們的服務,你還能通過他們的預覽圖生成相應的配色方案。

      Shutterstock Spectrum.png

      2、創建配色方案

      Material Design Color Tool

      Material Design Color Tool 能夠幫你探測不同的色彩組合是否具備良好的可用性,你還可以在這里創建、分享配色方案。

      Material Design Color Tool.png

      Coolors.co

      Coolors 是一款用改創建多姿多彩配色方案的優秀工具,你可有簡單地鎖定特定的顏色,一鍵生成完整的配色方案。這個工具的優秀之處在于,它每次所生成的都不是單一方案,而是多個方案供你選擇。

      Coolors.co.png

      Coolors.co.png

      Adobe Color CC

      這款血統純正的工具最初是以Kuler的名字而存在的,有桌面端的版本,也有網頁版,可以快速取色并生成配色方案:

      Adobe Color CC.png

      Color CC 允許你創建和保存各種配色方案,每種配色方案由一組五種色彩組成:

      Adobe Color CC.png

      你還能瀏覽Kuler 社區中成千上萬的配色方案:

      如果你使用的是桌面端版本,還能將配色方案直接導出,并且在PS、AI和ID中直接使用。

      Adobe Color CC.png

      Paletton

      Paletton 是一款和 Adobe Color CC 非常類似的工具,不同之處在于,它不再受限于5種配色,而是能夠調用更多的色彩。

      Paletton.png

      3、色彩的無障礙使用

      用戶們所存在的視力問題,比我們想象的要廣泛得多。全球范圍內大概有2.85億人有著不同輕重的視力障礙。其中絕大多數的用戶視力障礙為低等到中等。所以,為了確保色彩的無障礙使用,我們需要借助特定的工具來實現。

      WebAIM Color Contrast Checker

      有的色彩能夠合理的搭配,有的色彩之間會相互沖突。令人驚訝的是,許多網站都沒有通過AA測試。不想成為其中之一,不妨使用 WebAim Color Contrast Checker 來對你的網站配色進行檢測吧。

      WebAIM Color Contrast Checker.png

      Coolors

      Coolors 能夠對你的網站進行色盲測試。你所需要做的就是挑選界面中的色彩。

      Coolors.png

      選取一組能夠反映你的配色方案的色彩,將模式從正常更改為測試模式,就能看到有色盲和視覺障礙者查看你網站時候的樣子。

      Coolors.png

      Coolors.png

      NoCoffee Vision Simulator for Chrome

      NoCoffee Vision Simulator 可以在谷歌瀏覽器中模擬視覺障礙者查看網頁時候的體驗。

      NoCoffee Vision Simulator for Chrome.png

      結語

      配色是一個看似簡單實則需要嚴謹對待的事情。你所做的不僅僅是找到色彩組合,而且它們要相互搭配,能夠為絕大多數用戶所使用,并支撐起整個設計。


      -end-


      0
      0
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 国产vr一区二区在线观看| 日韩精品乱码AV一区二区| 精品一区二区三区在线观看视频| 国产丝袜无码一区二区视频| 一区二区在线视频| 一区二区精品在线观看| 欧美日本精品一区二区三区 | 国产SUV精品一区二区88| 日韩精品成人一区二区三区| 日韩毛片一区视频免费| 日韩免费视频一区| 性色AV一区二区三区天美传媒| 亚洲国产日韩一区高清在线| 中文字幕精品一区| 国产福利电影一区二区三区,免费久久久久久久精 | 亚洲视频在线一区| 亚洲熟妇av一区二区三区| 一区二区三区免费在线观看| 国产精品亚洲一区二区三区 | 中文字幕日韩一区二区三区不卡| 日韩精品在线一区二区| 国产在线精品一区二区不卡麻豆| 无码人妻精品一区二| 人妻无码一区二区视频| 国产一区二区在线视频播放| 天堂一区人妻无码| 韩国精品福利一区二区三区| 精品亚洲AV无码一区二区三区 | 亚洲欧美国产国产一区二区三区| 久久精品国产第一区二区三区| 一区二区在线视频| 伦精品一区二区三区视频| 亚无码乱人伦一区二区| 精品一区二区三区免费毛片| 国产精品毛片一区二区| 一区二区三区免费看| 激情综合一区二区三区| 日韩精品无码一区二区中文字幕 | 色国产在线视频一区| 国产亚洲福利精品一区二区| 一区三区三区不卡|