项目文件管理,只需7个文件夹

作为一名视觉设计师,将文件整理的井然有序是我们必须要具备的能力,如果你现在还没有一个完整的文件管理体系,可以先看看我的!


作为一名视觉设计师,将文件整理的井然有序是我们必须要具备的能力,如果你现在还没有一个完整的文件管理体系,可以先看看我的!

项目文件管理,只需7个文件夹

下图这张图是我以前文件整理的状态!是不是很乱?我告诉你,那不是很乱,那是相当乱!

项目文件管理,只需7个文件夹

如果做项目,文件整理成这样,后期不论是自己找文件,还是工作交接都会很痛苦。

作为一名视觉设计师,将文件整理的井然有序是我们必须要具备的能力,如果你现在还没有一个完整的文件管理体系,可以先看看我的!

我们假设现在一个新的项目开始了,名字叫做《iwork》,我会为这个项目建立7个文件夹,大纲如下:

  1. 项目规划及需求
  2. 交互设计
  3. 视觉设计
  4. 标注
  5. 切图
  6. 走查报告
  7. 参考资料

我们来一个一个讲解!

1. 项目规划及需求

这里面包含的内容有:产品定位、竞品分析、用户旅程图、需求文档、产品数据等等,如下图:

项目文件管理,只需7个文件夹

假设竞品分析前期还没有内容,没有关系啊,我们可以先把文件夹建好,以后有了再放进去。

千万不要觉得自己是做视觉的,就不需要了解项目前期的内容,每做一个项目,我们都要把自己当做项目负责人,了解全局,虽然不需要深入研究,但至少知道自己在做什么,产生什么价值。

2. 交互设计

我们每天需要和交互设计师沟通,接收他们的交互稿来完成视觉设计,这里面放的就是交互文件,按照功能模块来放置就好。

项目文件管理,只需7个文件夹

值得一提的是,我们只需要放最新的交互稿(若交互和视觉是一个人来负责,就需要做好历史版本的记录),不需要存放历史版本,因为交互设计师那边会有存档。

3. 视觉设计

这里就是我们的本职工作了,里面包含的内容有:概念设计、规范、未评审、定稿、历史记录。

如下图:

项目文件管理,只需7个文件夹

3.1 概念设计

概念设计就是项目开始前做的一些概念稿,虽然后期可能用不上了,但是我们也可以存留下来,对比一下概念版和现实版有什么差别,有什么业务、技术上的限制,即使现实版做的没有概念版好看,至少我们可以说出原因,尤其是在面试的时候,可以派上很大的用场。

3.2 规范

我们经常会有做界面拿不准主意的时候,比如圆角多大、字号多大、间距多少,这时候你就可以打开视觉规范来瞧一瞧,帮你节省很多纠结的时间。

3.3 未评审

很好理解吧,就是还没有经过老板或团队评审的设计稿,一定要和定稿文件分开放,不然当文件过多的时候,很容易搞混乱,如果一不小心发给开发哥哥未评审的设计稿,你的责任大大地!

3.4 定稿文件

这个文件夹放着最重要的东西——输出的定稿文件(始终保持最新版本)。

3.5 历史记录

旧版本的设计稿都会放在这个文件夹里,并且半年清除一次,因为很少会用到半年之前的版本。

4. 标注

标注按照功能模块来进行整理,如下图:

项目文件管理,只需7个文件夹

由于现在我是用sketch自动标注切图,非常方便,所以我只留下最新的标注文件,旧版本的标注文件全部删除掉,因为基本用不上,即使用上,再导出一份也很方便。

5. 切图

切图和标注差不多,也是按照功能模块来进行整理,如下图:

项目文件管理,只需7个文件夹

很多时候,我们会单独新增一两个页面,这时一定要及时将新增页面的切图进行归类整理,开发哥哥希望永远拿到的都是整个模块最新最全的切图,而不是每次都只给他们一两个切图,这样他还需要再整理一遍,非常麻烦。

没事多和开发聊聊,替他们考虑一下,你也可以学到很多东西,多好!

6. 走查报告

当项目进入开发阶段后,视觉设计师就要进入走查阶段,检查现实稿与设计稿的差距,并将问题列举出来,反馈给开发团队,目标就是将还原度达到95%以上!

这里面一般会根据版本和时间来记录,如下图:

项目文件管理,只需7个文件夹

至于走查的模板,团队可能会有统一的,如果没有,就自己制定一个,只要能说清楚问题即可,不用纠结使用什么软件,ppt都可以。

7. 参考资料

这里面会放一些参考样式、图片、图标等等,根据不同习惯自行分类即可,我的分类如下:

