您現在的位置是:電腦技術吧?>? 組裝維修 ??>??衣服色彩搭配技巧,色彩搭配口訣??>??正文詳情

衣服色彩搭配技巧,色彩搭配口訣

勢力行2019-11-22 13:21:48 人圍觀
簡介信息可視化軟件雖然目前已有較好的配色方案,但仍難以找到適合于數據可視化的配色方案。由于信息圖的獨特性,在保證顏色識別清晰度的同時,必須滿足豐富而不凌亂的顏色匹配要

雖然如今好的配色方案已經唾手可得,但想為數據可視化找到合適的配色方案,難度仍然不小。

因信息圖的獨特屬性,在保證色彩具有清晰辨識度的同時,還必須滿足豐富而不凌亂的配色要求。

不過即使你對色彩不敏感,用了今天這篇干貨提到的3個技巧,也能輕松制作出好看的信息圖。

  在信息圖方面,事情甚至更加棘手,因為我們要通過上千種各不相同的數據集合來傳遞信息,它們有著各自迥異的視覺表現。

  目前的問題  我們沒有立刻開始建立自己的配色表,而是發起了一些調查,研究網絡上已存在的配色方案。

令人驚訝的是,我們發現其中只有少數是為復雜的圖表和數據可視化而設計的。

我們發現一些不能使用現有配色的原因。

  問題1:辨識度低  我們看過的許多配色方案都不適用于數據可視化。

不僅由于顏色的明度差異不大,其實它們在創造時就沒有考慮過辨識度。

Flat UI配色是最廣泛使用的配色之一,原因顯而易見:它非常優秀。

但是,正如它名字所述,這是為界面而設計的。

使用Flat UI配色的話,色盲者就難以辨認出數據圖像。

  Flat UI配色的完整色彩、紅色盲模式、灰度模式。

  問題2:色彩不夠多  另一個問題是,許多現有配色方案沒有足夠的顏色。

創造數據可視化信息圖時,我們需要至少6種顏色的配色方案,甚至有時需要8到12種顏色,才能滿足所有的應用場景。

我們看過的許多配色方案都沒有足夠多的色彩供選擇。

  下面是Color Hunt里的一些例子:

  雖然這些都是很棒的配色,但它們都不夠靈活,無法提供豐富的色系。

  問題3:難以區分  不過等一下,還有一些配色方案看起來像是漸變理論上說可以創造出任意數量的顏色,對吧?  不幸的是,它們明度差異通常不大,其中許多顏色很容易變得無法區分,就像這一組,同樣來自Color Hunt:

  我們試著選第一組,把它擴展為10級色彩:

  如果普通用戶能正確的區分出這些顏色,并與相應的數據項對應起來,我就服了,尤其是能區分出左邊的4種綠色。

  在Graphiq,我們以數據為生命,并且投入了大量時間尋找能夠用于數據可視化的配色方案,不是一組,而是許多組。

我們在這個過程中受益良多,并且打算分享這些能夠創造出靈活配色的準則:  第1條:色調與明度的跨度都要大  要確保配色非常容易辨識與區分,它們的明度差異一定要夠大。

明度差異需要全局考慮。

選擇一種單色系的配色,并且測試它在紅色盲、綠色盲與灰度模式下的表現。

你就能迅速了解這個配色的辨識度水平。

  △ Google Material配色中的淺藍色的完整色彩、紅色盲模式與灰度模式。

  但是,有一組明度跨度大的配色還不夠。

配色越多樣,用戶越容易將數據與圖像聯系起來。

如果能善加利用色調的變化,就能使非色盲用戶更加輕松。

  對于明度與色調,跨度越大,就能承載越多的數據。

  第2條:仿照自然的配色  設計師都知道一個小秘密,對于理性派們而言這似乎不符合常識:并非所有顏色都是均等的。

  從純數學的角度來看,淡紫到深黃的過渡,與淡黃到深紫的過渡,感覺大概相似。

但我們在下面可以看到,前者感覺很自然,后者則不是。

  這是由于我們已經習慣于那些長期存在于自然界中的漸變。

在華麗的日落中,我們就能看到明黃色向深紫色的漸變,但卻沒有哪里能看到淡紫色向深黃色的過渡。

  類似的,還有淺綠色到藏藍色、鵝黃色到深綠色、棕紅色到藍灰色,等等。

  由于我總能看到這些自然的漸變,所以當我們在可視化圖表中看到對應的配色時,會感覺熟悉和愉快。

  第3條:使用漸變,不要選擇一系列固定顏色  漸變配色結合不同色調,對兩者都最好。

