引言 从课程表谈界面设计
微软发布的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
分享到:
Global site tag (gtag.js) - Google Analytics
|
相关推荐
3. **使用ETL工具**:如Oracle的Data Integrator(ODI)或其他第三方工具如Talend、Informatica等,这些工具提供图形化的界面,可以方便地进行数据抽取、转换和加载(ETL)。 4. **使用Excel的VBA宏**:对于高级...
场景2中,班主任让班长统计班级成绩排名,Excel的排序和公式功能可以轻松解决,比如利用SUMIF或VLOOKUP函数进行数据查找和加总,然后依据总分进行排序。 场景3中,教师根据学生表现进行个性化鼓励,可以借助Excel的...
【标题】:“人力资源素材与模板(Excle模版)”是指一套专为人力资源管理人员设计的Excel模板集合。这些模板通常包含各种与人力资源管理相关的表格、图表和计算工具,旨在提高工作效率,规范工作流程,帮助处理日常...
6. **教育**:课程计划、学习进度表、考试成绩统计,方便教师和学生使用。 7. **报表和展示**:图表、数据分析报告、PPT转换模板,用于数据可视化和演示。 8. **个人生活**:家庭预算、健康记录、旅行规划等,适用于...
Excel是Microsoft Office套件中的一个核心应用,专用于数据处理、数据分析和报表制作。这款强大的电子表格工具在日常办公中有着广泛的应用,无论是简单的数据记录还是复杂的统计分析,都能得心应手。"500个常用Excel...
1. **基础操作**:从最基础的界面认识、工作簿与工作表的操作,到单元格的选择、编辑和格式设置,这些都是Excel入门的基础。 2. **公式与函数**:Excel的精髓在于其强大的计算能力,包括基本的算术运算、统计函数...
小学信息技术课程旨在帮助学生了解和掌握基础的计算机应用知识,其中Excel是一款重要的电子表格软件,广泛应用于数据分析、数据管理及日常办公中。本教案主要针对小学生,以简单易懂的方式介绍如何使用Excel。 首先...
使用数据透视表,可以直观地展示各部门、各岗位的绩效表现,为制定激励策略提供依据。同时,使用Excel的图表功能,可以制作出易于理解的绩效报告,便于管理层决策。 员工薪酬福利管理也是Excel的一大应用场景。HR...
1. 本课程的教学容由五大项目组成:玩转我的计算机、畅游互联网、职场力:用 Word 文档说话、EXCLE 数据管理、PowerPoint:读图时代的职场“武器”。 2. 教材重点突出基本知识、基本操作和基本应用,以保证学生所学...
开发者需要设置正确的MIME类型,创建工作簿,添加工作表,填充数据,最后响应到客户端。 "OGNL(Object-Graph Navigation Language)表达式"是Struts2中的强大数据绑定工具。它允许开发者在Action和JSP之间自由地...
同时,掌握如何使用`COUNTIFS()`、`SUMIFS()`等多条件统计函数,对于数据透视表的运用也有很大帮助。 6. **宏和VBA编程**:对于需要自动化重复任务的用户,Excel的VBA(Visual Basic for Applications)编程可以...
同时,由于Excel具有强大的数据处理能力,模版还可以扩展到更多复杂的数据分析,例如通过VLOOKUP、IF等函数实现多条件查询和判断,或者使用PivotTable进行多维度的数据透视分析。 综上所述,这份期末教学质量监测...