如何创建设计概要

如果您正在学习什么是设计？和设计伦理是在创建设计简介和情绪板之前需要回顾的重要课程。

这些练习也可以相互借鉴。在本练习中，您将编写一份设计简介并在情绪板上收集一些灵感。在后面的课程中，当您设计产品时，您可以参考此简介和情绪板来了解概念和想法。

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);">创建设计概要

设计的第一步是确定您打算解决什么问题以及为谁解决。从设计概要文件开始有助于将这些意图写在纸上。这很有帮助，因为它可以成为您设计时的北极星，并且还有助于有效地将您的目标传达给您的团队、客户或客户。

您还不必知道您正在创建的产品是否会成为网页、应用程序或图形。心中有一个想法可能会有所帮助，但更重要的是，您打算创建的产品应该采用最适合您的客户的格式。当您思考甚至与潜在客户交谈时，您可能会深入了解最适合他们的格式。

在开始视觉设计之前，写作会很有帮助。或者至少先回答一些澄清问题：谁是您的受众，他们的问题是什么，以及您将如何描述您的解决方案？从那里开始，考虑更具战术性的写作：

包括您的目标受众、他们的需求、您提出的解决方案、您已完成或打算进行的任何研究的链接，以及您认为将出现在您的应用程序或网页上的任何文本。

完成写作后，请保留此文本，您可能希望将其用于将来的设计练习。您可以随意在纸上书写，但以数字方式书写（例如文字处理应用程序或服务）甚至 Figma 文件可能会有所帮助。

不要让这个写作过程成为障碍，而是花时间尝试写作。一旦碰壁，就停下来，指定一个时间回来。与所有学科一样，良好的写作是一门需要随着时间的推移而习得的手艺——而且你的第一个版本不需要一成不变。

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);">什么是设计概要？

设计概要是用于概述创意工作的关键要素和可交付成果的文档。这是整个设计过程中可供参考的有用文档，有助于在项目发展过程中重点关注和阐明项目。

简报包含：完成的设计应解决的问题陈述、产品的目标受众、要解决的约束（限制）、最终设计的格式、时间表、研究以及任何有助于您开始项目工作的其他详细信息。

通常，简报来自公司内的客户或利益相关者。

在本活动中，您将为自己创建一份设计概要，可以为您在以后的练习中进行的设计工作提供信息。下面是一个设计概要示例供您查看，还有第二个设计概要供您填写。

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);">情绪板

情绪板是示例图像、颜色和其他产品的集合，可帮助表达计划项目所需的美感。情绪板制作者可以帮助使用其他视觉元素传达视觉想法。这些元素通常以某种方式相互补充，例如颜色或风格。

开始免费创建情绪板

Figma 的免费模板让您可以轻松开始为下一个大型项目创建情绪板。今天尝试一下。

获取此模板

使用此 Figma 文件中的大空白框架来收集一些图像或其他视觉概念，您希望使用这些图像或其他视觉概念来影响可能解决您在设计简介中描述的问题的工作。

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);">获取反馈

完成练习并寻求一些反馈？有很多在线社区可以对设计作品进行批评，例如Figma 社区

在提交设计作品供评审时讲一个故事很有帮助。如果您将图像或 Figma 文件提交给社区进行审核，它将缺少作品的背景信息。相反，他们只会看到视觉设计，这通常会导致无用的评论，例如“我喜欢这些颜色”。

告诉你的批评观众你向他们展示了什么，它是给谁看的，有什么限制。任何有助于为他们提供背景以帮助他们理解您的工作的内容。例如，“这是我为蓝莓农场创建的营销网站的登陆页面，目标客户是纽约市地区的酒窖业主。客户需要该网站的桌面版和移动版。”

您将需要具体请求您想要的反馈：“我正在寻找有关间距、字体大小、可读性、背景颜色的反馈，并且希望您能就您的评论向我提供任何参考资料。”

设计的一部分就是每天让自己面临批评和失败。这对我们的工作至关重要，因为它可以让我们改进工作并更好地为客户服务。您应该期待甚至欢迎对您的设计作品的批评——无论是邀请的还是其他方式。准备好捍卫你的工作，解释你所做的决定，并欢迎改进。

别把它当成是针对你个人的。批评应该是建设性的。这可以确保此人正在努力帮助您提高设计师水平，并帮助您更好地为客户服务。这就是为什么我们也提出建设性批评。

好的反馈不仅仅来自其他设计师。找你公司、朋友圈或者现有或潜在客户中的某个人寻求反馈。

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);">提供反馈

“我不喜欢橙色”不是质量反馈。

设计师正在寻找可操作的反馈，他们可以利用这些反馈来改进他们的工作。进入共享设计工作并接受建设性批评的阶段是设计过程中最关键的部分。

如果有什么不清楚，请告诉设计师，并将其作为问题而不是解决方案呈现给他们。例如，可以说“我很难阅读该文本。” 而不是“请将文字放大”。

设计师可能有更好的解决方案，因为他们在设计上花费了更多的时间。文本可能需要与背景更高的对比度，而不是增加尺寸。如果设计师把它做得更大，问题可能仍然存在。但是，如果他们知道您在阅读文本时遇到困难，他们会提供一整套工具箱，其中包含解决易读性问题的选项。

对工作和背景有进一步的了解也很有帮助。提出澄清性的问题，以帮助理解设计师的目标——包括工作和他们希望收到的反馈——并更多地讲述他们的故事。

在批评过程中，重要的是要记住，设计师可能正在寻找不同类型的反馈。希望得到情感反应、联系、理解的点头。同情。验证所讨论的想法值得讨论的东西。当参与者心不在焉时，设计批评就会变得生硬。