經(jīng)過一期帶團(tuán)隊的體驗，閣主發(fā)現(xiàn)文件命名有點讓人抓狂丧慈，是在忍不住更新一篇文章去說說這其中大家約定俗成的規(guī)則耸采，不僅包括切圖命名規(guī)則兴泥，還包括文件整理規(guī)范。之前樓主有整理過簡單的虾宇，貌似不夠用搓彻，今天再來具體說說。
文件整理的好處
閣主在說一件事的時候嘱朽，喜歡將原因或者自己的經(jīng)歷先交代出來旭贬，那樣大伙也看得更明白，知道為什么要這樣做搪泳。
剛工作的時候稀轨，為了省事，于是將所有的圖層都隨意擺放（針對的是sketch軟件進(jìn)行講解的岸军，Photoshop的應(yīng)用同理）奋刽，有時候?qū)嵲谑翘嗔司瓦M(jìn)行群組，英文叫g(shù)roup艰赞，有點像昨天在群里發(fā)的開源項目的源文件的樣子佣谐。如下圖
可后來，漸漸發(fā)現(xiàn)猖毫，這樣隨意的做法在做方案的過程中看似節(jié)約了時間台谍，實際上是浪費了時間。
為什么這么說呢吁断？因為作為設(shè)計師趁蕊，基本上沒有一稿過的情況出現(xiàn)，方案都是同PM仔役、同部門其他設(shè)計師掷伙、開發(fā)商量后一步步定下來的，所以反復(fù)更改的情況肯定存在又兵，并且可能拿出以前版本的文件進(jìn)行參考任柜。那么對于文件來說，總是需要尋找沛厨、選定宙地、更改各個版本號以及各個圖層，如果時間一直浪費在尋找上面逆皮，真心劃不來宅粥，無意義。
于是針對個人來說整理好單個文件以及項目組的文件电谣，是一件非常重要的事情秽梅，它提高了你的時間利用率抹蚀。
后來，進(jìn)了更大更規(guī)范的公司企垦，所接觸的項目就更多了环壤。于是文件的管理，從個人查找自己的钞诡，變成了自己去查找團(tuán)隊的郑现，以及團(tuán)隊查找團(tuán)隊公共的文件，有時候還要跨項目進(jìn)行公用功能塊臭增，那就意味著有的文件是公用的懂酱。這樣看來，文件管理也更加規(guī)范也更加重要誊抛，你能想象所有人像無頭蒼蠅一樣到處亂撞去找文件列牺，并且從各個雜亂的圖層中找出某個圖層進(jìn)行修改的情況嗎？
再者拗窃，有的軟件非常依賴于sketch文件的整理瞎领，比方說動效原型的軟件Flinto，sketch里面的圖層按照什么規(guī)則進(jìn)行陳列随夸，利用sketch的插件導(dǎo)入到Flinto的時候九默，它就會長成什么樣。如下圖宾毒，左邊是sketch的圖層順序驼修，右邊為Flinto的圖層順序。
軟件這樣設(shè)計的好處就是诈铛，很方便在sketch修改好文件之后進(jìn)行導(dǎo)出乙各。如果你的同事做的sketch雜亂無章，那么這項工作就必須由你自己來進(jìn)行承擔(dān)幢竹，那感覺真的是很想罵人耳峦。但反過來也是一樣，你自己的sketch文件不整理好焕毫，也會給別人帶來困擾蹲坷，久而久之，別人也不太喜歡跟你合作邑飒。
當(dāng)咱們將工作的場景放出來進(jìn)行回顧的時候循签，就知道自己應(yīng)該怎么做了。
文件夾的整理方法
一般用一個大的文件夾作為一個項目最原始的管理疙咸，還是拿千尋租房的項目來打比方县匠。首先大的文件夾取名為該項目的名字“千尋租房”。首先閣主先針對有多個版本需要管理，并且UI和UX都需要進(jìn)行接觸的工作內(nèi)容進(jìn)行說明聚唐。文件整理方式如下圖。
一般一個項目會涉及到以下幾個內(nèi)容的整理：
01 Wireframe即low-fi（低保真效果圖）文件的地址腔召；
02 Visual Flow是Hi-fi（高保真效果圖）地址杆查；
03 UI Kits是圖片資源輸出的地址（比如說icon）；
04 Documents并不是產(chǎn)品文檔臀蛛，而是APP里面需要的一些文檔亲桦，比方說《服務(wù)條款》等；
05 App icon即APP的icon在各個平臺上需要的尺寸圖和它的源文件浊仆，尺寸常備1024x1024px客峭，512x512px，167x167px抡柿，152x152px舔琅，120x120px，80x80px洲劣，58x58px(可以參考相關(guān)iOS規(guī)范)备蚓；
06 Video Templates是有視頻文件的情況下放置視頻；
07 AppStoreScreenShot專門為screenshot（即用來簡介APP功能的頁面囱稽，需要上傳到各個APP的發(fā)布平臺）進(jìn)行準(zhǔn)備的郊尝，因為安卓平臺實在太多了，有時候每個平臺規(guī)定的尺寸還不太一樣战惊，所以專門為它怎被一個文件夾流昏；
08 Lauch Card因為在UI層面上需要耗費的時間比較多，一般在改版的時候放在比較靠后的需求吞获，所以也可以單列出來况凉。
而作為設(shè)計師，接觸最多的就是01衫哥，02茎刚，03，所以講他們?nèi)齻€放在最前面撤逢，這也是給文件夾進(jìn)行編序的原因膛锭，所以看到從01到08，序列號是按照它們使用的頻率和重要程度來進(jìn)行排序的蚊荣。
為什么不將03進(jìn)行版本的區(qū)分初狰？因為同一個APP，從1.0改版的2.0的時候互例，icon可能延續(xù)了部分1.0版本的內(nèi)容奢入，所以部分是公用的，如果再在上面進(jìn)行分類媳叨，反而程序員進(jìn)行查找的時候要去翻多個子文件夾腥光，反而不太方便关顷。設(shè)計師只要告訴程序員所用圖片的名字，程序員可以直接根據(jù)單個的icon路徑武福，直接在里面進(jìn)行提取议双。當(dāng)然這也只是其中的一種解決方案。
每個版本又可以進(jìn)行功能塊進(jìn)行子文件夾的分類捉片，比方說上圖中的這一部分平痰。
Archive是用來放歷史文件的，對于設(shè)計師來說歷史文件是不能丟的伍纫，說不準(zhǔn)哪一天老板就說“還是改回第一版吧”你懂得
以上是針對工作內(nèi)容綜合性比較強的同學(xué)進(jìn)行設(shè)計的文件整理方式宗雇。倘若有的同學(xué)工作內(nèi)容比較集中，比方做單做UI或者單做UX的莹规，那么文件的整理方式也可以進(jìn)行如下進(jìn)行整理赔蒲。因為內(nèi)容比較單一，所以只需要進(jìn)行版本號進(jìn)行區(qū)分也行访惜。
文件夾的命名方式是“項目名+版本號”嘹履。比方說1.0版本的千尋租房項目，那么命名就是“千尋租房1.0”债热，如果有平級的2.0版本砾嫉，就在它平行的下面再建一個文件夾叫“千尋租房2.0”。那么無論找什么版本的文件都一目了然窒篱。
Sketch文件的命名以及它的圖層的整理
1.Sketch的命名規(guī)則
Sketch的命名如上圖可以看出焕刮，“項目名字功能塊版本號_修改日期”，比方說在5月5日做的千尋租房1.0版本的首頁墙杯，那么它的命名就是“千尋租房_index_1.0_0505”配并。加上日期是為了方便別人和自己查看哪個是最新的版本，有時候在查找歷史文件時也能起到幫忙回憶的作用高镐。
還有一點就是一般做項目的時候會給項目取一個英文的代號（特別是在跨國項目中溉旋，方便不同文化的人進(jìn)行溝通），所以嫉髓，在sketch命名中也多用英文進(jìn)行命名观腊。（英文不好的，用Google翻譯或者有道翻譯都是不錯的選擇算行，據(jù)閣主經(jīng)驗梧油，三個月之后自己就習(xí)慣了）
文章太長分兩天更新，明天內(nèi)容更重要州邢，將更新Sketch的Artboard（畫板）命名和Layer（圖層）命名儡陨、Symbol（組件）的命名、導(dǎo)出圖片的處理方式等等干貨，以及整理文件的思路總結(jié)敬請期待
