引言从课程表谈界面设计

微软发布的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就可以通过“转置”实现互相转换。

	星期一	星期二	星期三	星期四	星期五
第一节	英语	物理	数学	语文	物理
第二节	信息技术	英语	历史	物理	语文
第三节	体育与健康	人生规划	安全教育	思品	体育与健康

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

android课程表设计报告,制作课程表教案设计
制作课程表教案设计我的课程表 [教学目标] 1.了解表格.行.列.单元格的概念,区分行与列. 2.学会制作简单的课程表. 3.激发学生的求知欲,培养创新意识. [教学重点.难点] 1.重点:插入表格 ...
android课程表设计报告,制作课程表教学设计
1.了解表格.行.列.单元格的概念,区分行与列. 2.学会制作简单的课程表. 3.激发学生的求知欲,培养创新意识. [教学重点.难点] 1.重点:插入表格,认识表格的结构并根据需求设计表格. 2.难点 ...
android学习：《超级课程表》的课表界面设计
<超级课程表>的课表界面设计话不多说,直接看效果图下面我们来看<超级课程表的界面> 这样的话,我们需要自定义三种视图: 1.自定义 View方格背景 2.自定义 ViewG ...
mysql建立班级表_mysql数据表设计-班级表学生表老师表课程表成绩表
mysql数据表设计- 班级表学生表老师表课程表成绩表 image.png /* Navicat Premium Data Transfer Source Server : localhost ...
计算机基础excel学情分析,制作课程表——认识Excel学情分析.PPT
制作课程表--认识Excel学情分析 <计算机应用基础>高等教育出版社谢谢! <计算机应用基础>(中职) * 课题:制作课程表--认识Excel 教材:<计算机应用基础 ...
计算机excel还原,『怎么还原电脑自带的excle』excel表格保存过了怎么恢复原来的数据...
图片怎么还原成EXCLE表将软件安装到C 打开软件并把要识别片准备好下是搜索的两张图片当作进行讲解) 图片里的表格怎么转换成excel详细教程图片里的表格怎么转换成excel详细教程打开软件并 ...
仿超级课程表的课程界面设计
首先看下自己做的课表界面吧接下来先分析页面布局,从上往下看,第一行是显示标题,第二行是显示时间和周几,使用线性布局,第一列是用来显示节次的,宽度跟后面显示周几的7列不一样,可以用DP来设定:后面7列 ...
Android仿超级课程表的课程界面设计
- 接下来先分析页面布局,从上往下看,第一行是显示标题,第二行是显示时间和周几,使用线性布局,第一列是用来显示节次的,宽度跟后面显示周几的7列不一样,可以用DP来设定:后面7列宽度可以用权重来分配,行 ...
java读取excel 换行符,查找excle代码/excel换行符代码是什么
EXCLE中如何对代码筛选后自动求和? 先排序,然据菜单类,按代码,就可以了.如果要结果,可以到工的左侧(一般有好几级),选哪个2级,然后选中,在编辑----定位----定位条件---可见单元格--- ...

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

引言从课程表谈界面设计

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

最新文章

热门文章

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

引言 从课程表谈界面设计

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

最新文章

热门文章

引言从课程表谈界面设计