无形的设计!聊聊为应用创建「一致性设计」的几个原则

「一致性」可以理解为统一或者更通俗的规范,这篇文章有一定深度,作者从多方面阐述了一致性对于UI设计的重要性。最后给出了为应用创建“一致性设计”的几个原则。下面让我们来阅读发表在Medium上的,由交互设计师兼工程师的Joe Toscano创作的文章。我们在创造某些体验后,需要一些理由给它们做出定义。伟大的设计是无形的,因为他们具有一致性,并让人熟悉。


「一致性」可以理解为统一或者更通俗的规范,这篇文章有一定深度,作者从多方面阐述了一致性对于UI设计的重要性。最后给出了为应用创建“一致性设计”的几个原则。下面让我们来阅读发表在Medium上的,由交互设计师兼工程师的Joe Toscano创作的文章。

无形的设计!聊聊为应用创建「一致性设计」的几个原则

对于大部分设计师,“一致性”听起来一点也不性感。但对于任何一个理解用户体验的人来说,他们的观点却正好相反。

用户第一次访问某个站点的时候,从某种意义上说,这就是一次全新的体验。作为设计师,你可以让他们的体验看起来跟其他网站一样。但是,最终事实却还是不一样的,因为产品的核心不同。同时,我不认为在做这些操作的时候,用户在新的体验中学到的内容越少,效果就越好。

我们应该在设计中秉承这种理念。

一致性的设计让用户感到舒适

如果有人告诉你一个产品仅仅“凭直觉的设计”就可以成功,他们可能只是在炫耀技能而已。世界上压根就没有“单凭直觉设计”就能搞定的事儿。我们通过社会经验来理解和延伸自己的体验,任何单单凭“直觉的设计“仅仅是一种来自我们先前经验的隐喻或者情景的结合。

一个用户并不是天生就知道汉堡包菜单就代表着更多的选项。见鬼,我们甚至不清楚为什么它就被叫做“汉堡包菜单”,直到听到某些人这么叫,我们就跟着这么叫了,就是这样。为什么有人要把这三根线的东西弄出一个概念,强加到汉堡包身上?

无形的设计!聊聊为应用创建「一致性设计」的几个原则

图片提供: Vanessa Grass.

但是像我们之前听到的隐喻一样,汉堡包菜单也是一种被大众容易接受的比喻形式,我们应该利用这点优势。

这并不是说我们就要硬生生的用一个莫须有的事物来安到一件设计上。但作为设计师,我们确实应该花一些时间来理解,为什么要采用这种设计方式? 为什么它能被大众广泛认知?以及如何把这些知识应用到我们创造的产品上?

设计师有义务去理解为什么有些作品看起来就是那么与众不同,新鲜并且有趣。

一致性设计节约时间和金钱成本

我曾经写过一篇文章来阐述如何创建模块化设计,而一致性则是为什么要做模块化的另一个原因。因为模块化设计是具有一致性的,并且这种特性是模块化的。

当采用一致性设计的时候,那么这件事物“看起来应该是什么样或者感觉是什么样”这种话题上,就没有任何争议了。这不意味着我们的设计就应该是僵化的,一成不变的,只是创造某些体验后,需要一些理由给它们做出定义。

我们在创造某些体验后,需要一些理由给它们做出定义。

一旦定义了某种外观或者感觉,在产品的核心之上,适应将来的变化的同时并保持一致性,就变的非常容易。这意味着我们可以花更少的时间来开会讨论这样的问题,把更多的时间拿来做真正有意义的工作。当我们坐下来开始做这些工作的时候,同样,“尝试并决定怎样让一件设计看起来不一样”这种事情就会花费我们更少的时间,我们有更多的时间来专注建立自己设想的产品。

产品需要有趣,引人入胜同时,又让人感到惊讶。随着时间的推移,我们的产品需要不停的改进。但不论如何,所有决定都应该基于一致性原则

优雅的一致性原则

伟大的设计,并不是因为我们脑袋里觉它就是美丽的,才会显得伟大,而是因为它是无声无息存在的,因为它是具有一致性的,让用户感到熟悉的。当然,伟大的原因,也不是因为它跟之前创造的东西是完全相同的副本。伟大的设计是一致性并且让人熟知的,因为它在这两者之间建立了某种有趣的联系。

优雅的一致性设计是对用户的一种尊重。这传达了一个信息:你非常关注他们以往的使用经验,但是你也希望这件产品有乐趣和具有视觉吸引力。只有设计者对基本的设计原理和用户体验有非常深刻的认识,才能创建出优雅的,具有一致性的设计作品。(译者静电注:优秀的设计让人无法感觉的它的存在,造作的设计无时无刻不在提示用户,看,这个设计很棒!)

伟大的设计是无形的,因为他们具有一致性,并让人熟悉。

一致性一定会牺牲设计的美观吗?不一定!只不过我们需要花更多的努力才能做到这点。

无形的设计!聊聊为应用创建「一致性设计」的几个原则

图片提供: Leo Leung.

任何人都可以用具有看起来相似的正方形,矩形等来设计一个站点或者应用,但是,你的本意一定不仅限于此。问问自己,你可以让产品具备哪些优势。要让每一天不那么无聊,挑战下自己吧!用户会为你点赞的。

如何创建一致性设计

