软件UI界面设计规范20240312000333.pdf

按钮名称应该易懂,用词准确,摒弃模棱两可的字眼,要与同一

界面上的其他按钮易于区分,能望文知义最好。理想情况是用户不用

易用性细则:

1)完成相同或相近功能的按钮用Frame框括起来,常用按钮要支持快捷

方式。

2)完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。

3)按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标

4)界面要支持键盘自动浏览按钮功能,即按Tab键能自动顺序切换功

能,总体为从上到下,同时行间为从左到右的方式。

5)同一界面上的控件数最好不要超过10个,多余10个时可以考虑使用

分页界面显示。

6)分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab

7)默认按钮要支持Enter操作,即按Enter后自动执行默认按钮对应操

作。

8)可写控件检测到非法输入后应给出说明并能自动获得焦点。

9)复选框与选项框按选择几率的高低而先后排列。

10)复选框与选项框要有默认选项,并支持Tab选择。

11)选项数相同时,多用选项框而不用下拉列表框。

12)界面控件较小时使用下拉框而不用选项框。

13)选项数较少时使用选项框,相反则使用下拉列表框。

14)

用性词眼。

二、规范性

通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具

栏、工具箱、状态栏、滚动条、右键菜单”的标准格式,可以说:界

面遵循规范化的程度越高,则易用性相应就越好,小型软件可不提

供工具箱。

规范性细则:

1)常用菜单要有快捷方式。

2)完成相同或相近功能的菜单用横线隔开放在同一位置。

3)菜单前的图标能直观的代表要完成的操作。

4)菜单深度一般要求最多控制在三层以内。

5)工具栏要求可以根据用户的需求自己选择定制。

6)相同或相近功能的工具栏放在一起。

7)工具栏中的每一个按钮要有工具提示。

8)一条工具栏的长度最长不能超过屏幕宽度。

9)工具栏的图标能直观的代表要完成的操作。

10)系统常用的工具栏设置默认放置位置。

11)工具栏太多时可以考虑使用工具箱。

12)工具箱要具有可增减性,由用户自己根据需求定制。

13)工具箱默认总宽度不超过屏幕宽度的1/5O

14)状态条要能显示用户切实需要的信息,常用的有:目前的操作状

态、系统状态、用户位置、用户信息、提示信息、错误信息等,

15)滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于

用户了解显示信息的位置和百分比。

16)状态条的高度以放置五号为宜,滚动条的宽度比状态条的略窄。

17)菜单和工具条要有清楚的界限,菜单要求凸出显示,这样在移走

工具条时仍有立体感。

18)菜单和状态条中通常使用五号字体。工具条一般比菜单要略宽。

19)右键菜单采用与菜单相同的准则。

三、合理性

屏幕对角线相交的位置是用户直视的地方,正上方四分之一处

为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位

置。合理性细则:

1)父窗体或主窗体的中心位置应该在对角线交点附近。

2)子窗体位置应该在主窗体的左上角或正中。

3)多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为

宜。

4)重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。

5)错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。

横排开头或最后与竖排最后为易点位置。

与正在进行的操作无关的按钮应该加以屏幕中为灰化)。

6)(WindoWS

7)对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃

选择的机会。

8)非法的输入或操作应有足够的提示说明。

9)对运行过程中出现问题而引起错误的地方要有提示,让用户明白错

