設計師PSD文檔管理指南

::10文檔收集于互聯(lián)網(wǎng)，如有不妥請聯(lián)系刪除.設計師PSD文檔治理指南這是一個重要但是簡潔被無視的領域，很多設計師沒有文檔治理和文檔標準意識。認為只有代碼工作者才需要什么編碼標準和版本掌握系統(tǒng)，Photoshop爭論這個有什么意義呢?psd源文件里有200~300個圖層是很正常的事情。BOSS表現(xiàn)的個體認同差異，你可能會患病最多的需求變動、修改建議，需求反復……。作為開發(fā)協(xié)作中的一員，你的源文件會被其他設計師或開發(fā)者使用或修改。作為開發(fā)文檔中的一局部，你的源文件會面臨移交、繼承和重用。圖層命名無法辨識，幾百個圖層沒有分組、元件難以修改、被調用的原始素材被處理地面目全非，修改版本無法回溯、設計樣式無法復用，同組的psd文件風格或布局無法統(tǒng)一……假設你正在修改這樣一份psd源文件，會不會抓狂?UI不僅能便于團隊幫助和工程文件的移交，更重要的是能快速顯著地提升自己的工作效率。作為工程治理的一局部，PS的文檔治理也具有以下特征：編碼標準：命名標準。架構設計：組織構造合理。版本治理：不對原始素材形成不行逆的破壞，可進展版本追溯。協(xié)作機制：元素和樣式便于復用和調用。資源治理：通過定義預設配置庫或資源庫來提高效率。下文中，我將和大家一一共享具體的工作方法。01PS供給了三種方式來組織圖層(layers層組、鏈接組、剪切組。在進展用戶界面設計的過程中，應當依據(jù)布局區(qū)塊來組織圖層分組。對圖層進展分組是一種根本的信息組織方法，將大量的、分散的、雜亂的信息經(jīng)過組織、整序、優(yōu)化、存貯，形成一個便于有效利用系統(tǒng)的過程。1、使用圖層分組治理的主要優(yōu)勢便于組織和檢索:將圖層編入同一圖層組組，進展圖層組命名，并形成樹狀構造，可以便利創(chuàng)作者快速查找圖層在圖層面板序列中的所在。02選中移開工具，在屬性面板中取消自動選擇前面的勾選，在下拉菜單中選中圖層。在使用移開工具的時候，按住ctrl學習善用右鍵用上面的方法快速選中圖層后，點擊右鍵，可以觀察右鍵菜單中顯示了表示基于圖層組的的樹狀列表，通過這個右鍵菜單可以快速切換到所需的圖層。但前提是要有良好的圖層組織構造和圖層命名。03便于挪動修改布局圖層組可以作為一個整體進展移動和縮放，將位于同一布局區(qū)塊的圖層編入一組，可以快速轉變某一區(qū)塊的位置和比例，便利地實行布局的調整。便于整體治理圖層組可以作為一個整體進展刪除、顯示/隱蔽、修改透亮度和混合模式模式。圖層形成編組，令創(chuàng)作者可以快速地顯/隱一批圖層進展效果預覽。對一組圖層進展整體操作。還可以創(chuàng)立基于組的蒙版，整體掌握某一圖層組的顯示區(qū)域。在設計屬于一個網(wǎng)站的不同頁面時，使用圖層組可以快速創(chuàng)立統(tǒng)一的設計模版，保存共有的區(qū)域的圖層編組。04圖層分組具有構造特效，鏈接組更多用于表示關系。為圖層建立鏈接組，可以鎖定幾個圖層之間的相對位置。對它們其中任何一個執(zhí)行移動縮放、拖拽復制和刪除操作時，都會對整體生效。鏈接組更簡潔創(chuàng)立和解除關系，位于同一鏈接組中的圖層可以分別位于不同的圖層組，實際上形成了另一種構造維度。3、盡量不要合并圖層圖層合并操作是不行逆的，(本文中指的全部不行逆的操作都不包括在歷史記錄面板的有限步數(shù)的回溯)。可以通ctrl+alt+E上方創(chuàng)立了一個經(jīng)過合并操作的副本，生成了一個的合并圖層。你可以對這個獨立圖層任憑進展修改和調用，而絲毫不影響原始圖層。05二、圖層命名標準一份沒有圖層命名和分組的源文件是最受前端開發(fā)人員詬病的，建立良好文檔標準，養(yǎng)成對圖層命名的習慣，除了利于源文件的移交、繼承和重用，供給效率，也表達了對協(xié)作成員的敬重。同時，圖層命名是使用圖層右鍵菜單的良好前提。建議主要使用英文命名，便于在不同系統(tǒng)平臺之間的移交。如何命名，可以參考前端的命名標準，針對界面布局、鼠標大事、不同的交互狀態(tài)有很多商定俗稱的叫法和縮寫，例如：headercontent/container頁面主體：main整體布局：wrapper左右中：縮寫為LRC水平/垂直：縮寫為H/V導航：nav子菜單：submenu摘要:summary按鈕：btn滾動：scroll鼠標懸停：hover：click：visited。等等……三、使用蒙版06蒙版通過疊加一個蒙幅員層來掌握原始圖像的顯示。最大的好處是：可以自由實現(xiàn)對原始圖像圖層的擦除、剪裁、摳圖、邊緣虛化等這些極普遍的操作，但原始圖像內容不會受到破壞。0708蒙版分為圖層蒙版(我覺得像素蒙版這個叫法更好一點)和矢量蒙版。兩者用法一樣，一個是位圖，一個是矢量。圖層蒙版支持透亮度，矢量蒙版支持路徑。圖層蒙版通過工具欄上和圖層面板底部的創(chuàng)立蒙版按鈕來創(chuàng)立。原理跟存儲選區(qū)的“alpha過灰度來記錄蒙版的區(qū)域及透亮度。白色代表顯示全透亮，黑色代表不透亮，5050%的透亮度。支持濾鏡、柔化和轉變透亮度等操作。由于是像素對象，執(zhí)行變換操作時，蒙版邊緣會消滅質損。09crtl的同時，點擊圖層面板底部的創(chuàng)立蒙版按鈕來完成創(chuàng)立。可以通過路徑選擇和鋼筆等工具對矢量蒙版進展編輯修改。由于是矢量對象，變化操作時蒙版對象的邊緣始終是平滑的。但不支持透亮度、柔化邊緣和大局部濾鏡。103、剪切組的優(yōu)勢和弱點剪切組也是蒙版的一種形式，同樣具有不破壞原始圖像的特征，它既可以具有像素蒙版特性也可以具有矢量蒙版特性(這取決于剪切組最底部的圖層)。剪切組的優(yōu)勢是可便利應用于多個圖層，使用上具有直觀的組織性，但害處，對象圖層必需在次序上緊挨著，而且在調整圖層次序的操作時，簡潔導致誤操作。11PS中回溯歷史記錄的步驟是有限的，全部操作在經(jīng)受超過肯定步數(shù)的修改后都無法進展版本復原，以及進展針對原版本的修改。對于一個工程文件而言，版本不行逆是災難性的。所以針對PS，我們應當保存素材的原始數(shù)據(jù)，盡量使用非破壞性編輯。Adobe從最早的版本到最的CS4，經(jīng)過十幾年進展，ps的PS了快照，有了調整圖層，有了智能對象，CS3版本中更向3dsMAX來看看PS在“非破壞性操作”的4個方面上已具備的CS3原始數(shù)據(jù)的留存：智能對象、歷史快照。效果疊加：填充圖層、調整圖層、混合模式和圖層樣式操作區(qū)域：上文中提到的蒙版，剪切組屬性堆棧：智能對象的濾鏡庫堆棧(PS3中功能)。四、使用填充圖層和調整圖層圖層面板下方的添加調整(填充)圖層按鈕121、填充圖層當需要為頁面上某個版塊添加淺灰色背景，在導航上使用長條型秀麗的漸變背景時，你是習慣如何操作，創(chuàng)立一個空白圖層，在選區(qū)里直接填色?還是使用填充圖層?Ps填充命令，但自從允許使用填充圖層在對象中填充純色、漸變或紋理后，油漆桶變成了最雞肋的工具之一。相比較傳統(tǒng)方式，填充圖層具有更大的操作敏捷性。單擊圖層面板中的圖層縮略圖，就可以隨時更改顏色、修改漸變、更換紋理，且具有格外直觀的預覽效果。填充圖層中填充對象的外形范圍實際上是一種內置蒙版，所以這種填充方式集合了蒙版的種種優(yōu)勢，比方可以使用黑白畫筆來隨便修改填充邊緣、或使用矢量編輯工具來修改矢量外形蒙版。13圖示案例：使用漸變填充圖層、使用畫筆/橡皮擦修改蒙版在web設計中，全部需要使用填充色塊的地方都盡可能使用矢量路徑+填充圖層來完成，這樣生成的填充色塊可以隨時隨地保持便利修改和無損形變。142、調整圖層調整圖像的色階、色相、比照度、顏色平衡?把彩色圖像變?yōu)榛叶葓D像，顏色反相，調整照片的色溫，這些都是最常用的操作。但你常常拿不定方法，對原始圖像施加調整效果進展試驗……一個設計成淺藍色的按鈕，BOSS看了不寵愛，要求改成淺綠色。改完以后效果不好，BOSS假設你常?；疾∩鲜鰻顩r，請選用“調整圖層”功能來進展你的調色試驗吧。PS中可以用來實現(xiàn)圖像調整的方法15使用調整圖層要好于其它兩種操作，調整圖層不會更改原始圖像中的像素，(會略微增加文件大小)，也是一種內置的蒙版?？梢噪S時更改。在進展多項調整時，使用調整圖層意味著建多個圖層，多個調整圖層可以分別修改排序、混合樣式和透亮度