一、不整理的弊端

1.不利于和他人協(xié)同

混亂的圖層排序、沒有命名和歸類的文件，會(huì)使得他人理解困難，增加他人工作量，且一份未整理的文件在日后一次次的復(fù)制共享中，給他人的額外負(fù)擔(dān)會(huì)越來越多，非常不利于協(xié)同。

 

2.自身迭代問題

在自己進(jìn)行迭代設(shè)計(jì)的過程中，不斷復(fù)制未整理圖層同樣會(huì)使得文件變得越來越?jīng)]有秩序感，進(jìn)而使得重新整理的難度越來越大。

 

3.導(dǎo)入其他軟件中產(chǎn)生問題

在導(dǎo)入到其他類型的軟件中，圖層未整理可能會(huì)導(dǎo)致很多額外問題，如PS導(dǎo)入AE，時(shí)間軸動(dòng)畫對(duì)于圖層的順序和分類要求非常高，在AE中根據(jù)動(dòng)畫需要調(diào)整和命名圖層的操作難度，要遠(yuǎn)大于在PS中直接調(diào)整好；另外如sketch導(dǎo)入principle中，如有因?yàn)槲凑韺?dǎo)致的同名圖層，會(huì)使得他們之間形成關(guān)聯(lián)并生成預(yù)期之外的動(dòng)畫效果。

4.專業(yè)性的缺失

將設(shè)計(jì)文件交付給需求方/客戶時(shí)，對(duì)方打開文件后，如果看到的是下圖這樣一片混亂的圖層時(shí)，腦海中基本上只有兩個(gè)想法：要么覺得錢花的不值，要么覺得這個(gè)設(shè)計(jì)稿的水準(zhǔn)實(shí)在不敢恭維，極大地缺失了自身應(yīng)有的專業(yè)性，對(duì)方認(rèn)可度的降低可能會(huì)使得后續(xù)合作變得艱難。

二、圖層整理的意義

一份圖層整齊有序的設(shè)計(jì)稿，可以很好的提高個(gè)人、團(tuán)隊(duì)工作效率，而整理過程中實(shí)際也不會(huì)花費(fèi)太多時(shí)間，從長遠(yuǎn)角度看反而會(huì)節(jié)省更多的時(shí)間精力，還能有效的提升自身專業(yè)程度，所以，在做設(shè)計(jì)的最后，能夠交付出一份專業(yè)的設(shè)計(jì)文件是十分必要的。

三、整理方法

1.核心原則

簡單一句話——讓任何使用該文件的人能馬上看懂

 

2.整理流程

通常有兩種流程：做完再整理，或邊做邊整理。個(gè)人比較習(xí)慣后者，因?yàn)樵谧鲈O(shè)計(jì)的時(shí)候，思考的時(shí)間通常比操作的時(shí)間要多，像命名整理這樣順手就能完成的操作，幾乎不會(huì)占用時(shí)間。而當(dāng)一個(gè)確定的組件整理好后，在當(dāng)前的設(shè)計(jì)中就可以直接放心大膽的復(fù)用，提升效率。

 

3.整理規(guī)則

3.1結(jié)構(gòu)化分組

通常來說會(huì)按照組件模塊來整理，一般從頁面頂部到底部，各個(gè)模塊對(duì)應(yīng)的分組從上到下的羅列下來（有特殊層級(jí)順序要求可酌情調(diào)整），組的內(nèi)部也應(yīng)結(jié)構(gòu)化的形成下一級(jí)的各個(gè)組，多層嵌套，井然有序。多余的隱藏文件果斷刪掉，有用的隱藏文件可標(biāo)記顏色并加以說明。

3.2確定命名

命名方面，會(huì)存在有/無標(biāo)準(zhǔn)命名兩種情況，如公司團(tuán)隊(duì)內(nèi)有標(biāo)準(zhǔn)，按照標(biāo)準(zhǔn)命名即可；如沒有，可自己進(jìn)行命名（注意命名的規(guī)范性和合理性即可），個(gè)人的小建議是分組內(nèi)部涉及到需要切圖的文件，用英文命名（切圖時(shí)可直接輸出無需再調(diào)整），大的分組可用中文命名（考慮到不是所有人的英文都很好，中文命名可以讓大多數(shù)人最短時(shí)間內(nèi)獲取到信息）如有意愿，可將自己的命名規(guī)則與團(tuán)隊(duì)成員達(dá)成共識(shí)并沉淀成標(biāo)準(zhǔn)規(guī)范，這同樣是設(shè)計(jì)師的價(jià)值體現(xiàn)。

四、小結(jié)

像圖層整理這樣最基本的習(xí)慣，任何階段的設(shè)計(jì)師或多或少都會(huì)存在一些問題?；谏鲜龅闹T多好處，以及設(shè)計(jì)師專業(yè)性的體現(xiàn)，希望在日后除了理論、技能的提升外，也要在整理習(xí)慣方面加以注意。希望大家從點(diǎn)滴做起，讓好的習(xí)慣支持你在職業(yè)生涯走的更遠(yuǎn)，走的更加扎實(shí)！