THE END
1.UI设计用什么软件做?超详细版UI工具集UI设计用什么软件做?超详细版UI工具集 工欲善其事,必先利其器。有一个好的UI工具可以帮助我们提升设计效率,从而把更多精力放在更重要的事情上。本文盘点了多款超实用、热门的UI设计工具,希望帮助大家挑选更合适的工具,在设计工作中更加得心应手。 1. Pixsohttps://pixso.cn/designskills/bestuitools/
2.10款常用的UI设计软件,每个UI设计师都应该了解!概述: Adobe XD 是Adobe推出的一款专注于UI/UX设计的工具,集成了设计、原型制作和共享功能,特别适合与Adobe生态系统中的其他软件(如Photoshop、Illustrator)结合使用。 核心功能: 设计与原型一体化:在同一工具中设计并制作交互原型。 语音原型设计:支持创新的语音交互原型。 https://blog.csdn.net/yx78569651/article/details/143442007
3.MasterGo它提供了产品界面设计、交互原型制作、网页/APP开发设计等功能,且支持团队协作。软件简单易上手,并能搭建“设计系统”,实现设计组件一键复用、一处修改全局同步等功能…… 推荐:Eagle 设计素材收集整理神器 「Sketch / PS / Xmind / ProcessOn」 好用的免费产品原型设计 / 矢量 UI 界面设计软件工具 MasterGo https://www.iplaysoft.com/mastergo.html
4.UIDesigner首页文档和下载软件界面原型设计工具UIDesigner,简称 “UID”,是一款进行软件界面原型设计的工具。 它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。 展开阅读全文 评论 点击加入讨论(6) Awesomehttps://www.oschina.net/p/uidesigner
5.UI设计师必备的10个软件界面设计工具!必备的 UI软件界面设计工具如下:即时设计、Zeplin、InVision Studio、ProtoPieforFigma、Mockplus、Protopie、Principle、Avocode、Social Media Framework For Figma、Milanote。一个优秀的 UI 软件界面设计能在短时间内吸引到大量的用户,提升软件的浏览量和使用量,有了这 10 个设计工具的帮助,制作软件界面不再是难题。https://js.design/special/article/ui-software-interface-design.html
6.软件界面设计工具素材网站图片免费下载共有1259590个软件界面设计工具相关内容为您呈现 cs软件界面设计工具 coldwaterforyou 项目作品-WEB工具下载平台 12 比霁 梵创视觉 / OA系统 / 后台UI设计 / 后台界面 / 界面设计 / 办公软件界面 / 后台登陆 48 梵创视觉 梵创视觉 / OA系统 / 后台UI设计 / 后台界面 / 界面设计 / 办公软件界面 / 后台登https://www.zcool.com.cn/tag/ZNjA4OTczNg==.html
7.10个超棒的界面设计工具UI软件编程你是否还在为找不到合适的界面设计工具而发愁?今天为大家送来了福利,盘点了以下 10 个非常好用的界面设计工具,相信能让你的 UI 设计工作如虎添翼,大大提升开发效率。 Kendo UI Kendo UI 是 Telerik 开发的基于 jQuery HTML5 的 UI 框架,开发面向桌面、移动设备的应用程序,主要有 Kendo UI Web,Kendo UI Mobilehttps://www.open-open.com/news/view/27f0a6
8.UIDesigner(软件界面原型设计工具)下载UIDesignerUIDesigner(软件界面原型设计工具) v2.11系统其他 软件等级: 软件大小:29.98MB 支持语言:简体中文 授权方式:免费版 软件分类:系统软件/系统其他 官网链接: 更新时间:2024-09-11 07:34:01 运行环境:WinXP, Win7, win8 厂商: 关键字:移动应用原型设计原型设计 https://www.crsky.com/soft/318664.html
9.XD软件XD软件-UI界面设计软件 Adobe XD 2022 Win/Mac 中文/英文破解版下载 Adobe XD 是一款设计精美且功能强大的界面设计软件。通过软件的重叠筛选功能,可以帮助用户完成各种元素https://vfxzy.com/445.html?order=views
10.Sketch101.6破解版最佳Mac原型UI界面产品设计工具产品设计矢量绘图设计软件Mac图形和设计 Sketch 101.6 破解版支持最新的macOS 15 Sequoia系统。针对macOSSequoia设计了全新的界面,Sketch推出了更适合新macOS设计语言的UI设计。仍然是您熟悉和喜爱的Sketch,但是重新考虑了每个细节-从全高的侧边栏到更新的Inspector,以及整个全新的sketch图标。 最大变化是工具栏,为了为Bighttps://www.macapp.so/sketch3/
11.十大原型设计工具,UI界面设计原型设计软件排行榜2024年原型设计工具十大品牌最新发布,原型设计工具排行榜前十名品牌有Sketch、Figma、Axure RP、Adobe XD、摹客、墨刀、莫高设计、Pixso、Proto.io、即时设计。原型设计工具10大品牌排行榜由品牌研究部门收集整理大数据分析、研究得出,帮助你了解原型设计工具哪个牌子好。https://www.maigoo.com/maigoo/9593yxsjgj_index.html
12.21个免费的UI界面设计工具永远的乔布斯21个免费的UI界面设计工具 我们刚刚介绍了移动设计初探:触屏网页设计。本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富,适合用户体验设计师、界面设计师、产品设计师、JS前段开发、手机产品设计以及iPad和平板电脑产品设计等使用。 Lumzy 官方地址:http://www.lumzy.com/https://xp9802.iteye.com/blog/2113557
13.常用的软件设计工具有哪些?软件开发离不开好的软件制作工具,一款app软件的开发,需要经过原型规划、UI界面设计、前端开发、代码研发、后端开发、数据库开发、服务器配置、app测试这几个阶段。俗话说,工欲善其事必先利其器。开发一个软件,同样离不开一系列的软件设计工具。下面,就介绍一下目前app开发过程中使用频率较高的软件设计工具。 http://www.apppark.cn/t-37713.html
14.共有13款界面原型设计工具开源软件菰☆淚共有13款界面原型设计工具开源软件软件过滤:排序:收录时间|浏览数界面原型图绘制工具PencilPencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图,同时还提供 Firefox 的插件(点击这里安装)。更多Pencil信https://www.cnblogs.com/xly1208/p/3464666.html
15.ui设计软件下载免费好用的ui设计软件ui设计软件合集当我们制作好了界面原型,就要着手对界面进行各方面的优化了,这时候就需要用到ui设计软件工具进行优化,这就是UI设计师来完成下面的任务,UI设计工具是否好用直接影响到最后作品的好坏,小编在这里分享ui设计软件合集,有Adobe XD设计软件、Sketch、justinmind、Figma等。http://www.kkx.net/zt/86889.html
16.工具UI中国,前身为iconfans.com。是专业的界面设计师交流、学习/展示平台.同时也是UI设计师人才流动的集散地,会员均为一线UI设计师,覆盖主流互联网公司.我们希望借助互联网的力量打造国内最专业的UI设计平台,为UI设计师做最好的服务,提高UI设计行业价值!https://tool.ui.cn/
17.好用的UI设计软件有哪些?这5款千万别错过之前我们分享了五款好用的制作原型的工具,制作完了原型,就要对界面进行优化,这个时候就是UI设计师的任务了,UI设计软件对于设计师们来说是很重要的,UI设计工具是否好用直接影响到最后结果的好坏,那么就会有人问到:UI界面设计用什么软件?在这里给一些UI设计师还有那些对于UI设计感兴趣的朋友们罗列5款好用又免费的UIhttps://modao.cc/design/ui-design-software.html
18.ui设计公司界面设计公司高端ui软件界面设计UIPower是国内高端ui设计公司,ui解决方案专家,在北京、上海、深圳均设有分公司。一直专注ui设计、软件界面设计、交互设计、界面设计、三维可视化、大数据可视化大屏等服务。https://www.uipower.com/index.html
19.ui设计需要哪些软件?ui设计软件官方下载ui界面设计用什么软件?ui设计不太需要编程,更重要地是美术基础和平面设计基础,绿色资源网为需要的朋友精心整理了最常用的ui设计工具,有photoshop、illustrator、coreldraw、adobe after effects、axure rp、firework、flash等一系列专业软件,图像、图形、文字处理效果都不错,大家只需要选其中几款就可以满足需要了,欢迎免费http://www.downcc.com/k/uisheji/