联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

系统界面设计模板的内容有哪些?系统界面设计的原则有哪些?

Time: 2019-12-27


大家在进行系统界面设计的时候,是可以直接使用系统界面设计模板的,这样操作起来就比较方便的,而且还可以节省资金,那么系统界面设计模板的内容有哪些?系统界面设计的原则有哪些呢?今天就来介绍下。


系统界面设计模板内容

  系统界面设计模板可以帮助您快速的制作漂亮的网站或者着陆页,模板包括了设计规范,模块设计,网页模板。所有页面设计采用Bootstrap网格系统,提供Sketch和Figma两种格式。


系统界面设计遵循的原则有哪些?

  界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且良好的界面能够引导用户自己完成相应的操作,起到向导的作用。

  1、易用性: 按钮名称应该易懂,用词准确,屏弃模棱两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好, 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

易用性细则:

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

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

3)界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

4)同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。

5)复选框和选项框按选择几率的高底而先后排列。

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

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

8)界面空间较小时使用下拉框而不用选项框。

9)选项数叫少时使用选项框,相反使用下拉列表框。

10)专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。


1.jpg

(图片来自网络)


  2、 规范性:通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。

规范性细则:

1)状态条要能显示用户切实需要的信息,常用的有: 目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作 需要的时间较长,还应该显示进度条和进程提示。

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


  3、帮助:系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。

帮助细则:

1) 帮助文档中的性能介绍与说明要与系统性能配套一致。

2) 在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助 要有即时针对性。

3)最好提供目前流行的联机帮助格式或HTML 帮助格式。

4) 如果没有提供书面的帮助文档的话,最好有打印帮助的功能。


  4、合理性:屏幕对角线相交的位置是用户直视的地方, 正上方四分之一处为易吸引用户注意力的位 置,在放置窗体时要注意利用这两个位置。

合理性细则:

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

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

3) 错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与 竖排最后为易点位置。

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

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

6) 对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形 成无限期的等待。

7)提示、警告、或错误说明应该清楚、明了、恰当。


2.jpg

(图片来自网络)


  5、美观与协调性:界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。

美观与协调性细则:

1)布局要合理, 不宜过于密集,也不能过于空旷,合理的利用空间。

2)按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。

3)按钮的大小要与界面的大小和空间要协调。

4)避免空旷的界面上放置很大的按钮。

5)放置完控件后界面不应有很大的空缺位置。

6)字体的大小要与界面的大小比例协调, 通常使用的字体中宋体9-12较为美观, 很少使用超过12 号的字体。

7)大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0" 等。

8)界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特 殊要求的地方。

9)如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌 只放大窗体而忽略控件的缩放。

10)对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能。

11)通常父窗体支持缩放时,子窗体没有必要缩放。


3.jpg

(图片来自网络)


  6、独特性:如果一味的遵循业界的界面标准,则会丧失自己的个性。在框架符合以上规范的情况下,设计具有自己独特风格的界面尤为重要。

独特性细则:

1)安装界面上应有单位介绍或产品介绍,并有自己的图标。

2)主界面,最好是大多数界面上要有公司图标。

3)登录界面上要有本产品的标志,同时包含公司图标。

4)帮助菜单的“关于”中应有版权和产品信息。

5)公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。


  7、安全性考虑:在界面上通过下列方式来控制出错几率,会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题,使出错的可能降至最小。如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路,并费时费力地重新登录,而且已进行的操作也会因没有存盘而全部丢失。

安全性细则:

1)最重要的是排除可能会使应用非正常中止的错误。

2) 应当注意尽可能避免用户无意录入无效的数据。

3)采用相关控件限制用户输入值的种类。

4)当用户作出选择的可能性只有两个时, 可以采用单选框。

5)当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的, 用户不可能输 入任何一种无效的选择。


4.jpg

(图片来自网络)


6) 当选项特别多时,可以采用列表框,下拉式列表框。

7)在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的操作。

8)对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。

9)对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。

10)对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。

11) 对错误操作最好支持可逆性处理,如取消系列操作。

12)在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。

13)对可能造成等待时间较长的操作应该提供取消功能。

14)特殊字符常有;;’”>


8、多窗口的应用与系统资源: 设计良好的软件不仅要有完备的功能,而且要尽可能的占用最底限度的资源。

  1) 在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停的切换甚至最小化其他窗口来显示该窗口。

  2)在主界面载入完毕后自动卸出内存,让出所占用的WINDOWS系统资源。

  3)关闭所有窗体,系统退出后要释放所占的所有系统资源 ,除非是需要后台运行的系统。

  4)尽量防止对系统的独占使用。


  通过以上的内容,大家已经了解了系统界面设计模板的内容了,可见,系统界面设计模板的内容是非常全面的,大家可以放心的使用。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开