项目文件管理,只需7个文件夹

总结

以上就是我整理项目文件的方法,一定要记住,我们的目的是为了更加容易的找到想要的文件,我提供的方法,不一定会适用于所有UI设计师,因为项目不同、人的习惯也不同,这里仅供参考,希望大家都能找到适合自己的那套文件整理术,加油!

#专栏作家#

菜心,微信公众号:菜心设计铺,人人都是产品经理专栏作家,前华为ITUX用户体验设计师(主视觉),3年工作经验,参与华为Welink、3MS、连长社区等多个项目的用户体验设计工作。欢迎大家互相交流关注。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22198/

(0)
CatherineCatherine
上一篇 2017-04-30 21:36
下一篇 2017-04-30 23:22

相关推荐

  • 互联网+时代,让用户体验到你的专业性

    物质种类丰富之后,市场要面对的新重点就成了“用户体验”。只有“功能”的商品即使做成百宝箱也只能昙花一现,能够让客户用得舒心用得愉悦才是现代产品的应有魅力。在企业竞相提升体验的大潮中,“别让我等、别让我想、别让我烦”的用户三大心态仍然是大部分厂商的改良依据,然而总有一些人可以在这一基础上做得更加精细周到,成为“体验战”的大赢家。01曾经被无视的用户体验如今是神兵利器在计划经济时代,消费者的选择余地很小,导致了厂商只注重“功能”不注重“体验...

    2018-05-07
  • ios8设计规范 中文版 完整版

    文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 以内容为核心(Defer to Content) 1.1.2 保证清晰度(Provide Clarity) 1.1.3 用深度来体现层次(Use Depth to Communicate) 1.2 iOS应用解析(iOS App An…

    2016-05-12
  • AR交互设计

    AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。DHL的Vision
    Picking
    拣货系统使用了增强现实技术来帮助仓储拣...

    2018-04-12
  • 临时框这种交互方式,产品经理请慎用

    临时框是每个产品的标配,每个产品经理都会遇到临时框的交互设计,那么哪些算是临时框?警告窗口、操作列表、toast等分别在什么时候使用才符合一定的产品交互规范?本文就来讨论一下临时框以及它的使用场景和规范。

    2017-05-14
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(下篇)

    上篇我们聊了Logo配色、ThinkShutter以及电源键设计,这一次我们一起来看看外形设计、移动便携和扩展能力ThinkPad X1 Carbon 2018在用户体验上有什么有趣的故事吧!一条曲线的神奇虽然建筑师高迪说直线属于人类,而曲线属于上帝,而逐渐读懂曲线的意义,思考曲线与直线之间合理应用,这整个的过程正是人类自我救赎和思想进化的过程。纵观笔记本变化的历史,外形和颜色往往决定着“颜值”,改变外形或者颜色设计的情况比比皆是,连M...

    2018-03-22
  • 这是三种有趣的网页设计趋势,却被低估了

    今天要聊的三种设计趋势其实已经出现一阵子了,但是作为一种相对综合的设计手法,他们并没有引起广泛的关注。只需要使用现有的元素、色彩和排版手法,就可以实现这三种设计效果,但是它们不论是从美学特征上,还是从功能性上,都不输于其他的趋势。有兴趣么?不妨来看看吧。

    2017-05-06
  • 空状态的设计值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。“用户会尝试多个同类app,然后在接下来的3到7天内决定其中的哪些不合适。对于’像样的’app,一旦用户决定保留超过7天,那么将会比较长久的存留下去。成功的关键在于怎样使产品在这3到7天当中保持与用户的良好互动。” Ankit Jain – Quettra“很多时候,人们放弃一款产品的原因其实都是我们可控的,例如他们无法一目了然的看出与你的app产生互动之后能给他们带来什么好处。” – Patrick Mckenzie

    2017-06-05
  • 移动端用户体验:底部导航

    把最重要最常用的操作放在屏幕底部非常重要,因为它们能用一只手指轻松触及。

    2016-10-30
  • 用户体验地图

    利用用户体验地图实现产品的情感化设计;先来看一张图:我们可以将用户体验地图分为三个区域,其中:# ZONE A 提供了对地图的界定;# ZONE B 是视觉化的用户体验过程;# ZONE C 描述了用户的痛点;我们通过拆分各个区来实现一个用户体验地图的构建;A区:1 : 表示一个角色,即体验的用户是谁,或者说你的产品的目标客户群体是什么样类型的人;2 :表示待调研的场景,即在用户什么情景下会使用你的产品;B区:3 :可分段的体验过程,即...

    2018-03-28
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04