文档介绍：页面布局规划
目录
一、设计要求 2
1. 适用于WEB下应用软件界面 2
2. 设计理念 2
二、登入界面 2
三、主页面 3
四、数据操作风格 5
五、邮件管理 8
六、传真系统 10
七、短信系统 13
八、呼叫中心 15
九、权限体系 17
十、文档管理 21
十一、工作流 23
十二、图标 26
设计要求
适用于WEB下应用软件界面
这里讲的UI设计不同于C/S下的软件界面设计,而是基于WEB网页的UI设计。所有图片须交付源文件。交付的设计文档需有HTML源码,才能让程序人员套用。
设计理念
人性化的设计,友好的人机界面,方便、简单、直观的操作体验,大方、朴实的视觉美感。
登入界面
说明:主要包括以下内容:用户名、密码、页面风格选择、 LOGO及宣传语、公司名称
主页面
布局
说明:
A区内容:LOGO图
B区内容:常用功能菜单(图片+次级菜单),常用功能菜单有:我的任务、统一通信(外部邮件、手机短信、外部电话、外部传真)、工作流、快速新建。
C区内容:常用工具条,如桌面、返回、帮助、刷新等。
D区内容:功能菜单
导航、组织、短信、通信录。
导航内容:我的办公桌、工作流、文档中心、知识管理、协同项目管理、销售管理管理、财务管理人力资源、报表系统、培训管理、实用工具(公司网站、天气预报、飞机航班、火车时刻、国际时间)、规章制度等,或以自由加载。
组织功能:在人员后面有通信工具按钮(短信、邮件、传真、电话)点击可以启动相应的操作。
E区内容,工作区。
粗样图
通信录
数据操作风格
风格1
:是个下拉菜单。
:“状态”是文本,因模块不同而变化。
:“创建时间”是文本,因模块不同而变化。
风格2
说明:
:用于数据分类快速查询,要设计树的风格。
风格3
,是标签页。
操作工具条。
风格4
数据选取
消息框
说明:可以多几种类形式的弹出式窗口风格
邮件管理
说明:仿126邮箱或163邮箱的操作,但作了稍微修改。
发件箱
收件箱
发邮件
邮件查看
传真系统
说明:和邮件管理相似
发件箱
收件箱