网页界面设计要点-5-图形和按钮.pdf

网页界面设计要点 BIZ BI 魏 凌 2013年9月 目 录 • 视觉篇 –1-界面布局 –2-色彩搭配 –3-分隔类型 • 功能篇 –导航 –条件选择 –信息提示 –表单 –表格 –图形 –按钮 功能篇\6- 图形\ 图形的作用与关键因素 • 图形的作用 • 好图形的几个关键因素 每张图都明确 迅速传达信息 表达一个信息 图形与标题、表格 直接关注重点 相辅相成 清晰易懂 更明确地显示其相互关系 少而精 格式简单明了 使信息的表达鲜明生动 前后连贯 功能篇\6- 图形\总述\ 图形分类 数据类图表 概念类图表 数值？ 人员? 地点？ 时间？ 表格 饼图 条形图 组织架构图 地图 甘特图 柱形图 线性图 散点图 流程图 概念 矩阵 功能篇\6- 图形\总述\你所想的决定你所取的 功能篇\6- 图形\总述\ 图形的类型由需要表达的形式决定 1月份每个地区的销售百分比 公司A 公司B 北部 13% 39% 南部 35% 6% 东部 27% 27% 西部 25% 28% 功能篇\6- 图形\关系表达\分析方法中关系表达类型 类型 具体含义 关键词 举例 成分相对 各部分占总体的 份额，百分比，以及 在5月份，A产品预计占到公司总销售额的最大份额； 关系 百分比 预计达到百分比 2005年市场份额少于行业10% 项目项目 大于，小于或者大致 在5月份，A产品的销售额相当于B、C消费额之和 不同元素的排序 关系 相当 销售额中顾客的回报排名第四 变化、增长、提高、 从1月以来销售额稳定增长 时间序列 一定时间的变化 下降、减少、下跌和 投资回报在过去的5年急剧下跌 关系 上下波动 利率在过去的7季度里起伏不定