qian奇岸微信二维码 如您需要快速报价 请加技术经理微信 服务热线
13501992972
"MENU"
首页 > 开发知识 > 正文

图表颜色工作经验,列举一些比较常见的颜色和一些颜色误会

奇岸开发
ahqian.com
11/20/2022
wechat

无需加好友免费技术支持

经常会有好朋友调侃说:一个实际操作像虎,看报告或土壤层,汇报颜色与设计常常让汇报开发人员担忧秃顶,今日分享给你图表颜色工作经验,列举一些比较常见的颜色和一些颜色误会,期待为你带来一些帮助:

1.颜色值差距很大,较为晃眼

2.使用一些非主流女生的颜色和质量,过度人性化

3.文体活动颜色偏浅,看上去很累

注:更好看的图表要当然,不晃眼,让人舒服的感觉, 过多闪耀的颜色会给老板一种闪耀的觉得,特别是上级的图表。

1.比较常见的报表组合

这儿列出四种常见的图表组合 :

计划方案1(现代感1)

网页页面背景:34405A(52,64,90)

字体设计风格:微软雅黑

文章标题背景:36507E(54,80,126)

文章标题字体:FFFFFF(255,255,255)

背景1:222C44(34,44,68)

字体1:FFFFFF(255,255,255)

背景2:222C44(34,44,68)

字体2:FFFFFF(255,255,255)

