菜宝钱包(caibao.it)是使用TRC-20协议的Usdt第三方支付平台,Usdt收款平台、Usdt自动充提平台、usdt跑分平台。免费提供入金通道、Usdt钱包支付接口、Usdt自动充值接口、Usdt无需实名寄售回收。菜宝Usdt钱包一键生成Usdt钱包、一键调用API接口、一键无实名出售Usdt。

首页快讯正文

usdt交易所(www.caibao.it):界面设计方式 (9):界面设计的原则与尺度

admin2021-02-27134

原题目:界面设计方式 (9):界面设计的原则与尺度

编辑导语:前几篇文章中,我们已经领会到了许多关于界面设计的相关知识。今天这篇文章让我们回归一下界面设计自己,谈一谈其设计原则与尺度,希望对你有辅助。

前面先容了5种基本的界面形式,若是从组成界面的要素(构件)层面看,现实上所有的界面都是一样的,由于它们都是由同样的控件组成的,只是控件的位置差别而已。

因此就有必要对界面的部署举行统一的尺度化,建立了界面部署的尺度后设计效率会提升、同时也为界面设计资料的复用奠基了基础。

界面设计的尺度化非常主要,由于界面是用户认知系统的窗口,这个尺度现实上是构建“人-机-人”工作环境的尺度之一,尺度化的界面形式也可以削减用户的认知肩负和培训成本。

这里给出一些界面设计上的基本原则和尺度供作参考,凭据从整体到局部的顺序,重点提出以下的几个界面设计时的原则与尺度(不限于此):

这些原则/尺度凭据界面的使用场景差别、设计师的设计理念的差别等都市有所差别,需要凭据具体情况具体剖析设计,这些原则和尺度仅供参考。

一、界面结构的原则 1. 整体结构

界面的结构是用户明白营业功效的主要手段,结构一定要以“营业导向”,结构的规范化、纪律化可以培育用户逐渐地走向“无师自通”的偏向,如:

  1. 主要信息放在界面的焦点位置,如:左上方位置,次要信息放在其它位置。关于界面主要信息的摆放位置请参看前面的博文;
  2. 界面上近似内容要放在相近处,如:加框以示区别、或拉大与其它内容区域的距离;
  3. 重视用户界面友好性,易于操作、易于查看,好比:常用按钮在鼠标移动最短的地方设置。工具栏的左端设置界面操作最先的功效按钮、右端设置界面操作竣事功效按钮等;
  4. 界面横向一次的显示信息量(题目个数)若干,要以完成一次操作不用或是少用横向滚动条为尺度(纵向滚动条不限),由于频仍使用横向滚动条会使得用户看到了左端的信息看就不到右端、造成看了右端又忘了左端信息的征象。

图1 结构原则

如图1所示,细表区的题目设置过多(A~J),致使大约有40%的信息在处在窗口外,用户不使用横向滚动条就看不到。

若是这是一个频仍操作的动作,那么工作效率就会低下,这就是所谓的应用体验设计的欠好,这种设计会极大地造成用户满意度的下降。解决的方式可以思量接纳分页表达的形式。

注:对具有自适应功效的界面也存在同样的原则,由于列数过多界面自适应后的字体太小看不清楚,为了看清楚必须要放大字体,效果照样要频仍地使用横向滚动条,以是适当削减列数是最有用的解决方式。

2. 局部尺寸

要约定好界面上基本的控件距离、尺寸,参见图2,好比:

  • 窗口与控件之间的距离;
  • 控件之间的间距,包罗纵向的行间距、横向的字段框间距等;
  • 控件的高度;
  • 使用文字的字号巨细等。

图2 界面设计尺度的制订

二、子窗体设置原则

以组件的主界面为第一层界面,子窗体的层数最好控制在3层以内,也就是延续打开三个界面为限,参见图3:

,

欧博allbet网址

欢迎进入欧博allbet网址(Allbet Game):www.aLLbetgame.us,欧博官网是欧博集团的官方网站。欧博官网开放Allbet注册、Allbe代理、Allbet电脑客户端、Allbet手机版下载等业务。

,
  • 从菜单第一次打开的为主界面(父)
  • 从主界面打开的第二层为子界面(子)
  • 从子界面打开的第三层为子界面的子界面(孙)等

图3 子窗体的层数示意图

若是内容实在是对照多,最终弹出的子窗体要跨越3层时,可以思量另外再设置一个组件来分管处置的内容,否则子界面弹出过多,就会造成界面的杂乱,会降低用户的操作效率。

