我们设计的 Sketch 是您整个协作设计流程的平台。这意味着从您的最初想法和粗略线框图,一直到开发者交付,我们都能满足您的需求。
但这在实践中是如何运作的?为了了解这一点,我们与屡获殊荣的 Framework Design 的创意总监 Luke Bamford 和 UX/UI 设计师 Kara Vicca 进行了交流。他们向我们介绍了他们如何使用 Sketch 在整个代理机构中进行协作,以及它如何帮助他们交付客户的需求。
问:在与客户进行初步对话后,您多久将 Sketch 引入设计流程?
Luke Bamford:每个进入我们公司的项目都始于 Discovery 会议,通常在初步电话会议后安排。Discovery 会议旨在向我们的客户介绍一系列不同的想法、概念和主题,并了解他们希望从项目中实现什么。我们首先使用 Sketch 创建一个将这些想法结合在一起的文档,然后在这些 Discovery 会议中展示。

创意总监 Luke 在交付给开发人员之前最终确定设计审查。
问:通常有多少人参与一个项目的设计过程,他们的角色是什么?
LB:我们通常会用一个团队来解决设计问题。我们的总经理 Stephan 负责最初的联系点,并向客户概述工作流程。然后,我们聚集一批具有适当技能的人才,通常包括负责日常事务的客户经理、我和设计团队成员、技术总监 Paul 以及选定的开发人员。

开发人员 James 浏览资源库以进行导出。
问:您如何在流程中使用 Sketch?Workspaces 是否有助于您的团队协同工作?
LB:从项目构思到与开发人员的交付,设计团队和我都在 Sketch 中工作。Paul 和高级团队审查设计并使用 Sketch 资源库开始开发过程。客户经理和主管在设计过程的每个阶段都会与客户一起审查设计。
Kara Vicca:我们使用我们的 Sketch Workspace 进行所有版本控制,并帮助我们在人们不在办公室时进行协作。事实上,它会自动同步我们所有的更改,这也在几次场合挽救了我们的局面!当您仅在本地机器上工作时,您始终面临文件可能被意外删除或损坏的风险。将文档存储在我们的 Workspaces 中可以减轻该问题。
问:是否有任何特定的 Sketch 功能或工具可以帮助 Framework 的设计师制作出出色的成品?
KV:我发现 组件视图 在 Sketch 中创建网站设计时非常有用。它允许团队将网页的不同元素(例如图标和形状)组织到文件夹中,因此可以轻松地在整个网站设计中一致地复制它们。我们还使用 颜色变量 以确保颜色调色板在整个项目中保持一致。

UX/UI 设计师 Kara Vicca 正在从事 Framework 的下一个获奖项目。
问:您如何处理开发者交付?流程是什么,设计师如何设置他们的 Sketch 文档以使开发团队的生活更轻松?
KV:我们使用 Sketch 创建一个模板交付文件,该文件充当开发人员在该过程中达到他们阶段的完整指南。我们为每个项目使用此模板,它包含关键信息,例如排版、图像、颜色调色板、图标、徽标和按钮 - 以及有关页面结构和内容的外观和感觉的指南。通过将所有这些信息放在一个地方,我们的开发团队可以打开文档并导出他们需要的位,并在他们需要时导出。

审查准备开发的 Warhammer 组件。
问:我们最近在 Sketch 中引入了实时协作。您是否已将其纳入您的设计工作流程?
LB:在我们需要多个设计师同时处理的较大项目中,实时协作 挽救了我们的生命。它不仅帮助我们转移了大量工作,而且还帮助我们以更快的速度工作 - 这意味着在满足更短的截止日期时,我们可以更具竞争力。
我们很高兴看到人们和团队如何使用 Sketch 来创建出色的产品。如果您有想与我们分享的内容,请使用 #MadeWithSketch 在我们的社交媒体渠道上告诉我们。