发布时间:2024-07-02
浏览次数:0
经过一段时间带团队的经验sketch输出规范,发现文件命名有点让人抓狂,所以忍不住更新了一篇文章,讲一下大家普遍接受的规则,不仅包括切片的命名规则,还包括文件组织规范。之前也组织过简单的,但觉得不够,今天就详细讲一下。
文件组织的好处
阁主在讲一件事情的时候,喜欢先把原因或者自己的经历讲清楚,让大家看得更清楚,知道他为什么做这件事。
刚开始工作的时候,为了节省时间,我把所有的图层都随意摆放了(这是软件讲解用的,做应用程序也是一样)。有时候图层太多了,我就把它们分组,英文叫group。有点像我昨天在群里发的开源项目的源文件。如下图。
但后来我逐渐发现,这种随意的做法,在制定计划的过程中,看似节省了时间,实则浪费时间。
为什么这么说呢?因为作为设计师,基本上没有一稿可写,都是和 PM、同部门其他设计师、开发人员商量后一步步确定的。所以肯定会有反复修改的情况,可能会参考以前版本的文件。所以对于文件,你总是需要去寻找、选择、更改每个版本号、每个层级。如果一直浪费时间在寻找上,那真的不值得,也毫无意义。
所以对于个人来说整理个人文件和项目团队文件是非常重要的,这样可以提高你的时间利用率。
后来我加入了一个更大更规范的公司,参与的项目也越来越多,文件的管理也从个人找自己的文件,变成了团队找团队的文件,团队找团队的公用文件,有时候跨项目还会有公用的功能块,也就是说有些文件是共享的,这样文件管理就变得更规范、更重要了。你能想象到每个人都像无头苍蝇一样到处找文件,在乱七八糟的层层中找一个可以修改的层吗?
另外,有些软件非常依赖文件的组织方式,例如运动原型软件中的图层是按照一定的规则排列的,插件导入后就会是这样的。如下图所示,左边是的图层顺序,右边是的图层顺序。
这种软件设计的好处是修改完文件后可以很方便的导出。如果你的同事做的活儿很乱,那你还要自己做这个活儿,真的好想骂人。但反过来也是一样,如果你自己的文件整理的不好,也会给别人带来麻烦。久而久之,别人就不喜欢跟你合作了。
当我们回顾工作情景的时候,我们就会知道我们应该做什么。
如何组织文件夹
一般都会用大文件夹作为项目最原始的管理,我们以千寻租房项目为例,首先大文件夹以项目名称“千寻租房”命名,首先馆主先讲解需要管理多个版本,UI、UX都需要涉及的工作内容,文件组织方式如下图所示。
一般而言,一个项目涉及以下内容:
01是low-fi(低保真渲染)文件的地址;
02 Flow 是 Hi-fi(高保真渲染)地址;
03 UI Kits是输出的图片资源地址(比如icon);
04 它不是产品文档,而是APP内需要的一些文档,例如《服务条款》;
05 App图标,即各平台所需的APP图标尺寸图及源文件,尺寸都是固定的(请参考iOS相关规范);
06 视频 如果有视频文件则放置视频;
07 特意准备的(即用来介绍APP功能的页面,需要上传到各个APP发布平台),因为平台太多,有时候各个平台指定的大小不太一样,那么如何单独放到一个文件夹中;
08 Card 在UI层面花费的时间比较多,一般放在改版流程的最后,所以也可以单独列出。
作为一名设计师,我接触最多的是 01、02、03,所以我把它们放在最前面。这也是文件夹编号的原因。所以你可以看到从 01 到 08,序号是根据它们的使用频率和重要性排序的。
为什么不区分03版本呢?因为对于同一个APP,当它从1.0升级到2.0时,图标可能会延续1.0版本的一部分,因此有一部分是公共的。如果再分类,程序员在查找的时候就要翻遍多个子文件夹,不是很方便。设计师只需要告诉程序员用到的图片名字,程序员直接按照单个图标路径提取就可以了。当然这只是解决方案之一。
每个版本又可以根据功能块进一步划分为子文件夹,如上图所示。
用来存放历史文件,对于设计师来说,历史文件不能丢,不知道什么时候老板会说“我们回头看第一版吧~”你懂的~
以上是针对工作内容比较全面的同学设计的文件整理方式,如果有些同学工作内容比较集中,比如单独做UI或者UXsketch输出规范,文件整理方式也可以如下,因为内容比较简单,所以只需要通过版本号来区分即可。
文件夹的命名方式为“项目名+版本号”,例如千寻租房项目1.0版本,则命名为“千寻租房1.0”,若有同级别的2.0版本,则在其下再创建一个名为“千寻租房2.0”的文件夹。那么无论你要找的是哪个版本的文件,都可以一目了然的找到。
命名文件并组织其图层
1. 命名规则
如上图所示,命名方式为“项目名称 功能块 版本号_修改日期”。例如千寻租房首页1.0版是5月5日制作的,那么它的名字就是“千寻租房”。加上日期是为了方便别人和自己查看哪个是最新版本,有时候在查找历史文件的时候也可以帮助回忆。
还有一点,做项目的时候,一般都会给项目起一个英文代号(特别是跨国项目,为了方便不同文化的人沟通),所以命名的时候经常会用到英文。(如果英文不好,用翻译器或者有道翻译也是不错的选择,根据我的经验,三个月之后就习惯了。)
文章太长,两天后更新,明天的内容比较重磅,会更新画板和图层的命名,组件的命名,图片导出的处理方法等干货,以及整理文件的思路总结,敬请期待。
玲珑阁,一个热爱健身的女孩,是一名交互设计师
如有侵权请联系删除!
Copyright © 2023 江苏优软数字科技有限公司 All Rights Reserved.正版sublime text、Codejock、IntelliJ IDEA、sketch、Mestrenova、DNAstar服务提供商
13262879759
微信二维码