三、字段控件的尺度

字段控件的表达花样凭据内容差别而差别,字段控件由两个部门组成:题目栏和输入框,参见图4:

图4 字段控件的长度与数据位置

1. 题目栏的长度

题目的字数不要太多,由于题目长到犹如一句话时就不容易影象了,最佳字数在2~6个字之间(易于影象与称谓的长度);另外题目中的文字位置可以参考:有靠山框时居中,没有时居左或居右,图4中的题目栏有靠山色,以是接纳了文字居中的形式。

注:这里的”题目栏名称“指的是”字段名称“,不是4个营业功效中的”表单名称“,后者可以凭据现实的名称写,若干字都可以,不必要设置字数。

2. 输入框的长度

输入框的字段长度是不一定的,建议输入框的长度与字数相匹配不必统一,如图4(a)的式样,由于若是要统一长度就一定会以字数最多的字段为准,那么字数少的字段也用长输入框就不容易读取,而且输入框的长度一样时字段之间的辨识度就会降低,寻找某个字段的时间会增添。

好比:图4(b)样式的“工程月数”字段只有2个单元的长度,若是接纳和具有30个单元长度的“项目名称”一样长的输入框时,则“工程月数”就会由于题目与数据的距离太远而不容易读取(看禁绝)。

相对照而言,图4(a)样式中的“座机号码”、“邮政编号”、”工程月数“的输入框长度对照短,就对照容易寻找和识别。

3. 数据的位置

输入框内数据的位置,凭据内容差别而差别,参见图4(a):

  • ①文字型数据:靠框的左端部署,如:名称、说明文;
  • ②③数值型数据(长度牢固):居中部署,由于编号类数据长度是一定的,以是居中容易读取,如:电话号码,邮政编号、质料编号,这样做也容易与“文字类”和“数值类”数据举行区分;
  • ④⑤数值型数据(长度非标):靠框的右端部署,如:金额、数目、长度。
四、颜色与装饰的原则

这里先容的界面设计中虽然不涉及到美工的内容,然则也希望作为设计师具有一些美学的意识,由于最终用户的满意度是个综合的指标,这个指标至少包罗了下述内容:

  • 营业准确:来自于营业设计(需求剖析、架构、功效、数据等)的功效,信息的分区等;
  • 易操作性:来自于功效应用设计的功效(界面、控件),推送机制等;
  • 性能优越:来自于手艺开发测试等的功效;
  • 雅观易读:来自于UI、美工设计等。

由于企业管理系统不是宣传用的网站、电商平台,界面气概要具有以下的特点(仅供参考):

  • 界面的整体要做到简练、明晰,界面上的种种要素(控件)的摆放位置、颜色、是否使用3D形式都要思索,辅助的功效不要喧宾夺主;
  • 使用淡雅的色彩作为基调原色,不要大面积地使用原色,容易造成眼睛的疲劳;
  • 要给用户以平静的感受,不要用有炫酷和跳跃感的要素去涣散用户的注意力(电商平台的界面希望不断地带给用户新的发现、惊喜)。
五、小结

随着计算机手艺的生长,计算机的使用领域和用途越来越普遍,界面气概也随之加倍多样化。

好比:互联网气概页面、物联网的界面,硬件手艺的提高也影响界面气概的转变;好比:智能手机端、平板电脑端等,它们的设计内容、气概都有所差别,然则上述的基本理念、原则等照样适用的。

本系列下一篇:界面设计的方式(10)— 按钮的设计方式

本文由 @李鸿君 原创公布于人人都是产物司理,未经许可,克制转载

网友评论

3条评论
  • 2021-01-20 00:24:10

    www.allbetgame.uswww.sunbet.us欢迎进入欧博平台网站(www.allbetgaming.net),www.allbetgaming.net开放欧博平台网址、欧博注册、欧博APP下载、欧博客户端下载、欧博游戏等业务。反正没让我失望

  • 2021-01-20 00:24:11

    www.allbetgame.uswww.sunbet.us欢迎进入欧博平台网站(www.allbetgaming.net),www.allbetgaming.net开放欧博平台网址、欧博注册、欧博APP下载、欧博客户端下载、欧博游戏等业务。反正没让我失望

  • 2021-02-27 00:24:01

    欧博网址www.allbet6.com欢迎进入欧博网址(Allbet Gaming),欧博网址开放会员注册、代理开户、电脑客户端下载、苹果安卓下载等业务。很真啊