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

我们在创造某些体验后,需要一些理由给它们做出定义。伟大的设计是无形的,因为他们具有一致性,并让人熟悉。

「一致性」可以理解为统一或者更通俗的规范,这篇文章有一定深度,作者从多方面阐述了一致性对于UI设计的重要性。最后给出了为应用创建“一致性设计”的几个原则。

下面让我们来阅读发表在Medium上的,由交互设计师兼工程师的Joe Toscano创作的文章。

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

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

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

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

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

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

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

图片提供: Vanessa Grass.

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

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

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

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

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

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

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

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

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

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

优雅的一致性原则

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

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

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

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

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

图片提供: Leo Leung.

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

如何创建一致性设计

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

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

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

 

原文地址:medium

作者:@JingDesign

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

(0)
CatherineCatherine
上一篇 2017-05-24 17:27
下一篇 2017-05-24 19:27

相关推荐

  • APP小红点如何使用与实现逻辑

    作者:APP君   我们现在已经习惯小红点的不断的骚扰了,每天都不知道要点掉多少个手机APP上的小红点。有些童鞋点击 APP小红点 都已经成瘾。只要看到有小红点就会自然而然去触摸一下。 所以,APP的交互设计已经影响…

    交互专题 2017-08-07
  • 微信春晚摇一摇项目经验总结

    [关键词一:用产品说话] 春晚,虽然每年收视率逐渐下降,但是30%的收视率相对于其他晚会或电视剧的1-2%的收视率,依然是电视界的霸主。倚靠这个媒体,微信要做什么?打硬广?植入软广?都不是。用电视行业的话说…

    2015-02-28
  • D1-交互设计入门

    一阶段:1.交互设计基本原则2.平台特性及其设计规范3.做交互设计的方法,工具4.掌握交互设计的基本流程二阶段:1.特定控件设计,2.特定界面设计3.独立常用功能设计三阶段:1.多项功能设计2.方法研究,总结3.竞品和优秀产品分析4.最新的系统和产品分析5.了解前段技术四阶段:1.产品架构2.设计趋势3.产品发展趋势Windows 用户体验交互设计规范http://www.uxguide.net/wiki/windows:HomeiPh...

    微信热点 2018-04-07
  • 新零售下的智能终端设备全链路用户体验设计分析

    作者:阿里UED/丹妮2017年被称作是新零售的元年,阿里巴巴集团CEO张勇提出的“新零售”概念,提出通过大数据、互联网重新构造“人、货、场”场景,数字化技术已被逐渐应用在传统实体零售的每一个环节。在小店业态中,智能终端设备成为收集大数据的唯一通道,被互联网行业视为重中之重,而在纷杂的POS市场中,绝大部分都是沉重的桌面式收银POS机器,这时智能移动POS机作为收银POS机器的补充设备应运而生,智能移动POS机以移动便捷、功能齐全等优势...

    2018-01-31
  • iPhone 6 / 6 Plus 出现后,如何改进工作流以实现一份设计稿支持多个尺寸?

    移动app开发中多种设备尺寸适配问题,过去只属于 Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏 iPhone 6,iOS平台尺寸适配问题终于还…

    2014-10-28
  • F型浏览模式:设计一个良好的视觉层级结构

    本文将引导您了解F型内容布局的原理,它是如何工作的,以及如何应用到设计中?

    2017-05-03
  • 【搞笑篇与交互无关】哈士奇究竟是怎样的“神犬”?

    哈士奇一辈子不认识主人,它们可能会觉得你有点特殊,但是它们也不会细琢磨,毕竟它们被智商局限的死死的。 养哈士奇永远不要撒手,它们也不是逃走,只是傻,要跑出去玩几个小时才会发现"矮马!我家呢? 求求你别再…

    2015-04-19
  • 信息的收集、甄别和呈现

    史蒂芬说:用户调研帮助我们去理解其他人需求,从而我们可以用充分的,有灵感的设计解决方案来对他们的需求做出更快捷的反馈。用研同时也帮助我们避开自己的偏见,因为我们必须频繁的为跟我们生活截然不同的人们设…

    2014-11-11
  • 做你女朋友,用户体验真差

    点上方蓝字关注「晚安少年」每晚十点,一位少年陪你说晚安文/陈大力经作者授权发布01先说件有趣的事。我前两天跟gay蜜吐槽我男朋友。内容是:不会夸人,半句甜言蜜语都说不得。明明本人是腿模级别身材,偏偏他一个劲儿挑出不足为道的赘肉来取笑。以及,起争执的时候,退化成“我就静静看你发疯”的不解意选手,仿佛眼前这一场不是他该来的比赛。gay蜜的回答是:嗯是有点过分了,女生不就喜欢被哄哄嘛。同一个情感问题,我也问了基友,直男小学弟一只。我这边慷慨激...

    2018-02-02
  • 交互设计规范分享:页面信息展示、信息交互和通用组件规范

    本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。

    2017-05-19