图解数据界面
关注
分享
扫一扫
uibook
这个作者很懒，什么都没留下…
展开
-
解读膳食指南（4）-2016版儿童平衡膳食算盘
解读膳食指南（4）-2016版儿童平衡膳食算盘设计要点：膳食指南、2016版、2007儿童平衡膳食算盘则用色彩区别食物类别，用算珠个数示意食物份量。转载 2016-06-01 16:38:31 · 4594 阅读 · 0 评论 -
看图识“字”（4）-充当雷达图
看图识“字”（4）-充当雷达图 把“含钙量”按大小排序一下就可以知道它是排名的位置，但是要想知道虾皮的其它营养素（比如含镁量、含铁量）是不是也属于高的，就要再三排序。而使用数据条就简单一些，只要将其它数据列也用同样的办法设置即可同时看出各种含量的高低，相当于雷达图的作用。原创 2016-01-29 17:19:45 · 561 阅读 · 0 评论 -
看图识“字”（2）-数据校验
看图识“字”（2）-数据校验比如“0.9”和“9.0”明显的视觉效果就能更易发现输入的错误。原创 2016-01-29 17:16:47 · 511 阅读 · 0 评论 -
看图识“字”（1）-看数据条知大小
看图识“字”（1）-看数据条知大小现代数据界面中，提供了许多可视化元素，充分利用这些元素就能提高数据的可用性，起到看图（形）就能认识和理解（数）字的目的。数据条将数字根据值的大小画出不同长度的线条，因此可以发现更大和更小的数字，即使是不识字的人也会看出哪个数据更大些。原创 2016-01-29 17:15:05 · 872 阅读 · 0 评论 -
仿按钮效果的单元格
一个偶然的机会,看了“小妖”的视频讲座http://u.youku.com/puresicehadow,讲到了一个仿按钮效果的单元格,很有意思,感觉还不错!具体方法是:1、选取一个单元格，按右键-设置单元格格式。2、选“边框”：将左、上两边设置为一种浅色的边框，右、下两边设置为另一种深色的边框。3、选“图案”：最好设置同一色系的颜色作为填充，即可。原创 2011-12-12 10:02:31 · 678 阅读 · 0 评论 -
最简单的突出列
原创 2011-11-08 09:22:14 · 498 阅读 · 0 评论 -
表格的列标题具有排序功能可便于读者查阅
表格的栏目名具有排序功能可便于读者查阅 ： 下表中，点击蓝色字体的列标题就可以升序排序 序号基金代码简称相关链接2011-09-302011-09-29日增长值日增长率申购状态单位净值原创 2011-10-10 09:31:36 · 687 阅读 · 0 评论 -
备有字体字号的列表版式可有助于设计
20号 宋体隶书楷体黑体18号宋体隶书楷体黑体16号宋体隶书楷体黑体14号宋体隶书楷体黑体原创 2011-10-17 17:06:07 · 650 阅读 · 0 评论 -
立体单元格也能起到隔行作用
立体单元格也能起到隔行作用。 1、将所选单元格填充成底色，如：浅灰色。2、选中一行，打开“设置单元格格式”对话框。点击“边框”选项卡，点击“颜色”下拉按钮，可以使单元格上边线为深灰色线，下边线为白色线。3、下一行的边框颜色交错4、填充其它单元原创 2011-09-30 11:08:31 · 593 阅读 · 0 评论 -
当数据量不大的时候，多角度的汇总放在一个页面上可减少交互次数
当数据量不大的时候，多角度的汇总也可以放在一个页面上，以方便读者的查询，免去再次选择汇总方式，减少了交互次数。原创 2011-09-29 15:37:24 · 569 阅读 · 0 评论 -
看图识“字”（3）-评估数据水平
看图识“字”（3）-评估数据水平 用数据条，不用排序就可以知道数据水平，单元格中数据条较长的含量较高。虾皮含钙量大约是990mg，那么，990就属于高的呢？当然，把含钙量按大小排序一下，也可以知道它是排名位置。原创 2016-01-29 17:18:36 · 474 阅读 · 0 评论 -
看图识“字”（5）-饼分图使数据变为面积
看图识“字”（5）-饼分图使数据变为面积设计要点：可视化、图表原创 2016-02-03 16:18:03 · 945 阅读 · 0 评论 -
看图识“字”（6）-关键词频率越高面积越大
看图识“字”（6）-关键词频率越高面积越大设计要点：可视化、图表原创 2016-02-03 16:19:21 · 3473 阅读 · 1 评论 -
解读膳食指南（3）-2016与2007版可视化对比
解读膳食指南（3）-2016与2007版可视化对比设计要点：膳食指南、2016版、2007转载 2016-06-01 16:32:21 · 1403 阅读 · 0 评论 -
解读膳食指南（2）-2016与2007版对比
解读膳食指南（2）-2016与2007版对比设计要点：膳食指南、2016版、2007 版本推荐量谷薯类食物2016250-400g 2007250-400g蔬菜 2016300—500g转载 2016-06-01 16:05:06 · 3660 阅读 · 0 评论 -
解读膳食指南（1）-2016版
谷薯类食物250-400g蔬菜 300—500g 水果 200—350g 肉、禽 40-75g水产品40-75g 蛋类 40-50g 大豆类及坚果转载 2016-06-01 15:58:00 · 860 阅读 · 0 评论 -
看图识“字”（12）-图表使数据可视化更加便利
看图识“字”（12）-图表使数据可视化更加便利设计要点：可视化、条件格式原创 2016-03-28 11:04:26 · 1031 阅读 · 0 评论 -
看图识“字”（11）-用色阶表示渐变的数据
看图识“字”（11）-用色阶表示渐变的数据设计要点：可视化、条件格式分类多到一定数量时，就要使用色阶，如果颜色只有一种时，就势必成为渐变的灰度图，实际上就是将数据变为密度（浓度、明暗度）。 比如游客热图原创 2016-03-28 11:03:13 · 1811 阅读 · 0 评论 -
看图识“字”（9）-重要的数据要强调
看图识“字”（9）-重要的数据要强调设计要点：可视化、条件格式原创 2016-03-28 11:00:47 · 458 阅读 · 0 评论 -
看图识“字”（10）-用图标分类数据
看图识“字”（10）-用图标分类数据设计要点：可视化、条件格式标出“不及格”的成绩原创 2016-03-28 11:02:06 · 611 阅读 · 0 评论 -
看图识“字”（8）-突出的重复值
看图识“字”（8）-突出的重复值设计要点：可视化、图表原创 2016-02-03 16:21:11 · 613 阅读 · 0 评论 -
看图识“字”（7）-突出的最大值/最小值
看图识“字”（7）-突出的最大值/最小值设计要点：可视化、图表原创 2016-02-03 16:20:21 · 763 阅读 · 0 评论 -
不规则的表格也能突出主题
不规则的表格也能突出主题：原创 2011-09-23 16:35:20 · 600 阅读 · 0 评论 -
不要随意留空白单元格
表格有时会有一些单元格是没有数据的。要避免简单地让这 些地方空白，相反，可以在里面填一个标记、图标或者破折号。这个简洁的表格使用了三个破折号来表示里面的数据是空白 的。这样比简单地留空白看起来效果更好。原创 2011-08-24 17:07:20 · 1035 阅读 · 0 评论 -
大量数据的页面结构
大量数据的页面结构如果有大量的表格数据，但却没有太大的空间来展示它时，固定标题和页脚，滚动显示表的内容。地区1月2月3月第一季度小计华北小计2,3992,487原创 2011-09-16 15:51:29 · 547 阅读 · 0 评论 -
简约不简单
原创 2011-07-18 15:58:02 · 447 阅读 · 0 评论 -
高亮突出关联性
高亮突出关联性Highlight Relationships这种技术增加了复杂表格或矩阵的可读性。无论用户鼠标悬停到单元的列还是行，都会高亮突出整个单元。转载 2011-07-14 11:06:39 · 386 阅读 · 0 评论 -
当数据行比较密集时，每三行一交替的颜色条更适宜阅读：因为所阅读的数据行可以处于是颜色条的上部、下部和中间
当数据行比较密集时，每三行一交替的颜色条更适宜阅读：因为所阅读的数据行可以处于是颜色条的上部、下部和中间食物/100克能量/kal蛋白质/克糖类/克脂肪/克水分/克纤维/克灰份/克大豆淀粉3410.50 84.8014.10.50.1奶糖4072.50 84.56.65.600.原创 2011-07-15 16:19:13 · 786 阅读 · 0 评论 -
颜色条的维度
原创 2011-07-22 11:19:16 · 675 阅读 · 0 评论 -
对齐方式产生的阅读效果
原创 2011-07-21 16:54:27 · 521 阅读 · 0 评论 -
用不同大小的色块集中注意力
转载 2011-07-13 09:25:33 · 484 阅读 · 0 评论 -
用不同的颜色让浏览者的注意力集中到某个特定区域
让浏览者的注意力集中到某个特定区域。用于显示属性的最佳值或者某个常用要素，用不同的颜色和/或不同的大小来区分。有多种方法可以实现这种方式。不同颜色转载 2011-07-12 17:11:17 · 635 阅读 · 0 评论 -
字形在界面上的特异表现
原创 2011-07-08 10:26:44 · 373 阅读 · 0 评论 -
用色彩强调数据
原创 2011-07-07 17:28:39 · 361 阅读 · 0 评论 -
高调与低调
原创 2011-07-19 11:09:15 · 537 阅读 · 0 评论 -
“态度”? “结果”?
原创 2011-07-27 11:50:03 · 446 阅读 · 0 评论 -
抓大放小
原创 2011-07-20 15:39:30 · 534 阅读 · 0 评论 -
合理的使用行与行之间的空白空间
合理的使用行与行之间的空白空间可以使阅读更加方便。如每列之间的空间的差异会自然分组:原创 2011-08-17 16:23:46 · 479 阅读 · 0 评论 -
空间不是空洞,它有大小和形状
原创 2011-08-11 09:23:34 · 454 阅读 · 0 评论 -
将类似数据用空行、空列进行分组显示可以使阅读者更加容易搜索和比较数据
将认为可以分组的类似数据进行分组，可以使阅读者更加容易搜索和比较数据。数据的分组可以较少用户处理和分析数据的时间。食物/100克番茄苹果能量/kal1952蛋白质/原创 2011-09-08 12:39:56 · 622 阅读 · 0 评论