曾沙：今天舊話重提來說說為什么在團(tuán)隊(duì)合作中有序的Photoshop文件是那么重要。

給在職的設(shè)計(jì)師們，希望這兩篇文章對你有幫助 : ）
寫給設(shè)計(jì)師：如何與工程師一起工作
寫給產(chǎn)品經(jīng)理與工程師：如何與設(shè)計(jì)師一起工作

確保工作區(qū)整潔有序

合理的圖層排序和分組便于設(shè)計(jì)師理解所有元素的對應(yīng)位置。把它比作一個(gè)生產(chǎn)車間，要是你把所有的工具到處扔，害得你的工頭什么都找不到，你還有好日子過么？

同一對象的多個(gè)圖層歸入一個(gè)文件夾

這是一條重要的規(guī)則。圖層歸組讓你的圖層變得有序，你不需要單獨(dú)為每一個(gè)圖層命名，只要命名組就行了。
例如：如果一個(gè)按鈕由按鈕圖標(biāo)和說明文字組成，那么應(yīng)該把它們歸入一個(gè)"按鈕"的文件夾；菜單本身是一個(gè)一組一組的按鈕對，歸入一個(gè)"菜單"組，并且所有背景層也將歸入"背景"這個(gè)文件夾。

原則就是：文件夾分組在邏輯上應(yīng)該符合你的布局結(jié)構(gòu)。

如果一個(gè)對象包含幾個(gè)圖層，就應(yīng)該把它們歸入一個(gè)文件夾

新幻燈的版本為34/1，修改日期11月27

通常我們會把好幾個(gè)不同版本的元素放在一個(gè)文件里，像同一個(gè)按鈕不同的背景。

但為了避免忘記這一撮奇怪的隱藏圖層其實(shí)是同一個(gè)背景的不同版本，最好還是好好給他們歸組。最簡單的辦法就是創(chuàng)建一個(gè)"背景"文件夾，把所有的版本背景都放到里面。但更理想的方法是復(fù)制整個(gè)"按鈕"文件夾并根據(jù)不同的版本命一樣的名。這樣就可以很清楚地知道這是一個(gè)按鈕的3個(gè)不同版本。

這樣分組，你的同事就能理解這些按鈕是三個(gè)版本

忘掉你的專業(yè)氈筆吧

許多人喜歡用顏色標(biāo)識層和文件夾。紫色代表導(dǎo)航元素,黃色對應(yīng)文本圖層等等。可問題是,這些顏色編碼只有創(chuàng)造他們的人才能明白呀。

wiki: Rainbow flag

不要鎖定圖層

設(shè)計(jì)師們總喜歡像這樣鎖定圖層。如果你把這個(gè)圖層丟在那些迷宮一樣的文件夾里，你的同事要找這個(gè)圖層就不得不一個(gè)個(gè)文件夾的翻了——因?yàn)檎麄€(gè)文件夾屏蔽了這個(gè)圖層，你不能移動它，也就自動選不著了。

同時(shí)也不要忘了那些解鎖了被遺忘的蒙版，要是你的同事沒有注意到這樣一個(gè)蒙版就繼續(xù)工作，將來可能會有一堆問題。

恐龍兄您就好好在博物館呆著吧

相信我，很多古董級設(shè)計(jì)師還是不用圖層樣式而是用位圖圖層，您這不是在折磨后面修改這個(gè)項(xiàng)目的人么。

我們知道你是一個(gè)80級的網(wǎng)格主兒

網(wǎng)格簡化我們的工作。我們能迅速的做一些網(wǎng)格布局或者用網(wǎng)格對齊某些元素。但一些網(wǎng)格我們經(jīng)常只用到一次，對齊一下某個(gè)元素就忘了它，如此累積，不得了呀。
要是你不能好好利用這些參考線為整個(gè)項(xiàng)目做一個(gè)整潔的網(wǎng)格，那您還是用完就刪掉吧。

一個(gè)空瓶換一歐元——刪掉不用的圖層

要是每次項(xiàng)目結(jié)束后我刪掉一個(gè)圖層就獎勵(lì)一歐元，我想我的錢已經(jīng)足夠我的子孫后代了。
每次弄完一個(gè)文件記得刪除所有不要的垃圾——這些你已經(jīng)用不到了，還躺在那里腐爛發(fā)臭呢。

小小的"Alt"鍵，大作用

很多人不喜歡編組項(xiàng)目的一大原因是，每次都不得不一層層的折疊他們，煩呀。
其實(shí)，Alt鍵有個(gè)很多人不知道的功能，就是你工作完要收起一個(gè)根目錄時(shí)按住Alt鍵的同時(shí)再點(diǎn)那個(gè)收起的三角形就會把它的子目錄也收起。

加上Alt鍵試試Photoshop的其他功能吧，說不定你會很多新發(fā)現(xiàn)哦。

跳到碗里來

不要忘了圖層面板選項(xiàng)這個(gè)快速有用的工具。下面有幾條超有用的：

縮略圖內(nèi)容。設(shè)置為"圖層邊界"后，圖層縮略圖不是它在整個(gè)文檔中的縮圖，而是這個(gè)圖層自身的縮略圖。
擴(kuò)展新效果。通過取消復(fù)選框，你將自動折疊這個(gè)圖層所有新增的圖層樣式。
將"拷貝"添加到拷貝的圖層和組。果斷不能選呀！取消復(fù)選你可以避免所有"Copy 230"這樣的圖層，資源純凈度直增30%。如："Layer 1"拷貝出來就是"Layer 1"，而不是"Layer 1 Copy 1"

快捷鍵

有3個(gè)快捷鍵你一定要了解、理解并使用——拷貝圖層樣式、粘貼圖層樣式和清除圖層樣式（不過這個(gè)熱鍵組合必須自己設(shè)置哦~）

通過圖層樣式和設(shè)置這些快捷鍵，你可以選中多個(gè)圖層進(jìn)行樣式復(fù)制，能節(jié)省不少時(shí)間呢。

單擊瞬間復(fù)制圖冊樣式：

也許在你看來這些改變是微不足道的，但是一旦應(yīng)用你會發(fā)現(xiàn)你確實(shí)節(jié)省了不少時(shí)間。細(xì)節(jié)成就偉業(yè)呀~~

原文地址：designmodo
譯文地址：1z1b.com

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量55萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：