對圖層整理也是一種設計,，是對圖層結(jié)構(gòu)的一種思考,，它不僅有利于清理設計完稿后的無用的設計元素和圖層,，還可以提高整個工作流程中協(xié)同修改的作用,。

上述的幾個案例你是否遇到過,，當你打開同事的文件或者自己的文件時,，有沒有上述幾種的反應呢,？

1,，關于圖層的整理術(shù)

對圖層整理也是一種設計,，是對圖層結(jié)構(gòu)的一種思考,，它不僅有利于清理設計完稿后的無用的設計元素和圖層，還可以提高整個工作流程中協(xié)同修改的作用,。

對整理圖層就像是整理生活中的衣柜,，如果亂七八糟的堆放各種衣物，那么肯定會在你下次找東西時無從下手,，一是浪費時間,，二是不知所措。

當你在拿到同事的文件時,，被眼前井井有條的圖層結(jié)構(gòu)所吸引時,，并且立馬找到相關的元素時，這時你會感嘆 “哇,！好專業(yè)的psd”,。

但你在碰到下面幾種情況時，就會有一種抓甚至想死的心：

1. 在成千上萬個圖層中,，怎么快速找到1 px的小細節(jié),，想扔鍵盤的心有木有？

2. 打開PSD 運行速度特別慢時,，想摔鼠標的心有沒有,？

3. 圖層雜亂無章，沒有分組整理時,，想砸電腦的心有沒有,？

此時此刻，如果你發(fā)現(xiàn)自己有圖層不分組的壞習慣時,，那么從現(xiàn)在開始,，從自身做起，好好來清理一下自己的圖層結(jié)構(gòu),，為了讓團隊協(xié)作更快速和高效,。

2，圖層整理術(shù)的優(yōu)點

1. 提高團隊協(xié)作能力

2. 快速找到相關圖層

3. 文件更專業(yè)

3，圖層分組方法

用前端開發(fā)中代碼命名進行整理

比如說：分組時可參考網(wǎng)頁代碼的結(jié)構(gòu)定義來對圖層進行位置上的定義：

這種定義分組的方式常用于網(wǎng)站界面設計中,，根據(jù)前端代碼的書寫基礎結(jié)構(gòu)來對頁面元素進行分組,。更方便的與前端同學進行對接。

按頁面內(nèi)容對圖層進行分組

這種方式常用于電商類的專題促銷中,，以不同的區(qū)塊進行命名,，如：頭圖區(qū)、內(nèi)容推薦區(qū),、返回區(qū)等,；

當然命名的方式不一定非局限于此，重點是要培養(yǎng)出對圖層整理的一種設計習慣,，利于自己,，方便他人。

對圖層組進行顏色的區(qū)分

利用Photoshop的圖層分組顏色屬性,，把不同的信息用顏色區(qū)分,，用于快速區(qū)別相應內(nèi)容,；比如：紅色組用于重點圖層,、藍色用于區(qū)別次要圖層等。

4,，圖層整理的3大好處

1,、設計出稿前的最后一步，梳理設計并刪除多余元素,；

2,、在最終完稿中，要對該文件中的圖層進行必要的梳理和分組,，分組建立圖層組的最大意義就在于逐一去刪除頁面中多余的圖層,，使呈現(xiàn)在頁面上的設計更簡潔和實用；

3,、在梳理圖層時,，可以發(fā)現(xiàn)在設計過程中有意或無意的添加了許多重復的、無用的元素或圖層,。刪除它們就是對設計作品的簡潔化整理,；不多余一個圖層，每個圖層都有必要存在的意義,；

5,，快速找到圖層的3種招數(shù)

其實，對圖層進行分組后,，找圖層相對來說會很簡單,，而圖層分組的最大目的就是：馬上找到圖層、馬上看清頁面結(jié)構(gòu)。

而這樣的工作方式也更好的方便前端同事,、同組設計同事快速了解圖層結(jié)構(gòu),，并且找到相關的內(nèi)容；

1,、加選：按住Shift加單擊某個元素,，就可以把相應的圖層加上一起選中了（此時圖層面板選中的圖層會高亮顯示）

2、框選：選勾中移動工具條中的“自動選擇”圖層選項,，然后放大畫布,，或縮小畫布后，畫出選擇框,，框中想所的對象,。（被選定的圖層除外）

3、點選：按住ctrl＋點擊對象,，此對象就會被選中,。

4、篩選

圖層面板中的篩選功能,，不得不說這個功能真是太強大了,，它把Photoshop 完全魔化成一個龐大的檔案庫，如果遇到圖層很多的時候,，你可以利用圖層的篩選功能,。