背景3:(245,245,245,245

字体3:FFFFFF(255,255,255)

外框:无

计划方案2(现代感2):

网页页面背景:(54,70,98)

字体设计风格:微软雅黑

背景1:587AB3(88,122,179)

字体1:FFFFFF(255,255,255)

背景2:587AB3(88,122,179)

字体2:FFFFFF(255,255,255)

背景3:445E89(68,94,137)

字体3:9DB5DB(157,181,219)

背景4:3C5276(60,82,118)

字体4:9DB5DB(157,181,219)

外框:无

计划方案3(淡蓝色):

网页页面背景:F7FAFD(247,250,253)

字体设计风格:微软雅黑

文章标题背景:并没有

文章标题字体:(2,99,146)

背景1:C6DAF2(198,218,242)

字体1:3E4A5B(62,74,91)

背景2:EAF6F6(234,246,246)

字体2:3E4A5B(62,74,91)

背景3:F5F8FD(245,248,253)

字体3:3E4A5B(62,74,91)

外框:FFFFFF(255,255,255)

计划方案4(淡蓝色 浅紫色):网页页面背景:F7FAFD(247,250,253)

字体设计风格:微软雅黑

文章标题背景:并没有

文章标题字体:(2,99,146)

背景1:ABB4FF(171,180,255)

字体1:FFFFFF(255,255,255)

背景2:B7CEF9(183,206,249)

字体2:3E4A5B(62,74,91)

背景3:F5F5F5(245,245,245)

字体4:3E4A5B(62,74,91)

外框:FFFFFF(255,255,255)

2、 留意报表组合

文章标题要醒目,让人们了解强调的是哪些。颜色能选深棕色 如暗蓝色、墨绿色、乳白色等,字体还可以比一号,以进一步突显。字体挑选一般 我组合微软雅黑或黑体字,适度字体加粗效果也很好。数据信息两端对齐,一般原文中两端对齐比较多,额度可适用右对齐。整体看上去更好看。如果要提升美观大方性能和易读性,还可以在文本中加入图标,如 TOP1-3 王冠这些。1.图表配色科谱

主色调:获取并增加总体颜色规范 6 当颜色应用较少时,规范颜色不可或缺。

分别是:#60acfc 100% 、#32d3eb 100% 、#5bc49f 100% 、#feb64d 100% 、#ff7c7c 100% 、#9287e7 100%

标准色:根据主色调拓展 标准色盘由24种标准色组成。假如图表中有大量颜色,规范颜色无法满足颜色规定,则能从标准颜色中拓展类似规范颜色的颜色值。

拓展色:基本上色彩能够累加 20% 白或是 10% 灰黑色拓展不一样色度的颜色,用于丰富多样的颜色适用场景。

颜色比照型:最好在图表颜色对较为明显场景中应用;

冷色调:建议使用图表偏冷色调;

暖色调:最好使用图表暖色调。

配色实例:

2.应用清晰度

线上地区图上,我们也要留意清晰度的影响因素。一般,当应用清晰度时,图表会有一些层叠层,我们应该使每一个市场前景层都可以在背景层中显示优良,而不会造成彼此影响。

这时,最好在数据信息中间选择不同色彩,并且在总面积地区应用 10% 最好不得超过4个透明规范颜色的数据叠加 4 不建议用线下推广总面积图表

应用颜色渐变

在一些前提下,图表可以用颜色渐变添充图表来表明特殊的画面。这时,留意颜色挑选为同样的颜色系统软件,渐变色等级不可很大,总体颜色必须和平台维持融洽。

应用背景色

图表的背景色务必更好地显现出图表行为主体,而不会造成反客为主效果。现阶段比较常见的背景色有深色和浅色。

暗色系:

优势:能够更好地突显行为主体,树立良好的视觉层次,体现图表具体内容,视觉效果诱惑力强;

缺陷:易读性低,对配色水准要求严格;

浅色调:

优势:适用范围广,易读性高;

缺陷:图表具体内容不容易对焦;

背景色提议:#ffffff#f7f7f7#

5.依据图表主题强烈推荐配色

以下属于税收、商业保险、环境卫生、金融业等领域的基本配色

金融业:金融业听上去是一种高档、商业服务的感觉了,必须选择一些低饱和度的图表配色,让人觉得高档、技术专业。

商业保险:保险行业数据信息图表一般为浅色系,给人一种舒服放心的觉得,挑选亮度对比的图表颜色可造成安全性安心的感觉了。

司法部门:司法机关是政府单位,代表着权威性。司法数据图能选更认真细致、深层次的颜色来突显政府的权威。

文化教育:教育培训行业代表希望与未来,但是我们的数据信息图表所选择的颜色也使用了充满活力搭配计划方案。

药业/药监局:医疗行业会让人感受到白衣战士,必须身心健康洁净的图表配色,所以在这里得出清爽洁净的颜色值示例。

电商新零售:新零售、电商等领域必须有一种营销气氛,给人一种柔和的觉得。因而,应用亮度对比、高饱和度的颜色来突显销售数据分析。

6.依据图表种类强烈推荐配色

饼状图配色:饼状图因其表述信息内容比较有限,一般采用单色系配色,根据同一颜色的浓淡来表现数据库的尺寸,比如:

柱状图配色:柱状图以主题为载体,在这个基础上开展区别。提议每一个归类会用鲜亮的颜色来划分,如下所示:

折线统计图配色:折线统计图并不像一条线这么简单,绮丽、宁静、开朗、动态性等,线条装饰实际是很有学问的。折线统计图可以参考一下浅色系全面的颜色配对,假如归类比较多,应用很明显的颜色配对,但是不非常容易挑选太闪耀的颜色,以防止夺目。

散点图配色:散点图的出现就是为了区别类型和类别。这儿不建议单系列产品颜色,由于散点图有许多点,单系列产品颜色的差别并不明显,所以在这里推荐一些饱和度非常大的颜色来添充。肯定不强烈推荐色彩对比计划方案。实例如下所示:

扩散架构图配色:扩散架构图又被称为散播图,适合于表明信息内容的传递和扩散关联。因而,层与层间的颜色值必须显著。一般选择一些鲜亮的颜色,如下所示:

地形图配色:地形图配色与主题相关。比如,深棕色主题、深蓝色和黑色地图配色更具有盈利性。针对浅色系主题,大家可以挑选简易典雅的地形图组合。除此之外,地图板块的颜色系统软件能够类似挑选,如东北地区大色调和华南区大色调。

不建议颜色比照 黄 白,蓝 黑,红 蓝,蓝 蓝紫色时间线:浅色系偏重将来,深棕色偏重以往。颜色抗压强度可以作为颜色动能尺寸,高颜色水平(如提高颜色),低颜色(如提升灰度值)。颜色挑选和优化也可以根据表述主题开展。背景颜色,每一个图表应先确定主旋律颜色(背景颜色),危害全部著作营销。当背景挑选柔和的颜色时,正中间图形图象也会受到抑止。当背景降低亮度和颜色时,图形危害也会增加,比如你要让领导关心的图型。重视颜色,重视印像颜色。比如,在我们想起可口可乐公司时,大家都会想到鲜红色。重要颜色取决于同一颜色的层叠。如果你想要让图表致力于暖色调,给人一种暖暖的感觉,我们可以用一系列暖色调来层叠,以加强阅读者对图形印像。7.强烈推荐配色网址

Material Palette: UI Colors: Colors: 新中式配色:

热度419

了解更多图表颜色工作经验,列举一些比较常见的颜色和一些颜色误会欢迎联系奇岸开发客服。

奇岸开发可定制企业官网小程序、小程序商城、餐饮外卖小程序、预约小程序、多门店小程序、分销小程序及个人小程序。

微信二维码

微信长按识别或扫一扫,无需加好友直接咨询,企业网站开发、网站托管维护、企业管理系统开发、微信小程序制作、域名主机、网站备案、网站改版等提供专业技术解答。

精彩推荐

猜你喜欢