在一致性的基础上,有让人觉得有价值,这很难。作者的一节网络课程中给出了几点让产品具有一致性的建议:

  1. 建立对比强烈的视觉层次感,让重要的内容放大,加粗。
  2. 把所有的内容都按网格优雅的对齐,或者也可以引入其它任何一种视觉排列系统
  3. 在整个应用中运用一致的配色方案
  4. 让所有页面的导航元素保持一致性
  5. 在不同的情况下复用相同的设计元素。比如同一个通知元件,在不同的情况中使用颜色来区分它们。
  6. 一致性的设计和结构内容会让用户有一种宾至如归的感觉

一致性设计应该在任何设计建立初期就被考虑进去。只有最好的设计师才能觉察到产品在这方面到底做了什么。对于普通用户而言,不管这些人能否注意到一致性设计的存在,但他们一定是会喜欢上这个产品的。(译者静电注:优秀的设计让普通用户忘记它的存在)

 

作者:InVision

原文地址:https://medium.com/@InVisionApp/the-value-of-consistent-design-a829a79d2089#.yl9sjztef

译者:@JingDesign

译文地址:http://www.uisdc.com/consistent-design-principles

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29526/

(0)
CatherineCatherine
上一篇 2017-05-24 12:24
下一篇 2017-05-24 14:26

相关推荐

  • 关于用户体验&交互设计的视频分享【日常思考0001】

    (。・∀・)ノ゙嗨这里是Chiki的深夜抽风小记录,做个日常思(bing)考(zheng)收集。公众号取名“Design for What"是希望以后自己做设计的时候可以多思考设计是为什么Find your passion,and let it kill you那么开始今天的开场首秀!今晚本想磕磕榛子垫垫肚子就……就开始做事来着,结果不小心打开平板……看了会视频(明明是好久……都是借口😭)不过视频不错分享给大家👇视频在这:截了有点不一样...

    2018-04-14
  • 界面设计规范:历经实战,我总结了四个经验

    最近为了设计提高效率和质量,我开始研究如何做规范。看了一圈别人做的设计规范,又回想了一下自己以前做的,总结了以下几个经验。

    2017-05-14
  • 前景理论与损失厌恶:用户如何做决定?【UXRen译#180】

    作者:AURORA HARLEY   |  翻译:小包,校审:Ariel   概要:当在好几个选项中进行选择的时候,人们会避免损失和选择确定的收益。这是因为损失的痛苦感要超过同等收益带来的满足感。因此UX设计应该要构建决策信息框…

    交互专题 2017-10-20
  • 华景招聘用户体验分析师啦!

    作为华景员工,除了能体验旅游之外,还能体验华景食堂的凉皮儿和拉面,包子和油条,腊牛肉和酱猪肘,狮子头和卤肉饭,肉夹馍和艇仔粥,老婆饼和豆沙酥,酸辣汤和叉烧饭,泰式河粉和肉酱意面,干煸四季豆和蒜蓉蒸茄子……华景集团招聘1. 用户体验部    用户体验分析师岗位职责:*负责产品的用户研究,分析用户的使用习惯、情感和体验需求*负责原型/产品用户体验评估工作,参与产品的交互界面的设计,分析影响产品用户体验的因素*定期开展用户测试,观察用户使用产...

    2018-05-04
  • 如何加入AxureRP模板库会员

    点击边框调出视频工具条会员简介加入AxureRP原型库会员后可以获取社群中的全部元件库及付费原型模板(后续更新免费),节省您画原型70%的时间,聚焦业务逻辑和行业积累才是根本。通过我们的会员群能第一时间获得产品及原型设计方面的解答帮助,同时还有仅对会员开放的私有干货分享不限于产品课程、PRD文档和产品书库等诸多福利。社群服务,量化才有价值1.每两个月提供一份全新的AxureRP项目原型模板,by 三杠;2.免费下载社群中已有的所有干货资...

    2018-03-24
  • 商业模式驱动视频互动设计:手淘的视频就该这么玩儿

    当商业目标和设计碰撞在一起之后,商业模式使设计的目标更明确,而设计能为商业模式带来更好的体验。

    2017-05-16
  • 门诊的用户体验,决定患者的选择

    口腔之声每晚8:00与您一起看口腔汇聚国内外口腔专家3000个视频随便您看世界华人牙医聚集地促进行业交流的价值门诊的用户体验,决定患者的选择现今的口腔医疗市场竞争,呈现出来的形态,公立医院的患者,到处挤满了人,号挂的满满的,而民营口腔医疗机构,又是大肆的营销活动,这家公益宣传,那家优惠活动,这家明星站台,那家老外看诊!的的确确呈现出同一个国家,面对两个市场的景象,当然每一个口腔医疗机构,或者说每一个家口腔,都有服务不同的患者层级。最近经...

    2018-05-06
  • 交互设计 ▏当谈论『隐形设计』时,大家会谈些什么?

    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。原作者:Carrie Cousins 翻译:IFEC团队译者 十萬個為什麼当你创造网页、移动应用甚至智能手表的交互时,就是…

    2017-08-01
  • 交互小技巧!浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • IAMUE 移动客户端的设计作品分享

    Wechat: caochengweiued 分享了他对 IAMUE 移动客户端的设计作品,文末有 阿西 UED 的点评! 阿西UED 的点评: Hi 谢谢你的作品分享,总体上来说,依你当前的学生身份或当前的专业程度,做出这样的设计方案有一定的…

    2016-11-21