無論你需要2種顏色還是10種,漸變中都能提取出這些顏色,讓可視化圖表感覺自然,同時保有足夠的色調與明度差異。

  改用漸變的思維并不容易,不過有個好方法,可以在Photoshop中拉輔助線到斷點位置,與數據的數量對應上,然后持續對漸變進行測試與調整。

以下是我們在修正漸變時產生的屏幕截圖。

  可以看到,我們將配色表緊挨著頂部的灰度漸變,調整漸變疊加(之后就能得到精確的漸變色值),然后從那些斷點處選取顏色,測試配色在實際運用中的效果。

  我們的配色方案  我們對最終成果感到興奮。

下面是我們使用的部分配色,它們都有從純白到純黑的漸變,以達到最大限度的明度差異。

  冷色、暖色和霓虹色。

  配色的實際運用

  長話短說  盡管優秀的配色方案越來越多,但并非所有都適用于圖表和數據可視化。

我們的配色方法就是創建色調與明度變化都足夠大的自然漸變。

這么做能使我們的配色便于色盲辨識,對其他人則更明顯,并且可以滿足1到12種數據。

版權聲明:本文由 勢力行 整理編輯。

原標題:衣服色彩搭配原理與技巧,信息可視化工具

轉載注明出處:http://www.dn9ww09s.icu/assemble/13929.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 百度地圖怎么制定旅游路線,百度地圖旅游路線規劃

    百度地圖怎么制定旅游路線,百度地圖旅游路線規劃 相關圖片百度地圖旅游模式再過一個多月,國慶長假就要到了。我相信許多小伙伴選擇開車旅行。那么百度地圖是如何標注旅游路線的呢?現在,超人軟件編輯想介紹一下百度地圖iPhone是如何看...

  • bat注釋命令,linux注釋命令

    bat注釋命令,linux注釋命令 相關圖片shell多行注釋pse:collapse;字體:14px/24px“投石機MS”,Helvetica,Microsoft YaHei,喬治亞州,無襯線;空白:normal;opython注釋方法...

  • 錯誤提示,錯誤提示dberror

    錯誤提示,錯誤提示dberror 相關圖片錯誤提示629許多小伙伴在選擇游戲平臺時不約而同地把目光集中在了h1z1上。然而,玩h1z1游戲偶爾會引起問題。例如,幾天前,一款令人不安的游戲《殺戮之王》今天更新了反插件系錯誤...

  • 巧影去水印破解版5.0,抖音剪輯視頻算搬運嗎

    巧影去水印破解版5.0,抖音剪輯視頻算搬運嗎 相關圖片巧影最新版本破解版6.0巧英是一款專業的視頻制作軟件。通過這個軟件,用戶只要使用手機就可以編輯視頻。那么喬英的水印怎么可能呢?喬英能加快錄像速度嗎?現在,讓超人軟件編...

  • 對比色應用,對比色有哪些

    對比色應用,對比色有哪些 相關圖片對比色的特點對比色在網頁中的應用非常普遍。它的特點是使畫面生動而充滿活力。冷暖色彩的比較人們通過生活中的經驗積累有一種冷暖色彩的心理感受。通常,橘紅被定義為暖色極...

  • office2010永久激活工具,電腦2010office自己怎么激活

    office2010永久激活工具,電腦2010office自己怎么激活 相關圖片office2010正版激活工具為了編輯word或excel,當用戶打開office 2010時,他們必須激活它才能正常使用。剎那間,斯巴達。如果你發現一個破解的版本或其他替代軟件,不僅需要時excel2010如何...

  • 液體,液體安全套有效果嗎

    液體,液體安全套有效果嗎 相關圖片液體蚊香怎么使用效果:源文件:1。創建一個新的20*50矩形,黑白線性填充,順滑10:2。選擇筆劃選項:3。stroke選項的參數如下。然后單擊“高級”并選擇形狀。參數如下:4女性液體...

  • 起點怎么添加本地圖書,本地書不能在起點打開

    起點怎么添加本地圖書,本地書不能在起點打開 相關圖片起點app自己的書單在哪開始閱讀是一個非常實用的閱讀學習軟件。在這個軟件中,用戶不僅可以獲得大量的網絡熱門小說,還可以將本地書籍導入其中,隨時隨地享受閱讀的樂趣。那么...

  • ol標簽,ol標簽怎么設置

    ol標簽,ol標簽怎么設置 相關圖片ol值定義和使用ol標記定義一個序列表。HTML 4.01和HTML 5的區別在html4.01中,不支持start屬性,html5中允許這樣做。在HTML4.01中ol標簽可以居中嗎...

  • 抖音視頻看不了,抖音短視頻

    抖音視頻看不了,抖音短視頻 相關圖片如何用照片做抖音視頻自助餐是一個非常有趣的視頻拍攝軟件。通過它,用戶可以拍攝非常酷的視頻。不過,最近很多年輕朋友都發現,拍照時會延遲。視頻和自助餐的延遲怎么辦?現...

