用户界面设计风格说明(上)

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顺序中应当靠前,位置也应放在窗口上较醒目的位置。 布局力求简洁、有序、易于操作。

时间: 2025-01-24 12:28:41

用户界面设计风格说明(上)的相关文章

用户界面设计风格说明(转)

用户界面设计风格说明 (DOTNET中华网技术论坛) 1引言 1.1设计说明    本文档是对系统界面设计风格进行描述,和用户交互的最终界面在<详细设计说明书>中设计和解释. 1.2概念和定义    用户界面:又称人机界面,实现用户与计算机之间得通信,以控制计算机或进行用户和计算机之间得数据传送得系统部件. GUI:即图形用户界面,一种可视化得用户界面,它使用图形界面代替正文界面. 1.3用户假定    将使用本系统的用户定义为:对应用程序或计算机的一般用法有一定了解,用户希望界面符合WIND

用户界面设计风格说明(下)

用户界面设计风格说明下 2.3向导(WIZARD)使用原则 对于应用中某些部分的处理流程是固定的,用户必须按照指定的顺序输入操作信息,为了使用户操作得到必要的引用应该使用向导,使用户使用功能时比较轻松明了,但是向导必须用在固定处理流程中,并且处理流程应该不少于3个处理步骤. 2.4系统响应时间 系统响应时间包括两个方面:时间长度和时间的易变性.用户响应时间应该适中,系统响应时间过长,用户就会感到不安和沮丧,而响应时间过短有时会造成用户加快操作节奏,从而导致错误.系统响应时间的易变性是指相对于平均

Android零基础入门第16节:Android用户界面开发概述

原文:Android零基础入门第16节:Android用户界面开发概述 相信通过前面15期的学习,Android的开发环境已经基本掌握了,如果仍有问题,欢迎到Android零基础入门技术讨论微信群交流,从本期开始正式来一步一步踏入Android开发之路. Android应用开发的一项内容就是用户界面的开发.Android提供了非常丰富的用户界面组件,借助于这些用户界面组件,开发者可以非常方便地进行用户界面开发,而且可以开发出非常优秀的用户界面.     一.界面UI元素介绍   Android应

Windows 10的成功能让苹果学到点什么?

1月4日消息,据科技网站ComputerWorld报道,上市五个月后,Windows 10的市场占有率接近10%,这成绩相当不错.相对于Windows 8,新款操作系统在用户界面的改动上相当大,还带来了许多新功能.微软不再将其看作死板的操作系统,而是将其作为一项服务来打造,它将成为连接PC,平板和手机的桥梁.在对Windows 10进行深度体验后,该网站总结出了许多值得苹果借鉴的地方. 桌面端Cortana 虽然苹果4年前就推出了Siri语音助手,但自始至终它都没有登陆桌面端,这还真是有点奇怪,

8点1氪:传小米将获15亿美元投资,估值超过400亿

摘要: 传小米将获15亿美元投资,估值超过400亿美元 小米正规划进行近15亿美元的融资,估值将超过400亿美元.消息人士表示,小米正在与包括俄罗斯DST在内的投资方进行融资谈判,而最终条 传小米将获15亿美元投资,估值超过400亿美元 小米正规划进行近15亿美元的融资,估值将超过400亿美元.消息人士表示,小米正在与包括俄罗斯DST在内的投资方进行融资谈判,而最终条款尚未敲定.DST此前投资的公司包括阿里巴巴.Facebook和Airbnb.如果此轮融资最终确定,那么小米这一有着4年历史的中国

传小米将会得到15亿美元投资,估值过400亿美元

摘要: 传小米将获15亿美元投资,估值超过400亿美元 小米正规划进行近15亿美元的融资,估值将超过400亿美元.消息人士表示,小米正在与包括俄罗斯DST在内的投资方进行融资谈判,而最终条 传小米将获15亿美元投资,估值超过400亿美元 小米正规划进行近15亿美元的融资,估值将超过400亿美元.消息人士表示,小米正在与包括俄罗斯DST在内的投资方进行融资谈判,而最终条款尚未敲定.DST此前投资的公司包括阿里巴巴.Facebook和Airbnb.如果此轮融资最终确定,那么小米这一有着4年历史的中国

[转]微软公司软件开发模式简介(下)

Product Developing Process in Microsoft 上图中: QA是微软大的产品部门下设的一个比较专业的测试部门(Quality Assurance Dept) 1.      项目进度表中的缓冲时间(Padding Time) 微软使用缓冲计划,以在最高的效率与较好地对未来作预计之间求得平衡.这种应付突发事件的时间在开发和稳定化过程中是每一个主要里程碑的一部分.缓冲时间主要用于弥补由于对特性(Feature)的不完全理解,或者是技术困难或是由于疏忽而忘记把任务写入进

打造FreeBSD桌面系统(4)

二.图像处理软件 FreeBSD下的图形图像处理软件比较丰富,比如图像处理工具GIMP.绘图工具XPaint.图像浏览工具电子眼ee,Compupic等等,这些工具都可从Ports中直接安装. 1.图像处理工具--GIMP FreeBSD下的图像处理工具中,最著名的要数GIMP了.GIMP是GNU图像处理程序(GNU Image Manipulation Program)的缩写,它是一个完全免费的自由软件包,适用于对图像进行各种艺术处理.GIMP的功能非常强大,它可以作为一个简单的绘图程序来使用

聊聊UI设计师不可不学的易用性原则

  编者按:评价一款界面设计时,设计师的眼里,视觉美感是第一位的,但在产品经理和程序员那边,好用才是王道.究竟好看好用哪个重要,争吵无休无止.不过如果设计师掌握了界面设计的易用性原则,那不仅可以避免这类矛盾,百万年薪当上总监也不是梦了!今天@爆炒UI部落 分享了几个重点原则,权当抛砖引玉,有心得的设计师也赶紧来分享! @爆炒UI部落 :当下正是游戏产业蓬勃发展的时期,相较于端游.页游只能在PC上操作的固定模式,手机游戏已经无处不在,就像人要喝水吃饭一样,成为了一种生活必需品.然而,随着人们审美的