不一样的课程表，不一样的Excle--用Excle进行设计(90): 从课程表谈数据界面设计

引言 从课程表谈界面设计

微软发布的office2010组件中，将产品细分为学生版、教师版等，尤其是学生版中将课程表模板作为亮点呈现给用户，办公软件的应用更加具体，图1至图3就是课程表的下载模板。本文就借课程表为题，谈论一下软件的界面设计理念。

课程表是一个常见的二维表格，从课程表的设计中可以总结出一些设计理念：设计是有规律可循的，依据规律可设计出更多的作品;设计不能停留在“美工”，要深入分析用户需求;设计还可以具有营销的作用。

图1 小学课程表

图2 中学课程表

图3 高中课程表

一、界面的平面构成

平面构成是视觉元素在二次元的平面上，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物。丰富了设计的思维及表现手段。

所以，平面构成就是将平面元素进行组合分配，用理性的方法来表达思想，平面元素可以用大小、形状、位置等方法来表现不同的观点或者适应不同的环境。

课程表作为一个二维表格，主要表现还是一个平面作品，作为平面作品的设计，就有符合平面构成的很多规律可循，利用这些规律可以设计出更多的创意产品。

1. 可以提供多格式版本的课程表。对于课程表的设计，office2010只提供了excle的下载形式，这可能是由于设计思路出于excle研发小组。而对于课程表来说，用excle设计确实省时省力，但是excle在控制课程表的大小和形状方面，只能通过页面设置的来控制，而且长宽比例一般不能随意改变。但是，对于同样在office2010组件中的word来说，把课程表作为图片放置在界面上，只要拉动图片对象的四角控制点就可以随意控制大小和长宽比例，所以对于课程表这样的不需要过多计算的表格，还应该提供word版本，甚至应该提供PPT版本以更好地支持图文混排的课程表（如图4）。

图4 图文混排的课程表

2． 色彩的应用

色彩构成（Interaction of Color），即色彩的相互作用，是从人对色彩的知觉和心理效果出发，用科学分析的方法，把复杂的色彩现象还原为基本要素，利用色彩在空间、量与质上的可变幻性，按照一定的规律去组合各构成之间的相互关系，再创造出新的色彩效果的过程。它与平面构成及立体构成有着不可分割的关系，在作品中，一般是将重点色彩设置在视觉中心部位，最易引人注目。

平面设计中色彩构成应用最广泛，不仅用于整体结构，而且用于每个元素的细节。

在下载的课程表模板中，色彩更多地应用于强调，例如用于强调行列标题的图1~图3，就像锁定窗格的功能一样。另外，为了避免用户看错行，色彩还可以用于隔行显示。色彩也可以用于背景的变换。

3. 布局设计

图1至图3所提供的模板全部都是以星期一、星期二、……星期五为行标题，课时为列标题的形式，但是在用户的需求中也有以“课时”为行标题，“星期”为列标题的结构，而对于excle来说，只要使用“转置”这个功能即可实现行列的互换，于是通过“转置”，课程表的模板又有了另外一种结构。图5、图6就可以通过“转置”实现互相转换。

	星期一	星期二	星期三	星期四	星期五
第一节	英语	物理	数学	语文	物理
第二节	信息技术	英语	历史	物理	语文
第三节	体育与健康	人生规划	安全教育	思品	体育与健康
第四节	历史	思品	美术	数学	英语
第五节	数学	数学	物理	体育与健康	化学
第六节	语文	实践活动	化学	音乐	数学
第七节	化学	语文	语文	英语

图5 以“星期”为行标题的结构

图6 以“星期”为列标题的结构

当然，结构设计还可以实现更多的形式，课程表不仅仅拘泥于行列转换。

课程表是一个平面作品，但通过设计，可以实现多维数据的显示。比如：图3就是将教师的信息和课程同时显示的，达到了多维数据的目的。以此类推，将日历和课程表结合，直接编排课程日历，相信也能得到很多用户喜爱，尽管每年每月的日子都是按序编排的，几乎每个人都能自己编排，不是一个太有难度的工作，但是每年的日历销量从来没有因此而受影响，人们还是宁可使用“拿来主义”。有了像图7一样带有日历的课程表，教师的课时计算更容易。制造业的排班表也可以以此设计。

日	星期一	星期二	星期三	星期四	星期五	六
				1	2	3
