跳过导航
The Framework logo on an orange background
#MadeWithSketch

框架设计:使用 Sketch 满足客户需求,从构思到交付

“通过将所有信息放在一个地方,我们的开发团队可以在需要时导出他们需要的位。”

我们设计的 Sketch 是您整个协作设计流程的平台。这意味着从您的最初想法和粗略线框图,一直到开发者交付,我们都能满足您的需求。

但这在实践中是如何运作的?为了了解这一点,我们与屡获殊荣的 Framework Design 的创意总监 Luke Bamford 和 UX/UI 设计师 Kara Vicca 进行了交流。他们向我们介绍了他们如何使用 Sketch 在整个代理机构中进行协作,以及它如何帮助他们交付客户的需求。


问:在与客户进行初步对话后,您多久将 Sketch 引入设计流程?

Luke Bamford:每个进入我们公司的项目都始于 Discovery 会议,通常在初步电话会议后安排。Discovery 会议旨在向我们的客户介绍一系列不同的想法、概念和主题,并了解他们希望从项目中实现什么。我们首先使用 Sketch 创建一个将这些想法结合在一起的文档,然后在这些 Discovery 会议中展示。

A black and white photograph of Framework’s creative director working on a computer next to two other people.

创意总监 Luke 在交付给开发人员之前最终确定设计审查。

问:通常有多少人参与一个项目的设计过程,他们的角色是什么?

LB:我们通常会用一个团队来解决设计问题。我们的总经理 Stephan 负责最初的联系点,并向客户概述工作流程。然后,我们聚集一批具有适当技能的人才,通常包括负责日常事务的客户经理、我和设计团队成员、技术总监 Paul 以及选定的开发人员。

A photograph showing a Framework team member browsing through components using Sketch’s Components View.

开发人员 James 浏览资源库以进行导出。

问:您如何在流程中使用 Sketch?Workspaces 是否有助于您的团队协同工作?

LB:从项目构思到与开发人员的交付,设计团队和我都在 Sketch 中工作。Paul 和高级团队审查设计并使用 Sketch 资源库开始开发过程。客户经理和主管在设计过程的每个阶段都会与客户一起审查设计。

Kara Vicca:我们使用我们的 Sketch Workspace 进行所有版本控制,并帮助我们在人们不在办公室时进行协作。事实上,它会自动同步我们所有的更改,这也在几次场合挽救了我们的局面!当您仅在本地机器上工作时,您始终面临文件可能被意外删除或损坏的风险。将文档存储在我们的 Workspaces 中可以减轻该问题。

问:是否有任何特定的 Sketch 功能或工具可以帮助 Framework 的设计师制作出出色的成品?

KV:我发现 组件视图 在 Sketch 中创建网站设计时非常有用。它允许团队将网页的不同元素(例如图标和形状)组织到文件夹中,因此可以轻松地在整个网站设计中一致地复制它们。我们还使用 颜色变量 以确保颜色调色板在整个项目中保持一致。

A black and white photograph of Frameworks’s UI/UX designer working on a computer, taken from the side.

UX/UI 设计师 Kara Vicca 正在从事 Framework 的下一个获奖项目。

问:您如何处理开发者交付?流程是什么,设计师如何设置他们的 Sketch 文档以使开发团队的生活更轻松?

KV:我们使用 Sketch 创建一个模板交付文件,该文件充当开发人员在该过程中达到他们阶段的完整指南。我们为每个项目使用此模板,它包含关键信息,例如排版、图像、颜色调色板、图标、徽标和按钮 - 以及有关页面结构和内容的外观和感觉的指南。通过将所有这些信息放在一个地方,我们的开发团队可以打开文档并导出他们需要的位,并在他们需要时导出。

A photograph showing a someone reviewing a Sketch document on a Mac, from an over-the-shoulder perspective.

审查准备开发的 Warhammer 组件。

问:我们最近在 Sketch 中引入了实时协作。您是否已将其纳入您的设计工作流程?

LB:在我们需要多个设计师同时处理的较大项目中,实时协作 挽救了我们的生命。它不仅帮助我们转移了大量工作,而且还帮助我们以更快的速度工作 - 这意味着在满足更短的截止日期时,我们可以更具竞争力。


我们很高兴看到人们和团队如何使用 Sketch 来创建出色的产品。如果您有想与我们分享的内容,请使用 #MadeWithSketch 在我们的社交媒体渠道上告诉我们。

您可能也喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新功能,我们都会让您在几分钟内完成设置并准备好做最好的工作。

免费开始
免费开始