熱評文章

  • 676錯誤,撥號錯誤676

    676錯誤,撥號錯誤676 相關圖片676親愛的win10用戶,我相信當連接到寬帶時,提示是錯誤的,對嗎?676錯誤代碼問題是常見的情況之一?win10中的676寬帶錯誤呢?接下來,超人軟件將為您編譯寬帶無法連接錯誤代碼676...

  • divcss網頁教程,divcss布局模板

    divcss網頁教程,divcss布局模板 相關圖片div和css布局怎么布局要學習這一系列教程,你需要有一些HTML和CSS基礎,也就是說,你以前做過網頁,并且會使用表格布局。如果你剛剛開始學習如何制作網頁,不知道什么是表格布局、...

  • B站真愛,嗶哩嗶哩真愛卡

    B站真愛,嗶哩嗶哩真愛卡 相關圖片b站你好沒了什么梗最近,B站給所有的孩子們帶來了一個叫比利比力我的活動。通過這個活動,玩家可以得到一張真摯的愛情票,投票給他們最喜歡的人。那么怎樣才能買到B站的真愛票...

  • 拼多多月卡免單規則,拼多多月卡免單能免多少

    拼多多月卡免單規則,拼多多月卡免單能免多少 相關圖片淘客免單哪里采集最近,越來越多的小伙伴會選擇使用拼多多應用進行網上購物。現在,你知道怎么免費得到平多多多嗎?現在,超人軟件編輯想為pinduoduo iPhone推出免費版嗎?拼多多免...

  • 生存曲線繪制,roc曲線怎么繪制

    生存曲線繪制,roc曲線怎么繪制 相關圖片奈奎斯特曲線繪制步驟帆布二維曲線法是近年來研究的一種三維柔體計算方法,在一定程度上填補了一些知識。它往往涉及到數值分析的某些方面,主要是曲線的各種插值算法。我突然...

  • 守護世紀,世紀守護下載

    守護世紀,世紀守護下載 相關圖片守護者世紀衛士是一款非常實用的閱讀和學習軟件。在這個軟件中,家長和朋友可以在第一時間了解學校的最新消息和孩子的安全信息。如何使用世紀衛士?現在,超人軟件編輯將向您...

  • 制作手提袋,手提袋制作 步驟

    制作手提袋,手提袋制作 步驟 相關圖片手提袋做手工制作圖片具體步驟如下:自制手提袋教程圖...

  • 配音秀多少分正常,配音秀用什么麥克風

    配音秀多少分正常,配音秀用什么麥克風 相關圖片手機配音秀字幕怎么做配音節目是一個非常有趣的軟件。在這個軟件中,用戶可以對各種視頻進行配音,那么如何對配音節目進行配音呢?現在,超人軟件的小編輯想為您介紹如何調整...

  • win10哪個版本,win10版本

    win10哪個版本,win10版本 相關圖片win10最流暢的版本為了幫助有需要的朋友,用戶對win10版本之間的差異有疑問和爭議。下面的編輯器將告訴您如何區分win10的計算機版本。方法如下:如何區分版本系統win10win10專業版...

  • 相近色有哪些,紫色的相近色

    相近色有哪些,紫色的相近色 相關圖片同色相似色彩是網頁設計中常見的色彩搭配,具有畫面統一和諧的特點。下面主要介紹相似色在暖色調和冷色調1中的應用方法。暖色暖色主要由紅、橙、黃等紅色色調組成。暖色給人溫...

關注微信

变脸官网查询