設(shè)計師PSD文檔管理指南

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