聊聊为应用创建「一致性设计」的几个原则
来源:互联网 发布:建津预算软件 编辑:程序博客网 时间:2024/06/06 16:48
「一致性」可以理解为统一或者更通俗的规范,这篇文章有一定深度,作者从多方面阐述了一致性对于UI设计的重要性。最后给出了为应用创建“一致性设计”的几个原则。
下面让我们来阅读发表在Medium上的,由交互设计师兼工程师的Joe Toscano创作的文章。
对于大部分设计师,“一致性”听起来一点也不性感。但对于任何一个理解用户体验的人来说,他们的观点却正好相反。
用户第一次访问某个站点的时候,从某种意义上说,这就是一次全新的体验。作为设计师,你可以让他们的体验看起来跟其他网站一样。但是,最终事实却还是不一样的,因为产品的核心不同。同时,我不认为在做这些操作的时候,用户在新的体验中学到的内容越少,效果就越好。
我们应该在设计中秉承这种理念。
一致性的设计让用户感到舒适
如果有人告诉你一个产品仅仅“凭直觉的设计”就可以成功,他们可能只是在炫耀技能而已。世界上压根就没有“单凭直觉设计”就能搞定的事儿。我们通过社会经验来理解和延伸自己的体验,任何单单凭“直觉的设计“仅仅是一种来自我们先前经验的隐喻或者情景的结合。
一个用户并不是天生就知道汉堡包菜单就代表着更多的选项。见鬼,我们甚至不清楚为什么它就被叫做“汉堡包菜单”,直到听到某些人这么叫,我们就跟着这么叫了,就是这样。为什么有人要把这三根线的东西弄出一个概念,强加到汉堡包身上?
但是像我们之前听到的隐喻一样,汉堡包菜单也是一种被大众容易接受的比喻形式,我们应该利用这点优势。
这并不是说我们就要硬生生的用一个莫须有的事物来安到一件设计上。但作为设计师,我们确实应该花一些时间来理解,为什么要采用这种设计方式? 为什么它能被大众广泛认知?以及如何把这些知识应用到我们创造的产品上?
设计师有义务去理解为什么有些作品看起来就是那么与众不同,新鲜并且有趣。
一致性设计节约时间和金钱成本
我曾经写过一篇文章来阐述如何创建模块化设计,而一致性则是为什么要做模块化的另一个原因。因为模块化设计是具有一致性的,并且这种特性是模块化的。
当采用一致性设计的时候,那么这件事物“看起来应该是什么样或者感觉是什么样”这种话题上,就没有任何争议了。这不意味着我们的设计就应该是僵化的,一成不变的,只是创造某些体验后,需要一些理由给它们做出定义。
我们在创造某些体验后,需要一些理由给它们做出定义。
一旦定义了某种外观或者感觉,在产品的核心之上,适应将来的变化的同时并保持一致性,就变的非常容易。这意味着我们可以花更少的时间来开会讨论这样的问题,把更多的时间拿来做真正有意义的工作。当我们坐下来开始做这些工作的时候,同样,“尝试并决定怎样让一件设计看起来不一样”这种事情就会花费我们更少的时间,我们有更多的时间来专注建立自己设想的产品。
产品需要有趣,引人入胜同时,又让人感到惊讶。随着时间的推移,我们的产品需要不停的改进。但不论如何,所有决定都应该基于一致性原则。 优雅的一致性原则
伟大的设计,并不是因为我们脑袋里觉它就是美丽的,才会显得伟大,而是因为它是无声无息存在的,因为它是具有一致性的,让用户感到熟悉的。当然,伟大的原因,也不是因为它跟之前创造的东西是完全相同的副本。伟大的设计是一致性并且让人熟知的,因为它在这两者之间建立了某种有趣的联系。
优雅的一致性设计是对用户的一种尊重。这传达了一个信息:你非常关注他们以往的使用经验,但是你也希望这件产品有乐趣和具有视觉吸引力。只有设计者对基本的设计原理和用户体验有非常深刻的认识,才能创建出优雅的,具有一致性的设计作品。(译者静电注:优秀的设计让人无法感觉的它的存在,造作的设计无时无刻不在提示用户,看,这个设计很棒!)
伟大的设计是无形的,因为他们具有一致性,并让人熟悉。
一致性一定会牺牲设计的美观吗?不一定!只不过我们需要花更多的努力才能做到这点。
任何人都可以用具有看起来相似的正方形,矩形等来设计一个站点或者应用,但是,你的本意一定不仅限于此。问问自己,你可以让产品具备哪些优势。要让每一天不那么无聊,挑战下自己吧!用户会为你点赞的。
- 聊聊为应用创建「一致性设计」的几个原则
- 数据库设计的几个原则
- 设计模式的几个原则
- 架构的几个设计原则
- 数据库设计的几个原则
- 几个基本的设计原则
- 几个交互设计的原则
- 设计模式的几个原则
- 关于对象设计的几个原则
- 互联网架构设计的几个原则
- 面向对象设计的几个原则
- 设计模式的几个重要原则
- 网络通讯服务设计的几个原则
- 关于密钥管理的几个设计原则
- 简谈设计模式的几个原则
- 4.几个设计原则的浅陋理解
- 互联网架构设计的几个原则
- 设计心理学-产品设计的几个原则
- Python反射
- Effective STL 条款12
- Android Viewbadger 实现消息数字提示
- mybatis 不为空设置
- 多线程的同步与互斥
- 聊聊为应用创建「一致性设计」的几个原则
- Word 2010文档中参考文献自动编号后间距太大的解决方法
- numpy 常用 api(四)
- 使用viewFlipper实现轮播图,超级简单
- 关于配置ssm过程中遇到的最痛苦的一件事情
- 看到事物的本质,致现在的我
- HashSet实现原理
- 2016网易web前端开发实习生面试记录
- 想成为年薪30W+的运营,你必须具备这4个“运营思维”