如何在设计公司中组织文件

我们决定分享部分设计流程,以帮助世界各地的代理商和设计团队创建有用的界面和应用程序。

2019年9月28日

世界级设计公司如何组织文件

2019年3月26日

通常,设计机构会分享他们的Dribbble作品,展示他们美丽的工作场所,而有些则会发布案例研究。但是读者很少会访问关于内部知识和流程的细节。

Clay的办公室位于300 Broadway#23,San Francisco,CA,94133

Clay在Dribbble上的T恤贴

因此,我们决定分享部分设计流程,以帮助世界各地的代理商和设计团队创建有用的界面和应用程序。

 

使用哪些工具?

Clay最常用的工具

我们使用Dropbox Files和Dropbox Paper,您可以将Google云端硬盘与Google文档或Microsoft OneDrive与Office 365 Word一起使用。目标是找到具有良好桌面同步功能的云文件存储和协作文本/笔记编辑应用程序。

我们的大部分工作都是通过以下优秀的软件创建的:

  • 平面(Sketch,Photoshop,Illustrator)
  • 视频(After Effects)
  • 3D(Cinema 4D)

文件结构

请记住,任何结构都应该由团队支持,则它将无法工作。人们可能会犯错误,因此团队领导或项目经理应该检查并在必要时提醒团队成员正确更新文件。

正如许多机构所做的那样,我们为客户创建一个文件夹,并在其中包含项目的文件夹。但是项目应遵循什么样的结构?

我们寻求一种方法来根据我们的过程订购项目文件夹,并根据使用场景存储文件。添加数字可以为任何文件系统提供顺序,在默认情况下,文件和文件夹按名称排序。

数字是设计师的朋友!

这是我们在Clay做的任何设计项目的文件夹结构。文件夹编号前缀按项目的主阶段顺序放置文件夹。

Clay的任何项目的文件夹结构

01 – 接收

在这里,我们存储客户提供给我们的所有材料和参考:图像,照片,品牌书,演示文稿,徽标,屏幕截图,截屏视频以及与项目相关的任何其他源文件和文档。此处没有组织文件的特定规则;我们只是根据内容分发它们。

Incoming文件夹中的内容示例

02 – 研究

在研究阶段,我们收集有关当前或计划中的系统知识和对竞争对手的参考:示例、截图、截图、访谈记录和任何其他工作文件我们将写的研究文档存储在Dropbox Paper或Google Drive中。

样本研究报告

如果这项工作是每天进行的,结果也应如此。这就是为什么我们将每日设计结果存储在以日期命名的文件夹中,例如“2018-11-25”。 这样,日常的研究材料可以很容易地组装成一个演示文稿给艺术总监。

Research文件夹中的内容示例

03-线框

线框图是我们工作的一个组成部分。它们允许我们在短时间内设计所有基本的使用场景,确定与产品交互的核心原则,并进行可用性测试。

我们创建了高保真的线框,这样即使模型中没有应用样式,开发人员也可以使用它们。UX设计的主要部分发生在这个阶段。

Clay速度测试线框示例

我们用InVision绘制线框图来显示导航和屏幕流程。此外,我们准备了用户流程来覆盖所有场景和边缘情况。用户流程帮助我们理解做了什么,没有做什么;它还为开发人员提供了一有用的架构。

应用地图

04-设计

我们也称之为视觉设计部分。 所有最终设计都进入04-Designs文件夹。 典型的子文件夹结构与Research,Wireframes和Outgoing文件夹中的相同。

Design的子文件组织

05-共享

在项目期间,我们会按日期整理出需要分享的文件。在项目结束时,我们将所有内容都放在“Final Assets”文件夹中。我们还分享交互式原型; 例如,InVision绘制的线框和视觉设计。

06-偏差

在这里,我们为开发人员存储所有必需的文件,如线框,设计,资产和字体。开发人员还通过Zeplin获得最终设计。这样我们就可以控制究竟是什么进入开发阶段。

根据项目的不同,我们可以替换此文件夹或添加处理过程中所需的其他特定部分。

文件命名

导出的文件命名

文件命名对于组织良好的过程至关重要。 能够快速找到您需要的文件并将其全局区分(例如,在所有项目中进行搜索)非常重要。

示例设计文件命名惯例

最终设计文件根据此模板命名:

FlowNumber-STEPNUMBER-StateNumber-AdditionlStateNumber(可选)-Name

产品的每个流程步骤都会得到一个数字。例如,我们设计了一个登录页面作为产品流程中有价值的部分。登录通常是第一个也是最常见的产品流程步骤,因此它被分配到数字00。

数字从0开始。个位数前的零可以帮助正确地排序文件。如果您的流程超过99,请继续使用3位数字。注意:在我们为最复杂的项目工作的15年中,我们从未达到过99。

产品流程中的每一步都会得到一个数字。例如,在登录页面中,我们有一个登录对话框,其中包含电子邮件和密码输入以及登录按钮。这个步骤将得到数字01而密码重置对话框将分配给整个登录流程内的步骤02,其编号为00。

00-01-02-Password.png

在任何步骤中都有一个状态,它也得到一个数字。例如,我们在登陆对话框中输入了密码。这样的状态得到数字02,因为它是在电子邮件输入之后出现的。我们还为每个状态添加了一个名称。所以这个例子的最终名称是:

00-01-02-Password.png

如果用户在几次登录尝试失败后被锁定,则该情况下的设计文件将被命名为:

00-01-06-EmailLocked.png

选择简短易懂的状态名称,如Feed、POST、Filter和Event用CamelCase(驼峰式命名法)替换空格:即NewMessage,FollowGroup。避免使用复杂而模糊的名字。如果要显示同一屏幕的多个可视选项,可以在数字链的末尾添加一个字母:

01-02-00a-Search.png

01-02-00b-Search.png

在Sketch中导出文件(.png)和画板名称

文件夹命名

我们使用相同的命名规则将多组文件存储在文件夹中。

结束文件存储在每个步骤的文件夹中

源文件命名

源文件使用相同的规则获取名称,但我们在前面添加了一个项目名称:

项目名 – FlowNumber-STEPNUMBER-StateNumber – 名称

我们通常可以将所有状态放在一个文件中,所以源文件的名称如下:

ProjectX-Design-02-03-People-Filter.sketch

结论

通过应用这种多重的文件存储结构,您可以确保在任何时候您都知道:

  • 到目前为止已经做了多少天的工作了
  • 可以给客服呈现什么并在何时可以呈现给客户
  • 设计师最近在做些什么
  • 该系统的哪些部分已经设计完成
  • 我们是否已完成屏幕设计并能保证质量
  • 哪里可以找到所有已确认的设计
  • 开发人员是否有最低限度的设计可供使用
  • 图形源,字体和其他材料的位置
  • 访问这些答案非常方便,无需询问项目经理甚至使用项目管理工具

如果您愿意尝试我们的项目文件组织方式,请下载此模板并将其保存在云项目文件夹中。双击模板后,将出现一个新的项目文件夹。然后重命名文件夹并开始工作。

未归档的设计项目模板


原文链接

作者:Alex Khmelevsky

翻译:陈启旭

编辑:陈启旭

责编:王浩

发表评论

电子邮件地址不会被公开。 必填项已用*标注