软件界面设计原则(转)
这样得到的好处:
2:降低培训、支持成本,支持人员不会行费力逐个指导。
3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加
美工提供色调配色方案,提供整体配色表 界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范
控件样式在允许的范围内可以统一修改其样式、色调
参考其他软件先进操作,提取对本项目有用的功能,以使用,绝对不能盲从,漫无目的。
根据需要,设计特殊操作控件,准则为:简化操作、达到一定功能目的
建立合理化文档《UI标准》描述上述规范,
强行界面设计者理解之,并作为开发准则,
SQA人员进行监控开发人员是否遵循,及时告诫开发人员。
如:安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等
2:如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表
3:色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,如"!","?"着重号,以及图标等
4:颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试
5:遵循对比原则:在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。
6:整个界面色彩尽量少的使用类别不同的颜色
itop色表
具体标准参考美术学统计学术标准。
色表的建设,对于美工在图案设计、包装设计上起着标准参考作用,对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
2:有标准的图标风格设计,有统一的构图布局,有统一的色调、对比度、色阶,以及图片风格
3:底图应该融于底图,使用浅色, 低对比,尽量少的使用颜色。
4:图标、图像应该很清晰的表达出意思,遵循常用标准,或者用户机器容易联想的到物件,绝对不允许画出默认奇妙的图案。
5:鼠标光标样式统一,尽量使用系统标准,杜绝出现重复的情况,例如某些软件中一个手的形状就有4钟不同的样子。
如:《如何创建XP图标》http://www.microsoft.com/china/msdn.../winxpicons.asp
附件:Itop outlook howto.doc 描述itop项目中,outlookxp风格图标的制作方法
中文采用标准字体,“宋体”,英文采用标准 Microsoft Sans Serif 不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。
字体大小根据系统标准字体来,例如 MSS字体8磅,宋体的小五号字(9磅)五号字(10.5磅)。
所有控件尽量使用大小统一的字体属性,除了特殊提示信息、加强显示等例外情况
ITop采用BCB,所有控件默认使用 parent font,不允许修改,这样有利于统一调整。
但是由于常常方便使用点阵作为窗口设计单位,导致改变大字体后,出现版面混乱的问题。
这个情况下,应该做相应处理:
1:写程序自动调节大小,点阵值乘以一个相应比例
2:全部采用点阵作为单位,不理会系统字体的调节,这样可以减少调节大字体带来的麻烦。BCB/DELPHI中多采用这种方法,但是必然结果是和系统不统一。
2:断句逗号句号顿号分号的用法,\r\n 提示信息比较多的话,应该分段,
3:警告、信息、错误 使用对应的表示方法
4:使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,则应该统一规定。
5: 根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业属于,用户为儿童:这可以语气亲切和蔼,老年用户则应该成熟稳重。制定标准遵循之。
例如 :改变红色选项,左边的参数代表不同的设置,可能由于为了节省控件或者编程量,但是只有熟练用户才回使用,这种情况下解决方法:
1:分组,使用双份控件.
2:使用TABLE页,给用户很明显的视觉变化
拥挤的屏幕让人难以理解,因而难以使用。试验结果(Mayhew,1992年)屏幕总体覆盖度不应该超过40%,而分组钟覆盖度不应该超过62%。
让人看上去,不能太拥挤,也不能太松散。
整个项目,采用统一的控件间距,通过调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
一行控件,纵向中对齐, 控件间距基本保持一致
行与行之间间距相同,靠窗体Border距离应大于行间间距(间距加边缘留空)。
当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。
3:数据对齐要适当
说明文字,中文版应使用中文全角冒号,纵向对齐时,并按冒号右对其,如图。
纵向控件宽度尽量保持相通。并左对齐。
例如金额等字符穿应根据小数点对齐,或者右对齐
4:有效组合
逻辑上相关联的控件应当加以组合,以表示其关联性,反之,任何不想光的项目应当风格开,在项目集合间,用间隔对其进行分组,或者使用方框划分各自区域。
例如: 以下界面,选择搜索方式来判断号码范围是表示主叫号码范围还是被叫号码范围,和入帐方式无关,
则应该修改为: 搜索方式和入帐方式调换位置。以免用户产生误解。
5:窗口缩放时,控件位置、布局:
为了使界面不出现跑版或者难看的局面,解决方法:
1:固定窗口大小,不允许改变尺寸,
2:改变尺寸的窗口,在Onsize的时候做控件位置、大小的相应改变。
BCB/DELPHI的VCL中,大部分控件有布局属性:
某些控件拥有alignment属性,可以用来做布局调节:TcustomPanel,Tmemo等,考左靠右靠上靠下以及撑满(Client)属性,用来根据版面自动调节。
大部分控件有属性Anchors,里面上下左右akLeft, akTop等如果为true,则表示相对各个边缘的距离是否改变。这个可以进一步设计好排版工作。
窗体中控件的Tab按键激活顺序,TabOrder,. BCB/DELPHI中使用窗体设计右键菜单选择taborder设置,VC中窗体RES编辑区域使用ctrl+D
2:快捷键写入帮助,特殊说明,并在使用培训时强调使用
由于辅助菜单由用户点击鼠标左右键或者别的动作才能调出来显示给用户。无法清晰的显示给用户,所以对应选项应该可以通过别的途径得到,例如界面上有相应控件或弹出右键菜单的按钮等。
要使一个功能有时允许有时不允许用户使用,则这个控件的不能随便隐藏,应该使用disable属性进行表示,以免用户发现控件失踪后措手无策
2:窗口弹出位置要明显
点击一个控件,弹出窗口或者菜单,应该给人明显提示,最低要求是覆盖刚才点击的位置,让用户轻松跳转到新的界面。
3:执行动作要提示
给用户一个视觉感受的同时,写程序的时候应该注意用户的交互感受,UI作为人机对话的工具,用户做了任何动作,应该给用户一个视觉或者听觉、触觉提示。而且这个提示应该行明显,但不应提示过长,可以有以下几种方法:
当用户点击按钮等动作进行一个工作时:
(1) 弹出交互对话框让用户点击确认。
(2) 改变UI中控件参数提示:(处理不用用户确认的提示,有一定延时,或者用户按键后自动清除。)
如:改变标题栏字符串,显示“信息:提交成功”,或者专门设置一个状态栏、TLable等用来进行提示。
(3) 听觉提示:
2:特殊操作、特殊功能界面,在界面上加控件直接连接到对应的HELP文件中
3:特殊设置详细,应该在界面上用简洁明了的语句说明,或者是好用Tiptool,并由第二步帮助
结构化,按功能模块划分
帮助文件是帮助用户更好的使用软件,措辞要恰当、简捷、通俗易懂,每一句话都应该有目的,帮用户解决问题
帮助文件不是广告、商业软件不允许打广告。描述公司信息目的是为了方便用户在没有办法的情况下找到售后支持,网址连接、信箱地址、电话号码绝对不允许无效。
美工何时参与进来:
1:软件设计前期,美工参与需求了解,分析同类软件界面有缺点,提出主色调、典型界面风格、以及构思整个美术包装等。
2:界面原型设计过程中,与开发人员共同修改、商榷最终表现样式,以及确立UI标准。
3:程序开发过程中,提供标准风格的资源文件(icon,cur,bmp等),并总结出统一风格的资源的设计过程,形成规范文档* .
4:产品化方面,协助制作帮助文件、网站风格以及参与制作,制作附带宣传图片、动画、产品包装、海报等。
软件界面设计原则(转)相关推荐
- VB中的界面设计原则和编程技巧
Windows的通用图形界面的出现,使计算机用户不必通过专门的学习就可以得心应手地使用各种Windows的软件.不仅如此,它还是程序设计者在设计Windows程序界面时所必须遵循的标准,这在很大程度上 ...
- 如何做好软件界面设计?2个方法一次掌握!
软件界面设计通常是指 UI 设计-- User Interface 的简称.UI 设计是指对软件的人机交互.操作逻辑.界面美观的整体设计. 好的软件界面设计要做到清晰.舒适.美观.要想做好软件界面设计 ...
- 软件的设计原则,设计模式以及软件的质量属性
文章目录 软件的设计 设计原则 设计模式 软件的质量属性 定义 关系 软件的设计 ant design 设计价值观 在蚂蚁的开源项目ant design的介绍中,谈到了价值观,原则和模式之间的关系: ...
- UI设计师必备技能:APP 界面设计原则
APP软件界面设计不纯粹是技术设计,也不再是纯粹的进行视觉图像的艺术组合,它牵涉到用户行为分析.视觉传达设计.人机交互.设计开发.作为UI设计师必备看家技能之一的APP界面设计,具体操作中应该注意如下 ...
- 一种全新的软件界面设计方法
一种全新的软件界面设计方法 撰文:Aweay 你可转载,拷贝,但必须加入作者署名Aweay,如果用于商业目的,必须经过作者同意. 下载实例代码 关键字:COM MySpy IE SetUIHanlde ...
- 准备“软件界面设计”培训(更新-0816)
第一期"面向对象软件开发"的培训已经基本结束,本周开始准备"软件界面设计"培训课程. 和上次培训一样,在完成培训PPT初稿后,我会上传到园子里,和大家分享我的心 ...
- 【UI设计】—界面设计原则
前言 最近一段时间项目的功能开发基本完成,目前进行界面的修改和完善,一屋子人一起讨论CS生产终端的页面设计,这是个好问题,下面来一起学习一下. 界面设计原则 1.简单 用户在学习和接受新的事物时是需要 ...
- 软件界面设计必备的色彩搭配技巧
无论是软件界面设计还是平常的平面设计,亦或者宣传页.手机APP界面的设计,都离不开色彩的搭配,由此可见,色彩搭配工作在设计过程中的重要性.今天就以软件界面设计为例来分享一下在具体设计过程中的要把握好的 ...
- 软件工程(五)软件界面设计
一看视频中有软件界面设计我就乐了.一看视频我就哭了--感觉有点老吧.虽然概念性的东西没变.但是提不起来兴趣呢.所以这次总结下我对界面设计的认识. 如果说软件是一个亭亭玉立的姑娘.那软件界面就是姑娘身上 ...
最新文章
- hook情况下,解决内联没有:hover的方案
- python日志输出到屏幕,python日志写入文件
- Linux Kernel TCP/IP Stack — L4 Layer
- 分享一个简单的功能集网站
- shell 文本后几行_shell_wc(统计数目)、head(查看前几行)、tail(查看末尾几行)...
- C语言实现List实现(附完整源码)
- java短横线转驼峰_Java后端常备的开发规范
- Python | 基于参数和返回值的功能分类
- linux下cabal安装教程,Centos 7 安装shellcheck
- 跟从内心,无问东西------观影《无问东西》
- IIS Tomcat共享80端口
- 机器学习面试问题10
- 脚本制作Minilinux
- Java 设计模式 -- 代理模式
- writeup 2019“新华三杯”中国医疗机构网络安全攻防演练大赛CTF(复赛)
- android头条的状态栏_今日头条如何设置电脑版 今日头条苹果手机任务栏在哪
- 公司总经理KPI考核指标
- 产品分析————拼多多
- samba配置共享打印机
- 多晶已经降价,单晶价格为何坚挺?