99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話:13121318867

登錄
首頁精彩閱讀為你的圖形展現(xiàn)選擇配色模式的3種簡單方法
為你的圖形展現(xiàn)選擇配色模式的3種簡單方法
2015-05-13
收藏

為你的圖形展現(xiàn)選擇配色模式的3種簡單方法


對于用色的常見誤區(qū):添加太多顏色的解決方案:使用更多的陰影去代替.

配色方案影響人們的理解力

這塊我手臂上的擦傷是烏青的還是藍黑的,如果一個橙子是橙色的那么胡蘿卜是什么顏色呢?當提到給藝術(shù)或者設(shè)計用色時,就會有一大堆對于顏色的不確定性和主觀性.本文旨在理清對這種情況的混亂,為你提供一些在工作中使用顏色以及創(chuàng)建配色模式的方法.

這可能會很主觀,我們同意色彩會影響我們的情緒,理解以及給我們想表達的內(nèi)容提供一些輔助信息.有很多心理學研究也支持這個觀點。因此,選擇正確的配色方案將潛在地提升你傳達的信息的效果。但是得記住,諸如很多漂亮的東西都有一個讓人視覺疼痛感的界限,而是用過多的顏色就會讓人產(chǎn)生這樣的視覺疼痛感。往下讀我們將給予一些提示和技巧來幫助你進行最佳的實踐以避免視覺不佳的問題。

在我們繼續(xù)下面的細節(jié)之前,這里有一些你需要記住的東西。

(1)堅持使用兩種主要的色彩,不要使用4種以上的色彩。這一小步會有很大幫助。

(2)選用1到2中主要的顏色(清晰顯眼的),剩下的應(yīng)該是補充的顏色(精細柔和的).

(3)當你試圖添加更多的色彩時,不要讓步,使用更多的陰影來替代.

(4)提供充足的空白使眼睛保持輕松.

1.遵循你的公司的品牌風格

如果你在制作一些跟工作相關(guān)的材料,選擇配色方案的一個很好又安全的方法就是遵循公司的品牌顏色方針.對一些人來說,這甚至不是一個選擇。將他們作為主要的色彩來尋找匹配的補充顏色。大數(shù)據(jù)

圖片注釋左:redpepper公司 | 右:可口可樂海報 由Nelly Soegianto在 Behance發(fā)布

上面的例子都使用了他們公司本身的品牌標志的配色來作為主色調(diào)。

  • 奧利奧藍,品牌產(chǎn)品顏色的補充使信息傳達更加清楚明了。
  • 一個以可口可樂紅作為主打顏色配以各種陰影作為補充顏色的信息圖表。

選擇補充色彩

在這方面,你需要一個易于使用的顏色生成器。有許多可以使用的在線工具來生成主題顏色。我個人推薦Coolors它是免費的,可以簡單快速的生成匹配顏色,你只需要輸入你的公司主題顏色,剩下的就讓Coolors為你匹配出需要的顏色。你也可以給自己定制一些工具。

選擇陰影

如果你不確定選擇哪種配色模式,你可以試試陰影這種方式。你可以試試這個網(wǎng)站工具ColorSchemer Online.點擊”淺色模式”或者”深色模式”,然后選擇一些陰影形狀的代碼記錄下來。

公司Logo的配色模式

當給品牌宣傳信息圖表配色時,使用這種方式是最佳的。采用你公司的主題顏色將會加深你的品牌認知。

2.讓你的內(nèi)容來決定

你也可以用內(nèi)容主題來給你的信息圖表配上最好的顏色。比如,你的信息圖是關(guān)于咖啡的你可以使用咖啡色漸變和它的補充顏色?;蛘吣憧梢曰谛畔D的物體上選擇顏色讓他們變得更有意義。像下面這樣?;趫D表物體的色彩匹配讓信息變得更讓人容易吸收。大數(shù)據(jù)

