欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

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

发布时间:2018:03:15 14:00:47 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1604个文字,预计阅读时间5分钟
导语
作为产品经理,了解一定的UI设计准则是十分必要的。

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

  

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

 

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

推荐阅读:从六个角度,浅析产品设计中的关键点

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

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

  保持一致的原则

  定义阐述

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

  实例阐述

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

  习惯性原则

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

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

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

  接近性原理

  定义阐述

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

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

 

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

  深浅度原理

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

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

  难以辨认的书写和字型

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

  封闭性原理

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

  主体/背景

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:她说,最难的是设计的分寸

下一篇:如何提高APP交互设计能力(三):需求的那点事

  • 18893 文章总数
  • 2304813访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信