今天，我将分享我日常工作中的所有步骤，相信这些步骤使我成为一名更好的设计师。
前处理
1.获得尽可能多的信息（询问三个示例）
对我而言，没有什么比看到一个实际的工作示例更清楚了。当我与新客户合作时，或在产品的全新登录页面上时，我发现最简单的出发点是要求客户提供三到四个鼓舞人心的页面，因为这确实对双方都有帮助。让您的客户将想法付诸实践，使您有机会轻松地了解他们的喜好以及对最终设计的期望。
如果您与多个团队合作，那么您应该致力于与产品开发人员一起度过与您的设计师同事一样多的时间。我了解到，做出有效的设计决策的关键是确保您尽可能与开发团队交流。就我而言，在某些情况下，我找到了解决问题的方法，我自己无法解决。
目的是在您进行开发之前消除尽可能多的问题。
2.了解角色
起初，我必须说我对角色表示怀疑，但是现在这对我来说很有意义。
因此，与我以前的过程完全相反，我可以看到角色在处理产品功能时是多么重要，尤其是在解决方案有许多不同的情况时。它可以帮助您了解您真正为谁设计的。我的目标是拥有大约四到五个角色。
3.设定确切的目标-我们应该精确追踪什么？
我认为大多数设计师/客户都忽略了这一步骤，但是对于双方而言，设计最重要的方面之一就是了解您正在设计的产品的目标。我们倾向于直接跳入像素并快速充实项目的UI。如果是全新的网站或新功能，请确保为您首先要实现的目标设定明确的目标。
由于所有内容都是可追踪的，请说说您要追踪的确切点。例如，这些范围可能从新注册到使用Paypal的许多客户与使用信用卡购买的客户不等。始终确保您知道一开始的目标！
4.设置项目文件夹并开始构建情绪板
有很多启发网站 -Dribbble，Behance，Pttrns 等。找到与您正在从事的项目相似的项目真的很容易。此外，对于您遇到的问题并试图解决的问题，可能已经有了解决方案。
当我开始一个新项目时，我总是设置一个文件夹，该文件夹的名称为- 源文件，屏幕和导出，灵感和资源。我将在互联网上找到的所有内容保存到Inspiration文件夹中，以便以后使用它来创建基本的情绪板。该文件夹中可能包含来自插件，色板甚至来自Behance的完整案例研究的所有内容。
5.白板
如果我们想添加新功能或重新设计流程，我们坐下来，每个人都可以在白板，纸甚至iPad上草拟想法。此操作使我们可以将团队中的每个人都置于设计师的位置。稍后，我们将给出两个设计选项，以查看哪一个效果最佳。
在此过程的这一部分中，我们始终尝试通过整个体验并讨论大多数边缘情况。与设计阶段甚至开发阶段相比，现在解决这些问题确实至关重要。那时候您可能会浪费很多时间和精力。
6.映射出所有屏幕（用户需要输入哪些数据）
现在是超越白板并列出用户所有输入和故事的时候了。写下用户应确切插入特定屏幕的内容以及用户如何实现其期望的目标。
7.写下所有可能的状态
由于所有仪表板，应用程序或网站的表单都具有不同的状态，因此这是您不应该忘记的另一个重要步骤。
在设计时，我们需要确保解决所有这些问题。在我们的Sketch文件或PSD中有闪亮的图形和炫酷的个人资料图片真是太好了。但是，用户很可能会看到应用程序的另一面。特别是当它们出现在您的产品上时。有必要做准备。以下是我们如何处理其中一个数据组件中的空状态的示例。
8.准备第一个图
所有这些导致低保真度的最后部分。由于有了白板任务的结果，我们现在知道了所有可能的状态，用户的输入和目标。总结所有交互，我创建了一个图，说实话，我已经多次更改了此操作的样式：从具有光栅化版式的Sketch文件变为仅用矩形表示每个页面的矩形，其名称如下。话虽如此，这个过程总是很痛苦，我通常会遇到一种情况，我们想在此过程中稍后进行更改或添加一些内容。使用这些解决方案时，我通常不得不执行更多步骤。例如更改线条，箭头和图像的位置。
最近，我一直在使用Camunda Modeler，这并不是一个精确的设计工具。这是一个用于创建技术图表的简单应用程序。听起来很奇怪，但此应用程序旨在帮助您构建基本图表。最重要的是，创建的所有内容都是完全可伸缩的。您可以轻松地拖放任何点，它将自动为您创建线条和箭头。您还可以从不同类型的要点中进行选择，这有助于突出显示例如用户收到对讲机的电子邮件时的信息。Camunda导出到SVG，从而可以轻松为Sketch中的可跟踪点着色。
9.滑板
当我将所有图像收集到Inspiration文件夹中时，便可以开始创建情绪板。在开始像素处理之前，我主要使用情绪板来与同事讨论我的想法并描述一些视觉想法。
10.初稿
设计始终是一个持续的过程。您将在整个过程中进行很多迭代，以取得理想的结果。初稿也是收集反馈的一种方式。您不必进行像素完美的设计即可开始接收来自队友，杭州网站建设或潜在用户的反馈。为了获得他们的第一个想法并开始讨论，我通常会混合使用我们当前设计的屏幕。这使我们能够在不到一天的时间内开始使用外观逼真的设计。您可以制作第一个简单的原型来测试事物是否可以很好地连接在一起。