圖片注釋: Webdesign.org
使用這種方法,你可以在網(wǎng)上抓取任何預配的色彩模式。在網(wǎng)上有很多可以使用的彩色集合,比如, Adobe Color CC (以前的Adobe Kuler).這是一個用戶定義主題的在線顏色生成工具。我選擇這款工具是因為它有很多的色彩集合,能給我提供充足的選擇。再次說明,你可以選擇你自己喜歡的網(wǎng)站。

基于內(nèi)容的配色模式

顏色可以立刻強調(diào)上下文以及使視覺感念呈現(xiàn)變得容易。所以,選擇配色模式來匹配內(nèi)容就像為你的內(nèi)容添加了更多的輔助信息一樣。

3.從自然界吸取靈感

一種選擇配色的其他方法就是從自然界吸取靈感了,比如季節(jié)的顏色(或者樹木,海洋,天空等),原因很簡單,大自然是不會騙你的。這里有一個季節(jié)顏色的列表來幫助你獲得靈感。你可以選取一兩種主要的顏色然后使用網(wǎng)站工具Coolors來幫助你完成剩下的工作?;蛘吣憧梢暂o助以陰影漸變或者淺色系。記住,不要超出四種顏色。如果你想引入更多的顏色,用陰影漸變來替代。

大數(shù)據(jù)秋天

大數(shù)據(jù)冬天

大數(shù)據(jù)春天

大數(shù)據(jù)夏天

你不必要只限制于四種季節(jié)的顏色.也有一些節(jié)日的顏色你可以選用的。這里有更多的季節(jié)屬性的顏色來幫助你獲得靈感。

基于季節(jié)的配色模式

這種方法適合于當你需要為市場季度分析或者季度主題報告的信息圖配色的時候。節(jié)假日的時候也與顏色和情緒有關(guān)系。運用顏色經(jīng)常跟這些季度屬性相結(jié)合,你的信息將容易被人們理解,這也使得你的工作更加有效。大數(shù)據(jù)

怎樣在Piktochart中使用顏色?

現(xiàn)在,在Piktochart上可以相應(yīng)地使用你的顏色代碼,將這些顏色運用在你的背景,文本,圖標和圖形上了。運用背景顏色,你可以在左側(cè)的面板中選擇背景。大數(shù)據(jù)

對于像文本,圖標和圖形這些元素,你可以選取這些元素然后用工具欄上的拾色器選取一種顏色。你也可以使用之前記下的16進制的顏色代碼來處理。大數(shù)據(jù)

4.太麻煩了?試試Pikto模版

如果你不想處理一大堆的色彩,你也可以試下我們很方便的模板功能。我們的團隊將為你精心的選擇適合你需求的顏色。你將注意到他們遵循著我們的最佳實踐,2-4中主要色彩,使用陰影漸變和一些空白。接下來的模板例子 Piktochart templates 已經(jīng)可以使用了.大數(shù)據(jù)

重大收獲

使用這三種簡單的方法為你的可視化圖表選擇色彩匹配模式。

(1)遵循你公司的Logo的顏色:為品牌做可視化圖象。

(2)讓你的內(nèi)容來決定所用的色彩:為市場內(nèi)容的可視化圖象。

(3)使用季節(jié)或者節(jié)日屬性的色彩:為季度性市場可視化圖象。

如果你決定不用自己親自做這些,那么久選用一個方便的Piktochart模板吧 infographic templates.所以從今往后,把圖表變得更美觀喲!

原文:http://piktochart.com/pick-great-color-schemes-your-infographics/

大數(shù)據(jù)

數(shù)據(jù)分析咨詢請掃描二維碼

若不方便掃碼,搜微信號:CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進行初始化 // 參數(shù)1:配置參數(shù) // 參數(shù)2:回調(diào),回調(diào)的第一個參數(shù)驗證碼對象,之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個配置參數(shù)為必須,不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺檢測極驗服務(wù)器是否宕機 new_captcha: data.new_captcha, // 用于宕機時表示是新驗證碼的宕機 product: "float", // 產(chǎn)品形式,包括:float,popup width: "280px", https: true // 更多配置參數(shù)說明請參見:http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計時完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請輸入'+oInput.attr('placeholder')+'!'; var errTxt = '請輸入正確的'+oInput.attr('placeholder')+'!'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }