引言 从课程表谈界面设计
微软发布的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就可以通过“转置”实现互相转换。
|
星期一 |
星期二 |
星期三 |
星期四 |
星期五 |
第一节 |
英语 |
物理 |
数学 |
语文 |
物理 |
第二节 |
信息技术 |
英语 |
历史 |
物理 |
语文 |
第三节 |
体育与健康 |
人生规划 |
安全教育 |
思品 |
体育与健康 |