首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

香河APP开发: 产品入门须知的一些UI设计准则

作为产品经理,了解一定的UI设计准则是十分必要的。

作为一个产品经理助理,在短短几个月的产品工作学习中,发现学习产品的人确实是需要通过不断的学习让自己变成一个T型人才,即不仅要在自己的产品领域学透学深,还要在其他领域,如心理学,广告学,运营,以及UI交互等或多或少地涉猎一些,这样子才可以避免跟UI谈论设计图地时候明明觉得布局不合理,却因为自己没有这方面的理论知识而开不了口,说服不了人,或者被运营一句用户不喜欢这样的产品而被怼得不知道要说些什么。

因此,为了避免这些尴尬的事情再次发生,我只能上网看了一些UI设计准则的资料,打算通过网络上的学习,等在下次有机会跟UI交锋的时候可以很有底气的说出自己的道理,例如引用某某某某书的某某定理,从而成功的让UI不再觉得我是个设计理念什么都不懂的小白。

哈哈,回归正题,我现在将选取一些我觉得比较有用的规则,根据自己的看到的书结合实际例子让这些理论更加通俗易懂的让跟我处于同Level的小白们可以进行学习。

保持一致的原则

定义阐述

让我们在页面同个结构摆放相同的信息和控件,可以减少用户的思考时间,从而利用惯性选择自己需要的相关的控件,大大减少操作成本。不同页面上提供的相同功能的控件和数据显示应该摆放在每一页的相同位置,而且应该有相同的颜色,字体跟阴影等。这样子的一致性能让用户很快地找到跟识别他们,减少误区。

实例阐述

例如在一个APP中,如果其中一个APP的提交按钮跟其他APP的提交的按钮做得不一样的话,将会大大增加用户去寻找该按钮的操作成本以及相对应的思考的时间。

习惯性原则

人们在对于一个判断,刚开始会有相对应的抵触心理,即对问题的题眼会相对应来说比较敏感,但是越是到了后期人们越容易放松警惕,对题目的类型也将不会那么的敏感。

因此,如果一直点击某个位置的具体按钮,到后期这种对该按钮的敏感程度会逐渐降低。我们可以利用这个特性将重要的东西放到流程的后面进行展示。

比如说我们在下载某款产品的时候,等到下载完成之后,弹出框会默认勾选一些用户会有抵触的东西,如果下载的是浏览器该类的产品,则会弹出默认勾选该APP为默认浏览器,或者像用户注册流程的注册条款,也是默认把一些让用户不舒服的元素放在最后的步骤进行勾选。

接近性原理

定义阐述

物体之间的相对距离会影响我们感知他们是否以及如何组织在一起。互相靠近的物体他们看起来像是一组,而那些距离较远的就不是。设计者们就是利用这一种原理使用分组框或者屏幕上的控件和数据显示分隔开来。从而使得整个画面看起来会比较清楚和有条理性。给大家看一个例子,像有些APP的UI设计会做出这样子的图片

由于斜杠跟文字靠的过近,容易让人家觉得斜杠跟文字是一组,那么这样子就会导致格式看起来很奇怪。让人家感觉怎么前面那组文字跟着横杆,后面这一组文字就没有。

深浅度原理

两个颜色越浅,越不饱和,就越难把他们区分开。比如说白色跟米黄色,蒂芙尼蓝跟浅蓝色或者浅绿色,由于这些颜色过于接近以及饱和度都不高,如果将这些颜色运用在选中状态和未选中状态,当前步骤和非当前步骤的状态,那么用户就在视觉上面没办法进行一个明显的判断,无法分清哪个是在当前下进行,哪个不是在当下进行。

因此,如果跟你共事的UI是半路出家,或者对自己的专业没有研究很透彻的话,使用这种难以识别的颜色做流程的话,你作为PM大可硬气的跟他说:根据色块深浅度原理,你这样子做是特别不合理的。

难以辨认的书写和字型

对比研究表明,有阅读技巧的人在读大写文字速度的内容比阅读小写文字内容的速度慢10%15%。当前研究表明说明,这主要是缺乏阅读大写字型的训练造成的。空心轮廓线的字型让特征识别更加困难。

封闭性原理

我们视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而非分散的碎片。因此,我们将分散的弧形感知为一个圆:描述一叠对象构成的整体又或者是抽象物体的两种表现形式。

主体/背景

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询