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

Date 2025-04-06 14:36:20

对于大多数设计师来说,“一致性”听起来一点也不性感。但对于任何了解用户体验的人来说,他们的观点恰恰相反。

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

我们应该在设计中坚持这个概念。

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

如果有人告诉你一个产品只能通过“直觉设计”来成功,他们可能只是在炫耀自己的技能。世界上没有什么可以通过“直觉设计”来完成的。我们通过社会经验来理解和扩展我们的经验,任何“直觉设计”都只是我们以前经验的隐喻或场景的结合。

一个用户并不是天生就知道汉堡菜单代表了更多的选择。鬼魂,我们甚至不知道为什么它被称为“汉堡菜单”,直到我们听到一些人这么叫,我们这么叫,就是这样。为什么有人想把这三条线的概念强加给汉堡呢?

0-zbvRfzqJ4H39s-j5

图片提供: Vanessa Grass.

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

这并不意味着我们必须用一些不必要的东西来安装一个设计。但作为一名设计师,我们真的应该花一些时间来理解为什么要使用这种设计方法?为什么它能被公众广泛认可?以及如何将这些知识应用到我们创造的产品中?

设计师有义务理解为什么有些作品看起来如此独特、新鲜和有趣。

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

我曾经写过一篇关于如何创建模块化设计的文章,一致性是模块化的另一个原因。因为模块化设计是一致的,而且这个特性是模块化的。

当采用一致性设计时,“看起来应该是什么或感觉是什么”这个话题就没有争议了。这并不意味着我们的设计应该是僵化和不变的,但在创造了一些经验之后,我们需要一些理由来定义它们。

在创造了一些经验之后,我们需要一些理由来定义它们。

一旦定义了某种外观或外观人们觉得,在产品的核心上,很容易适应未来的变化,同时保持一致性。这意味着我们可以花更少的时间开会讨论这些问题,花更多的时间做真正有意义的工作。当我们坐下来开始做这些工作时,“尝试并决定如何让一个设计看起来不同”会花更少的时间,我们有更多的时间专注于建立我们想象的产品。

0-Zvb0LORzECJpwKjK

产品需要有趣、迷人和令人惊讶。随着时间的推移,我们的产品需要不断改进。但无论如何,所有的决定都应该基于一致性原则。

优雅的一致性原则

伟大的设计不是因为我们认为它是美丽的,而是因为它是无声的,因为它是一致的,让用户感到熟悉。当然,伟大的原因并不是因为它与以前创造的完全相同。伟大的设计是一致的和众所周知的,因为它在两者之间建立了一些有趣的联系。

优雅的一致性设计是对用户的一种尊重。这传达了一个信息:你非常关注他们以前的使用经验,但你也希望这个产品有趣和视觉吸引力。只有设计师对基本设计原则和用户体验有非常深入的了解,才能创造出优雅、一致的设计作品。(翻译静电注:优秀的设计让人感觉不到它的存在,人工设计总是提醒用户,看,这个设计很棒!)

伟大的设计是看不见的,因为它们是一致的和熟悉的。

一致性会牺牲设计的美吗?不一定!只是我们需要付出更多的努力来做到这一点。

1-BnHpcxunsiCtQYqr_f3hvg

图片提供:Leo Leung.

任何人都可以用看起来相似的正方形和矩形来设计网站或应用程序,但你的初衷不能局限于此。问问自己,你能让产品有什么好处。让每一天都不那么无聊,挑战自己!用户会喜欢你的。

如何创建一致性设计

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

建立强烈的视觉层次感,扩大和粗化重要内容。

根据优雅的网格对齐所有内容,或引入任何其他视觉排列系统

在整个应用中使用一致的配色方案

保持所有页面导航元素的一致性

在不同的情况下重复使用相同的设计元素。例如,在不同的情况下,使用颜色来区分相同的通知元件。

一致性的设计和结构内容会给用户宾至如归的感觉

在任何设计建立的早期阶段都应考虑一致性设计。只有最好的设计师才能意识到产品在这方面做了什么。对于普通用户来说,无论他们是否注意到一致性设计的存在,他们都会喜欢这个产品。

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image