020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:产品入门设计须知准则有哪些?

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

【UI设计培训】:产品入门设计须知准则有哪些?


  保持一致的原则


  定义阐述

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

  实例阐述

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

  习惯性原则

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

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

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

  接近性原理

  定义阐述

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

  产品入门须知的一些UI设计准则

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

  深浅度原理

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

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

  难以辨认的书写和字型

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

  封闭性原理

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

  主体/背景

  当一个小的物体与更大的色块重叠的时候,我们倾向于认为小的物体是主体而大的物体是背景。当物体重叠时,我么我们把小的那个当作是背景之上的主体如弹出toast的时候,用户注意力焦点的内容临时成为新信息的背景,新的信息短暂地作为新的主体。

  菲茨定律在设计中的应用:

  目标要足够大,容易让人么点到,不要让实际可点击的对象至少跟看起来的一样大,不要展示大的按钮但只有很小的点击区域接受点击,这边的例子如在勾选框单选框和切换开关等控件的文字标签中,我们应该让他们像控件本身一样是可接受点击,从而扩大点击区域,使得用户的体验更好。

  将重要的目标放置在靠近屏幕边缘的位置,这样非常方便人们点击。如我们的删除ICON。

  引导定律

  沿着受限路径移动指针。指针在一直受限的路径移动并移动到达目标,那么路径越宽,你觉越能越快地将指针移动到目标。路径宽意味着不必小心地移动指针,就能以迅雷不及掩耳地快速移动目标。例如:右拉菜单在应用软件中相当常见,如商品列表,右击出现的弹窗。  

  以上就是优漫教育小编为大家介绍的“【UI设计培训】:产品入门设计须知准则有哪些?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!