首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 校园文章 > 正文

    【如何让金融数据可视化】 信息可视化的应用

    时间：2018-08-11来源：山茶花美文网 本文已影响 人 山茶花美文网手机站
    如何让金融数据可视化1

    在互联网金融和金融互联网化的时代，日常生活被海量的数据化信息围绕。从设计层面来说，也是一项新领域的挑战。数据可视化设计是否有规律可循，从设计作品中能否发现其设计的共性和特点，如何从层层数据信息中提取重要的信息内容，通过简介易懂的设计语言准确表达。用设计师的眼睛，看见产品的连贯性。通过设计的信息会更合理，更能讲故事，让我们只关注信息的重点。否则视觉只是中看不中用。

    数据可视化是什么

    The main goal of data visualization is its ability to visualize data, communicating information clearly and effectively.(数据可视化的目的，是要对数据进行可视化处理，以使得能够明确地、有效地传递信息。) — Vitaly Friedman(国外5个在网页设计最具影响力的人物)首先，让我们看一些和数据相关的设计作品，以供鉴赏。

    如何让金融数据可视化2

    你能否从大量成堆的设计作品当作看出和金融相关的共同特征呢?从中整理了部分和金融类属性的设计特点。

    金融数据化设计特点

    1.金融类下的红绿运用

    最恰当的图形，就是目标用户愿意接受，并能明确感受你要传达的信息。或者说，体现你数据图形与产品的气质相符。能够一目了然产品属性和特征。 在金融类目下的产品很容易出现体现涨幅的红绿配色，要注意的是，在国内传统行业里股市的红色代表着大升的牛市，绿色代表大跌市。这点和国外的认知是恰恰相反的，设计上更要适应传统行业渗透到国民的普遍认知，把传统行业里一些潜移默化的印象承接在新媒体下。

    如何让金融数据可视化3

    2.配色化繁为简 不超过三种

    品牌类产品设计页面，建立品牌感很重要。很大程度也是取决于元素简洁这一点。简洁顾名思义就是干净、干练，所以活跃的用色不太适用。颜色作为设计师传达品牌情感的主要元素之一，一个明确的品牌颜色，对用户记忆，认知度有很大的提升。如果可以的话尽量用logo为主的标准色，如果较为特别的页面，也会适当脱离标准色，但用色基本都会控制在三个以内。

    如何让金融数据可视化4

    3.插图的使用

    在现代网页设计中要有套系感，连贯性。 趋势不再以复杂色彩、样式和纹理，而是以线框、色块、微质感等设计风格为主。 优势：与整个页面/背景合为一体，形成统一的视觉美感。不繁琐的设计理念，让用户清晰的看到必要的信息。

    如何让金融数据可视化5

    当你在迷失信息中时,信息图示非常实用

    1. JSCharts——http://www.jscharts.com/

    一个 JavaScript 图表工具，拥有很多模板。

    如何让金融数据可视化6

    2. D3.js——http://d3js.org/

    是最流行的可视化库之一，它被很多其他的表格插件所使用。

    如何让金融数据可视化7

    3. Dundas——http://www.dundas.com/Components/Gallery/ASP/

    NET 下老牌的数据图表工具。

    如何让金融数据可视化8

    如何使用在金融产品下

    1.应用到产品页面当中，首先去找寻金融属性的颜色，来定主站的基调

    金融和数据，我们可能联想到什么词汇?

    如何让金融数据可视化9

    从中再提取出关键，和整体属性气质相符合的元素

    如何让金融数据可视化10

    深蓝色突出网站导航和内容模块的区分，在大部分页面，品牌蓝色会充当主导色，主要用于可点击的操作控件。金色作辅色并设定不同的任务属性，对于平台类来说，多色主导有非常好的延展性。 观点：品牌色在这里起到画龙点睛的作用，用于一些需要重点突出的场景，强调交互的状态等。

    定义信息架构 强化行动点

    你首先要梳理清楚内容的层级结构，坚实的信息架构都是最重要的基础。 扁平或者是微质感的元素体现页面的品质，加入合理的场景元素营造气氛。 在产品页面设计中，微质感的界面，把那些会牵扯用户注意力的元素被去除，聚焦信息。 意味着视觉表现形式上通常只有两个维度可以使用，来触发用户“去点击”。

    试着通过提升对比度来增强表现力。这里所说的对比度包括配色、字号、位置布局等方面的要素。另外，要为交互元素提供必要的视觉线索及反馈效果，帮助用户建立认知，例如当鼠标悬停在元素上，或是用户点击、触摸这些元素的时候，其视觉形式需要有所变化，以体现出元素的交互特性以及用户行为所产生的结果。

    如何让金融数据可视化11

    要点的配图，线稿会过于单薄，不能抢banner的视觉中心，在整个页面中只能起辅助作用。

    如何让金融数据可视化12

    通过代入感极强的环境元素，与目标用户建立起明确的关联。并且体现产品的个性。

    如何让金融数据可视化13

    始终整个页面中贯穿金融元素

    六边形——蜂巢/坚固/整齐度(统一了大量不规则icon)

    如何让金融数据可视化14

    详情功能配图不易过复杂，要适合识别、组合、变化。辅助色彩符合整个网站的风格基调。

    如何让金融数据可视化15

    小结:

    数据信息平台产品要有其产品特点的气质，以及贯穿整站金融特质的元素。 帮用户梳理信息，具备可用性为基础的界面。帮助人们解决问题，建立银行、保险、金融与数据新的对话方式。 设计上来说，消化掉专业化的外衣，便捷易读易懂，才能带出产品本身的价值。

    • 【如何让金融数据可视化】 信息可视化的应用 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文【如何让金融数据可视化】 信息可视化的应用由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.