简单的figma设计

设计时要考虑的关键要素之一是简单性。当您解决问题时，简化客户体验至关重要。设计的简单性可以降低用户对产品的体验的恐惧、不确定性和怀疑（有时称为 FUD）。对于处理健康、金钱或长期决策的技术产品或服务尤其如此，您的客户可能已经感受到压力。

清晰、快速地向受众传达信息将帮助您更好地为他们服务。有了清晰的信息，您的产品将会（并且有望）对您的客户更有意义。

通常，创建简单的东西比创建复杂的东西更困难。然而，设计的简单性并不一定是复杂性的对立面，而是以一种有节制且易于理解的方式揭示复杂的信息。

考虑一个演示或一部电影。随着时间的推移，元素会逐渐显现出来，并不断相互构建以创造出更复杂的想法。获取大量信息并将其分解成碎片供客户消化，可以传达大量数据。

正如我们在研究课程中所介绍的，设计的第一步是定义客户的目标和问题是什么。从那里开始，在设计界面时考虑这些因素，您可以帮助您的客户以最直接的方式实现他们的目标。

通过研究来了解您的客户，您可以使用该数据来设计缺少无关紧要元素的产品。专注于关键信息，减少干扰。如果所有不必要的信息都被删除，那么您的客户就可以获得解决问题所需的必需信息。

例如，谷歌的这个照片应用程序试图解决几个问题，但将非关键信息隐藏在菜单后面，或者在上下文情况下显示该信息。客户只会看到他们的照片和搜索栏。

Google 的客户在打开此应用程序时可能希望解决两件事：1）我想查看我的照片，2）我想寻找特定时刻。

该应用程序走得更远，试图解决各种问题，例如共享、排序，甚至自动组织；该应用程序还提供了一些机器学习辅助选项，用于显示特定图像，例如当您搜索“宠物”时显示动物图片。

figma-7d7l42" style="box-sizing: inherit; cursor: var(--cursorText); margin: 32px 0px 16px; font-weight: 500; font-size: var(--h2-fs); line-height: var(--h2-lh); letter-spacing: var(--h2-ls); position: relative; font-family: Whyte, sans-serif; text-wrap: wrap; background-color: rgb(255, 255, 255);">熟悉的范式

保持简单性的另一种方法是利用客户可能已经习惯的现有范例和视觉语言的优势。您可能已经注意到，许多公司网站上有很多看起来相似的登陆页面或定价页面。这可能是由很多因素造成的，但很可能是 1) 趋势、2) 设计系统和 3) 它通常是成功的结果。

设计模式可以在多种产品和公司中流行。个人并不总是在真空中创造原创设计。正如我们将在本练习中进行的实验，创建情绪板或愿景板来获取灵感是常见的做法，并且对类似问题和解决方案集的研究用于了解其他设计师如何应对这些挑战。

许多创建的内容都可以由设计系统的语言决定，例如谷歌的材料设计和苹果的人机界面指南，以及通过流行使用创建的模式。设计系统是一系列组件和元素，旨在以不同的组合重用，以保持产品和团队之间的一致性。设计系统可以帮助大规模管理产品和界面的设计和构建。

Facebook 普及了汉堡菜单。它是应用程序菜单中看到的一排选项的视觉隐喻，是一个三水平线的图标。

Facebook 的每个客户不一定都会想到这些线条所代表的含义，但它已经在他们的平台上使用了足够长的时间，以至于他们的客户已经习惯了点击该图标来查看选项。Facebook 拥有如此庞大的客户群，其他应用程序也开始采用汉堡菜单，因为他们知道他们的客户也可能会认出它。

Facebook 并未发明汉堡菜单，但他们很可能对汉堡菜单的普及负有责任。图标的含义也可能在翻译中丢失。图像学是从共同理解中发展起来的，因此表情符号取得了成功，有时也失败了。并非每种文化都以相同的方式表达物体或经历。

没有必要重新发明轮子。保持简单性的一种方法是保持约定。大量移动设备客户通过 Facebook 和其他使用汉堡菜单的应用程序了解了汉堡菜单，因此您可以在应用程序中使用它，而无需重新定义菜单图标的外观。

提高简洁性的另一种方法是增加空白区域。这是元素之间的空间。它使客户能够专注于单个物体，而不会受到周围物体的干扰。在后面的部分中，我们将深入探讨格式塔原则，或者眼睛如何围绕设计移动。引导顾客的要素之一是物体周围的开放空间。在按钮周围保留大量空间可以使该按钮更容易找到和点击。

简单性是减少噪音和混淆必要信息之间的平衡。但存在过于简单化的风险。应用程序设计的一个很好的经验法则是：客户能否在三到五次点击内执行标准操作（他们通常首先访问您的产品要做的操作）。