4	5 1.英语 2.信息技术 3.体育与健康 4.历史 5.数学 6.语文 7.化学	6 1.物理 2.英语 3.人生规划 4.思品 5.数学 6.实践活动 7.语文	7 1.数学 2.历史 3.安全教育 4.美术 5.物理 6.化学 7.语文	8 1.语文 2.物理 3.思品 4.数学 5.体育与健康 6.音乐 7.英语	9 1.物理 2.语文 3.体育与健康 4.英语 5.化学 6.数学	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

图7 带有日历的课程表

二、准确定位用户的需求

对于界面，不能仅仅停留在平面设计上，界面还有一个更重要的作用就是进行信息沟通，也就是必须提供用户想要的内容，而用户真正想要的不仅仅在于美丽的外观，更需要有用的信息，所以界面设计不能停留在“美工”阶段，还要重视内容的提供，当然我们不能强求于软件能够提供比模板更多的内容，因为每个学生的课程只能由所在学校确定，但是如果学校提供课程表下载带有课程内容，即使它没有华丽的外表，相信会超过任何一个模板！

其实在用户的观念中下载这样的版本会有几个优点：1、省时省力，即得即用。2、不会抄错，容易标准化。在现实世界中，就常常看到低龄学生的家长们抱怨每天抄作业的麻烦，向学校建议群发短信，甚至为了省事，不得不拿出数码相机进行拍照。

所以界面设计时，一定要将用户的需求分析到位，提供用户真正有用的东西。

三、界面的营销作用

设计不是为了设计而设计的，界面设计的目的为了服务于软件、服务于产品，无论是赏新悦目的美丽外观，还是丰富多彩的软件功能，一切都是为了产品应用。比如纵观课程表的发展，最初我们都是一笔一划自己做的，然后，随着市场经济的发展，商家为了吸引客户，在商品上印刷了课程表结构（比如：在铅笔盒、书本上），甚至在广告上也印有带公司logo的课程表，有些家长和学生也会直接在现成的表格上抄上课程内容，于是这些随着带有logo的课程表得到了广泛的使用。这样，广告的作用也就达到了。

借鉴广告，界面的设计也可以起到营销的作用，最好的例子就是腾讯：QQ作为腾讯公司的主打产品是免费提供的，然而腾讯为什么能够盈利呢？就是它的衍生产品！只要花几个Q币即可为人物添加一件漂亮的衣服，的确椰油很多人会愿意为此付出。

同样，再回到课程表，如果美术教师向学生发放带有强调作用的课程表如图8，有了这样一个课程表，即使美术课并不是重点学科，，相信在学生中也会提升这个课程的影响力。

日	星期一	星期二	星期三	星期四	星期五	六
				1	2	3
4	5 1.英语 2.信息技术 3.体育与健康 4.历史 5.数学 6.语文 7.化学	6 1.物理 2.英语 3.人生规划 4.思品 5.数学 6.实践活动 7.语文	7 1.数学 2.历史 3.安全教育 4.美术 5.物理 6.化学 7.语文	8 1.语文 2.物理 3.思品 4.数学 5.体育与健康 6.音乐 7.英语</s 分享到： Do I need the Application Server role fo ... | svn 权限配置 2011-05-25 16:20 浏览 131 评论(0) 相关推荐 评论 发表评论 您还没有登录,请您登录后再发表评论 wapysun 浏览: 4852787 次 性别: 来自: 杭州 最近访客 更多访客>> px915 WantToBe编程人员 iampossible njugang 文章分类 全部博客 (27229) 软件技术 (2) 编程开发 (0) 生活休闲 (2) 安卓开发 (0) 数据库 (0) 社区版块 我的资讯 (0) 我的论坛 (0) 我的问答 (0) 存档分类 2012-06 (77) 2012-05 (587) 2012-04 (177) 更多存档... 最新评论 lehehe： wifi,ip定位,google似乎不能返回数据了,现在我们都 ... Google WIFI/IP定位技术初探 wx_hello： 求喷码器软件； java程序向喷码器输送字符，喷码器喷出来。 ... RS232串口 小记 sdt1005： 引用[list][url][flash=200,200][fl ... GROUP BY 子句及其扩展 a465492689： 太有用了，谢谢分享！ Oracle 表空间 yinren13： 支持视频会议！！我们公司现在就在用视频会议turbomeeti ... 视频会议 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。若作者同意转载，必须以超链接形式标明文章原始出处和作者。 © 2003-2015 ITeye.com. All rights reserved. [ 京ICP证110151号 京公网安备110105010620 ]