用户界面设计风格说明上

用户界面设计风格说明上

1引言
1.1设计说明
本文档是对系统界面设计风格进行描述,和用户交互的最终界面在《详细设计说明书》中设计和解释。

1.2概念和定义
用户界面:又称人机界面,实现用户与计算机之间得通信,以控制计算机或进行用户和计算机之间得数据传送得系统部件。
GUI:即图形用户界面,一种可视化得用户界面,它使用图形界面代替正文界面。

1.3用户假定
将使用本系统的用户定义为:对应用程序或计算机的一般用法有一定了解,用户希望界面符合WINDOWS9X特别是OFFICE97风格,对易用性、简洁性有比较高的要求,对界面快速交互没有很强的要求(即不希望通过命令方式快速交互)。

2用户界面设计规范
2.1用户界面设计原则
本系统坚持图形用户界面(GUI)设计原则,界面直观、对用户透明:用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。
 界面设计员应该明白软件中用户是所有处理的核心,不应该有应用程序来决定处理过程,所以用户界面应当由用户来控制应用如何工作、如何响应,而不是由开发者按自己的意愿把操作流程强加给用户。
 界面设计必须经过确认才能完成。

2.2界面一致性
在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
1)显示信息一致性标准
(1)标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号(10号);
(2)日期:正常字体、宋体、白底黑字、3-D lowered;
(3)对齐方法:
l 左对齐:一般文字、单个数字、日期等
l 右对齐:数字、时间、日期加时间。
(4)分辨率为800*600,增强色16色
(5)字体缺省为宋替、五号、黑色
(6)底色缺省采用灰色
这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用,因此开发者应当注意在同一软件中表现形式的一致性。
2)布局合理化原则
应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。
在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下,再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 布局力求简洁、有序、易于操作。
3)鼠标与键盘对应原则
应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。
但是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代(或其它方式)。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口中将一项拖出然后放到另一个中。如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项。
4)快捷键
在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些,在西文Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。
面向事务的:
l Ctrl-D 删除
l Ctrl-F 寻找
l Ctrl-I 插入
l Ctrl-N 新记录
l Ctrl-S 保存
查询/列表:
l Ctrl-O
l Ctrl-R
其它:
l Ctrl-C 拷贝
l Ctrl-H 帮助
l Ctrl-P 打印
l Ctrl-V 粘贴
l Ctrl-W 关闭
l Ctrl-X 剪切
MS Windows保留键:
l Ctrl-Tab 下一窗口
l Ctrl-Esc 任务列表
l Ctrl-F4 关闭窗口
l Alt-F4 结束应用
l Alt-Tab 下一应用
l Enter 缺省按钮/确认操作
l Esc 取消按钮/取消操作
l Shift-F1 上下文相关帮助
其它快捷键
其它快捷键使用汉语拼音的开头字母,不常用的可以没有快捷键。

 


       以上代码来自: 源代码数据库(SourceDataBase)
           复制时间: 2002-04-20 23:13:36
           当前版本: 1.0.583
               作者: Shawls
           个人主页: Http://Shawls.Yeah.Net
             E-Mail: ShawFile@163.Net
                 QQ: 9181729

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: app产品详细设计说明书是指针对某一款app产品,对其进行全面、详细的设计说明文档。其中包括了app的功能设计、界面设计、流程设计、数据结构设计等方面的内容。 功能设计是根据app的需求及目标用户,确定app所具备的功能模块及其功能实现方式。需要明确每个模块的功能,并进行功能流程图的设计,以便于开发人员有明确的开发方向。 界面设计是根据app的设计风格及目标用户的需求,确定app的整体界面风格以及每个界面的布局、颜色、字体等设计元素。需要设计出具有一致性、易用性和美观性的界面,提高用户的交互体验。 流程设计是根据app的功能需求,在界面设计的基础上,设计出用户在app中的操作流程。需要考虑用户的操作习惯和流程的合理性,确保用户能够顺利地完成各项操作。 数据结构设计是根据app的功能需求,确定app所需要的数据结构及其关系。需要设计出合理的数据库表结构,确保数据能够有效地存储和查询,提高app的性能。 除了以上几点,还需要在详细设计说明书中包括技术选型、安全设计、性能设计、扩展性设计等方面的内容,以便于开发团队能够按照说明书进行开发和测试。 通过app产品详细设计说明书,可以使开发团队对app的功能、界面、流程、数据等方面有清晰的了解,从而进行有针对性的开发工作,提高开发效率,并确保app能够满足用户的需求,具备良好的用户体验。 ### 回答2: App产品详细设计说明书是指根据产品需求和功能要求,对App的各个模块进行详细设计的文档。它包含了App的整体架构设计和各个模块的功能描述、界面设计、数据流程、交互逻辑等内容。 首先,App的整体架构设计是设计说明书的第一部分。这部分主要包括系统的总体设计思路、功能划分和模块组织结构等内容。通过对系统整体的把握,可以明确各个模块之间的关系,确立开发的方向和目标。 其次,App的各个模块的功能描述是设计说明书的重要内容之一。通过详细描述每个功能点的具体需求和实现细节,开发人员可以清楚地了解每个功能点的需求和背后的逻辑。这样可以有效避免沟通误差,提高开发效率。 接下来,界面设计也是App设计说明书不可或缺的一部分。它包括主界面、子界面、对话框等各种界面元素的设计。设计师需要根据产品风格用户习惯,提供简洁、直观且易用的界面设计方案。界面设计需要考虑到用户操作的便利性,提供合理的布局和交互方式。 最后,数据流程和交互逻辑是设计说明书的最后一部分。它描述了App的数据流向和各个模块之间的交互关系。通过对数据流程和交互逻辑的设计,可以实现系统的高效、稳定运行。 综上所述,App产品详细设计说明书对App的开发和设计起到了重要的指导作用。通过详细描述系统的功能、界面和交互,可以确保开发人员能够准确理解并按照需求进行开发。同时,设计说明书还可以为产品的迭代升级提供参考,提高产品的质量和用户体验。 ### 回答3: App产品详细设计说明书是一个用于指导软件开发团队进行开发和设计的文件,它包含了产品的功能需求、界面设计、系统架构、数据流程和各种模块的详细说明。 首先,设计说明书会列出产品的功能需求,包括核心功能、附加功能和用户需求。这些功能需求应该明确、具体,并能满足用户的期望。 其次,设计说明书还包含了产品的界面设计。它描述了界面的结构、布局和视觉元素,以确保产品的用户界面直观、易用、美观。 接下来,系统架构是设计说明书中的重要部分。它会定义整个系统的结构,并描述系统组件之间的相互关系。这有助于开发团队理解系统的各个模块,并进行模块的划分和分配。 设计说明书还会描述数据流程,包括数据的输入、输出和处理过程,这对于数据的正确流动和处理非常重要。 最后,设计说明书还会详细说明各个模块的功能和处理流程。每个模块都需要列出其目的、输入和输出,以及与其他模块之间的交互。这对于开发团队的成员了解各个模块的功能和使用方式非常重要。 综上所述,App产品详细设计说明书是一个非常重要的文件,它能够清晰地指导开发团队进行产品的开发和设计。它包括功能需求、界面设计、系统架构、数据流程和模块设计的详细说明,确保产品的质量和用户体验。设计说明书的编写需要准确、详尽,并与开发团队密切合作,保持沟通和交流,以达到最终满足用户需求的目标。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

shawls

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值