舟山网站建设:开发人员设计规范必须知道的7件事

2019.07.26 mf_web

74

快速摘要:

设计人员在完成工作并需要向开发人员提供结果时进行设计切换。设计切换的最终目标是最大限度地减少猜测并提高设计过程的有效性。以下是设计人员可以做的7件事,以使切换尽可能顺利:

  • 建立有效的沟通

  • 准备一份交接清单

  • 准备高质量的资产

  • 使用特殊工具自动执行切换过程

  • 边缘案例设计

  • 详细描述复杂的动画效果

  • 安排会议以进行交接

1.建立有效的沟通

设计和工程团队之间的关系在项目成功中起着至关重要的作用。许多产品团队犯了同样的错误 - 他们孤立设计和开发团队。因此,两个团队独立工作,设计切换是团队交换信息的设计过程中的唯一点。

这个决定很少有积极的结果。通常,它会导致开发人员和设计人员之间的额外反馈循环。

设计切换的准备工作应在实际切换之前开始; 它应该发生在整个设计过程的最初阶段。让开发人员尽早参与设计过程至关重要。

不要将设计与实施分开

产品设计人员应尽早与开发人员共享设计。为了使协作富有成效,建立检查点非常重要 - 在产品设计期间发生的事件,设计人员和开发人员相互会面以讨论设计。

提示:始终尝试亲自沟通。此类会议将帮助您建立更好的信任度。

实践实时协作

对于设计师而言,了解他们正在使用的技术的可能性和局限性至关重要。如果没有这种理解,设计师提出的解决方案很可能在技术上不可行。

通过让开发人员参与交互设计过程,可以获得这种理解。当设计人员处理复杂的应用状态(如动画过渡)时,它尤其有用。设计人员可以咨询将参与项目的开发人员,以了解是否易于实现。

2.准备一份交接清单

与任何其他过程类似,更好的切换是有组织的,最终的结果会更好。很明显,要求设计人员记住他们需要为开发人员提供的所有工件是错误的。项目经理应准备一份清单 - 一份交接所需的设计工件清单。该核对表应作为任务管理工具中的任务呈现。每次设计进行切换时,都应该检查清单。

Mockplus idoc

3.准备高质量的资产

定义命名约定

无论设计项目如何,命名约定在组织项目结构中都起着至关重要的作用。适当的命名约定可帮助开发人员浏览文件并防止出现重复项。

对于每个项目设计团队的工作,应该有一种命名文件,标签元素和图层的标准方法。正确的命名约定可以减少问题并使切换过程更加可预测。

提示:

  • 在命名文件时,请勿在文件名中包含任何形式的版本控制。屏幕名称应简单描述其功能。它不应该是“Search screen new ver 24.png。”它应该只是“Search.png”

  • 在命名屏幕时使用一致的外壳。选择铸造-Sentence外壳,''下壳'或其他 - 并将其用于您设计的所有屏幕。

共享流程,而不是独立屏幕的集合

许多设计师认为,与开发人员共享静态模拟就足够了。实际上,如果没有看到屏幕之间的连接,可能很难理解屏幕之间的关系。

这就是为什么将设计作为流程提供如此重要的原因 - 必不可少的屏幕应该相互连接。这种方法对设计师也有好处。当设计师为切换准备流程时,它可以帮助他们揭示缺失的步骤或边缘情况。

提示:建议创建一个完整的视频演练,让设计师解释用户的旅程。

4.使用特殊工具自动执行切换过程

在过去,设计人员很难为开发人员导出所有必需的资产。他们必须手动准备包含所有必要资产的存档并将其发送给开发人员。这不仅耗费了大量时间,而且一些基本细节可能很容易被遗忘。当设计需要改进时,情况变得更糟,设计师不得不再次重复整个过程。

希望最近情况有所改变。Mockplus iDoc允许设计人员自动化设计切换。可以直接从Sketch,Photoshop或Adobe XD导出设计,并查看自动准备的规范。创建交互式动画原型。使设计协作更容易。

特征:

1.不再手动制作规格

只需单击即可上传设计,巧妙地生成规格,并通过简单的鼠标点击查看规格数据;

在右侧面板上查看详细的图层数据。

???????????¨??????è§?? ?

2.不再手动切割切片

只需单击一下即可标记要导出的图层,并自动生成HD切片;

自动上传,并实时刷新网页上的切片。

???????????¨?????2??????

3.构建团队的设计风格指南

自动收集和组织团队的项目和资源,如组件,颜色,文本样式,以及易于维护的样式指南。

4. Hi-fi交互式原型

只需单击一下,即可轻松将静态设计文件转换为工作原型。IDoc提供9种过渡动画,支持自动跳转和设置固定区域。

有关更多iDoc功能: https://idoc.mockplus.com/download/ps

Mockplus iDoc,连接您的整个产品设计工作流程

免费入门

5.边缘案例设计

设计师总是设计出理想的产品状态 - 当产品运行良好时,用户不会犯任何错误。它很少发生在真实文件中。但是,当开发人员创建空状态和错误情况时,这是一种非常常见的情况,因为设计团队没有考虑它们。

为了提供良好的设计,设计人员应始终在其清单中的屏幕上显示空状态和错误状态。边缘案例的设计不仅可以简化开发人员的生活,还可以为用户带来更好的用户体验。

6.详细描述复杂的动画效果

功能动画在现代数字体验中起着至关重要的作用。如果使用得当,动画可以描述屏幕之间的关系,通知用户当前的体验状态,甚至用视觉效果让用户满意。但为了实现它,应该正确设计和实现动画。

即使动画在原型中完美设计,也不能保证最终产品的质量水平相同。为什么?因为设计人员在特殊设计工具(例如Adobe After Effects)中创建动画,开发人员必须使用完全不同的工具集(例如Apple XCode)对其进行编码。设计工具仅提供视觉效果,并且当开发人员没有足够的关于动画效果的信息(例如,动画类型,时间等)时,他们需要向设计人员提供此信息或根据他们自己的经验实现它。

为了简化开发人员的生活,负责动画效果的设计人员应在完成工作后详细描述规范中的效果。他们提供的信息将帮助开发人员编写动画代码。

7.安排会议以进行交接

如果你要求设计师想象一个理想的设计切换,很可能他们会描述一个案例,当他们简单地移交像素完美设计时,开发人员将其放入代码中而不会提出任何问题。不幸的是,这在现实生活中很少发生。在大多数情况下,开发人员需要一些解释。这就是设计切换不仅仅是将设计工件发送给开发团队的原因。

在开发人员收到所有必需的工件后,设计人员应该联系开发人员来完成设计。设计师应安排与开发人员会面。会议将是设计师描述细节和澄清一些设计决策的绝佳机会。

结论

大多数设计师都知道移情对于良好的设计有多么重要。能够同情用户的能力将优秀的设计师与糟糕的设计师区分开来。但作为一名优秀的设计师,您不仅要对您的用户感同身受,还要对与您合作的人 - 开发人员 - 同情。设计切换是展示对工程团队的同情的最简单方法之一。

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP
电子老虎机奖池_真人游戏平台-推荐官网