UI入门工作流程简介-沈阳网站设计

设计师需要清楚地了解工作中的设计目的，特别是如果你不是一个受欢迎的产品，并且你不能使用个人认知，强主题（如游戏）或“趋势”风格来确定目标。例如，设计小米手机的旧型号，老人需要什么样的颜色？添加样式会产生干扰还是更好的体验？按钮有多大适合？在该产品的UI设计中，设计师需要从一开始就参与，而在设计过程中，设计师基本上已经意识到了这一点。

我倾向于说“交互设计的整个过程”。在我的例子中，UI指的是“界面”。在视觉设计开始之前，界面的交互规划和设计是一个重要的前期步骤，这对最终用户体验有很大影响。我的团队主要参与交互式设计阶段的产品设计，交互设计师和UI设计师。据我了解，许多公司没有专门的交互设计师，但产品经理完成了相关工作。以下是我的工作流程（图片来自网络，团队未发布）。这个过程希望整个产品团队能够参与并共同努力，以增强对产品的理解。或者采用时尚的概念，我希望团队能够有更多的设计思维，“设计思维”来加强和提升解决问题的能力，并激发更多的创新。请务必从Scenario应用程序方案和Persona用户角色开始。您的产品使用的是什么样的场景，以及您的用户角色的特征。正确的设计不是由用户角色来判断，而是由设计师或产品经理本人来判断。清楚地描述场景和角色，让整个团队彻底理解，这将确保团队减少错误。 *用户角色Persona，实际写的文字描述工作是好的，不必做下面的图片一般都很高。如果您想提供客户或Boss提案，您可以进行促销。 1.故事板故事版：主要负责人：产品经理或交互设计师。每个人都开始讨论用户体验过程，在白板上绘制过程的同时添加粗略的UI元素。会议结束后，交互设计师将在纸上制作手绘线框。在这个阶段，产品经理，交互设计师，UI设计师和技术工程师将进行大量讨论，主要讨论的是流程和主要功能，因此手绘故事版本可以快速，轻松地进行修改。这一步是最终确定Userflow，用户进程及其中的关键步骤，每一步都是一个主界面。 *这通常是白板上的情况，交互式设计同学将重新绘制在纸上。 *移动产品设计也行，不要购买专用模板和工具尺，自己打印。 2.关键线框键接口线图主要负责人：交互设计人员在确定的用户流程中选择几个关键的，有代表性的步骤，并制作详细的线框线框。确保每个UI元素都在线框中设计，包括其大小和位置。我们制作的线框是1: 1，这意味着线框尺寸与实际接口相同。 1: 1线框可以避免很多问题，例如在早期阶段考虑不周和实施困难。此会话将确定键界面中的UI元素和布局，以及整体布局布局样式。 *线框以1：1众所周知。指令将添加到输出中。在后面的工作中，UI文档学生和工程师可以共享此文档。 3.关键视觉设计关键界面视觉设计主要负责人：UI设计师此链接交互设计师将根据确定的用户流程和确定的布局样式继续做其他界面的线框。与此同时，UI设计师开始对关键界面进行视觉设计，并尝试了不同的颜色和样式。此会话用于确定产品界面的视觉设计风格。 4.所有线框所有接口线图主要负责人：交互设计人员此链接交互设计人员完成所有接口的接口（1: 1）设计和团队确认。 *做一个完整的框图，一般是一般的结构图。如果您有足够大的空间，则可以逐页打印。方便团队参考。 5.原型可移动原型主要负责人：交互设计师这个环节取决于产品需求。如果静态线框不能完全反映产品功能，那么您需要制作一个可移动的原型，即使使用关键界面动画也可以操作。它通常是HTML的可移动原型，特殊项目也完成了Flash。 我还有一个很棒的朋友，他使用PPT（PPT开发工具+ VB脚本）来接近完成界面的可移动原型。此链接的确认与上一步骤相同，对团队的理解将更加精确。 *不禁粘贴PPT开发工具面板，提供VS风格的控件，并直接用VB脚本编写控制逻辑！还可以带虚拟数据！客户认为您已开发出木材。 6. UI设计所有界面视觉设计的主要负责人：UI设计师完成所有界面的UI视觉设计。此会话确认了所有UI设计。还将已确认的UI更新为文档。