photoshop文檔管理與文檔規(guī)范
來(lái)源:未知
作者:福特少普ps
學(xué)習(xí):744人次
這是一個(gè)重要但是容易被忽視的領(lǐng)域,很多設(shè)計(jì)師沒(méi)有文檔管理和文檔規(guī)范意識(shí)。認(rèn)為只有代碼工作者才需要什么編碼規(guī)范和版本控制系統(tǒng),photoshop作為一個(gè)應(yīng)用軟件,討論這個(gè)有什么意義呢?
[list][*]作為工程文件,一個(gè)復(fù)雜頁(yè)面的psd源文件里有200~300個(gè)圖層是很正常的事情。[*]作為最直面客戶和BOSS的開(kāi)發(fā)環(huán)節(jié),以及存在對(duì)視覺(jué)表現(xiàn)的個(gè)體認(rèn)同差異,你可能會(huì)遭遇最多的需求變動(dòng)、修改建議,需求反復(fù)……。[*]作為開(kāi)發(fā)協(xié)作中的一員,你的源文件會(huì)被其他設(shè)計(jì)師或開(kāi)發(fā)者使用或修改。[*]作為開(kāi)發(fā)文檔中的一部分,你的源文件會(huì)面臨移交、繼承和重用。[*]圖層命名無(wú)法辨識(shí),幾百個(gè)圖層沒(méi)有分組、元件難以修改、被調(diào)用的原始素材被處理地面目全非,修改版本無(wú)法回溯、設(shè)計(jì)樣式無(wú)法復(fù)用,同組的psd文件風(fēng)格或布局無(wú)法統(tǒng)一……如果你正在修改這樣一份psd源文件,會(huì)不會(huì)抓狂?[/list]作為一個(gè)UI設(shè)計(jì)師,建立文檔管理和文檔規(guī)范意識(shí),不僅能便于團(tuán)隊(duì)協(xié)助和工程文件的移交,更重要的是能快速顯著地提升自己的工作效率。
作為工程管理的一部分,photoshop的文檔管理也具有以下特征:
[list][*]編碼規(guī)范:命名規(guī)范。[*]架構(gòu)設(shè)計(jì):組織結(jié)構(gòu)合理。[*]版本管理:不對(duì)原始素材形成不可逆的破壞,可進(jìn)行版本追溯。[*]協(xié)作機(jī)制:元素和樣式便于復(fù)用和調(diào)用。[*]資源管理:通過(guò)定義預(yù)設(shè)配置庫(kù)或資源庫(kù)來(lái)提高效率。[/list]下文中,我將和大家一一分享具體的工作方法。
一.圖層的分組和管理
PS提供了三種方式來(lái)組織圖層(layers)之間的關(guān)系:圖層組、鏈接組、剪切組。
在進(jìn)行用戶界面設(shè)計(jì)的過(guò)程中,應(yīng)該根據(jù)布局區(qū)塊來(lái)組織圖層分組。對(duì)圖層進(jìn)行分組是一種基本的信息組織方法,將大量的、分散的、雜亂的信息經(jīng)過(guò)組織、整序、優(yōu)化、存貯,形成一個(gè)便于有效利用系統(tǒng)的過(guò)程。
1 使用圖層分組管理的主要優(yōu)勢(shì):便于組織和檢索:
將圖層編入同一圖層組組,進(jìn)行圖層組命名,并形成樹(shù)狀結(jié)構(gòu),可以方便創(chuàng)作者快速查找圖層在圖層面板序列中的所在。
如何快速選擇圖層:
選中移動(dòng)工具,在屬性面板中 取消自動(dòng)選擇前面的勾選,在下拉菜單中選中圖層。在使用移動(dòng)工具的時(shí)候,按住ctrl鍵,可以直接選中 當(dāng)前可視的圖層。
學(xué)習(xí)善用右鍵:
用上面的方法快速選中圖層后,點(diǎn)擊右鍵,可以看見(jiàn)右鍵菜單中顯示了 表示基于圖層組的的樹(shù)狀列表,通過(guò)這個(gè)右鍵菜單可以快速切換到所需的圖層。但前提是要有良好的圖層組織結(jié)構(gòu)和圖層命名。
便于挪動(dòng)修改布局:
圖層組可以作為一個(gè)整體進(jìn)行移動(dòng)和縮放,將位于同一布局區(qū)塊的圖層編入一組,可以快速改變某一區(qū)塊的位置和比例,方便地實(shí)行布局的調(diào)整。
便于整體管理:
圖層組可以作為一個(gè)整體進(jìn)行 刪除、顯示/隱藏、修改透明度和混合模式模式。圖層形成編組,令創(chuàng)作者可以快速地顯/隱一批圖層進(jìn)行效果預(yù)覽。對(duì)一組圖層進(jìn)行整體操作。還可以創(chuàng)建基于組的蒙版,整體控制某一圖層組的顯示區(qū)域
在設(shè)計(jì)屬于一個(gè)網(wǎng)站的不同頁(yè)面時(shí),使用圖層組可以快速創(chuàng)建統(tǒng)一的設(shè)計(jì)模版,保留共有的區(qū)域的圖層編組。
2 圖層分組和鏈接組
圖層分組具有結(jié)構(gòu)特效,鏈接組更多用于表示關(guān)系。
為圖層建立鏈接組,可以鎖定幾個(gè)圖層之間的相對(duì)位置。對(duì)它們其中任何一個(gè)執(zhí)行移動(dòng)縮放、拖拽復(fù)制和刪除操作時(shí),都會(huì)對(duì)整體生效。
鏈接組更容易創(chuàng)建和解除關(guān)系,位于同一鏈接組中的圖層可以分別位于不同的圖層組,實(shí)際上形成了另一種結(jié)構(gòu)維度。
3 盡量不要合并圖層。 圖層合并操作是不可逆的,(本文中指的所有不可逆的操作都不包括在歷史記錄面板的有限步數(shù)的回溯)。可以通過(guò)執(zhí)行ctrl+alt+E來(lái)合并圖層,這個(gè)命令在被選中的圖層上方創(chuàng)建了一個(gè)經(jīng)過(guò)合并操作的副本,生成了一個(gè)新的合并圖層。你可以對(duì)這個(gè)獨(dú)立圖層隨便進(jìn)行修改和調(diào)用,而絲毫不影響原始圖層。
[list][*]作為工程文件,一個(gè)復(fù)雜頁(yè)面的psd源文件里有200~300個(gè)圖層是很正常的事情。[*]作為最直面客戶和BOSS的開(kāi)發(fā)環(huán)節(jié),以及存在對(duì)視覺(jué)表現(xiàn)的個(gè)體認(rèn)同差異,你可能會(huì)遭遇最多的需求變動(dòng)、修改建議,需求反復(fù)……。[*]作為開(kāi)發(fā)協(xié)作中的一員,你的源文件會(huì)被其他設(shè)計(jì)師或開(kāi)發(fā)者使用或修改。[*]作為開(kāi)發(fā)文檔中的一部分,你的源文件會(huì)面臨移交、繼承和重用。[*]圖層命名無(wú)法辨識(shí),幾百個(gè)圖層沒(méi)有分組、元件難以修改、被調(diào)用的原始素材被處理地面目全非,修改版本無(wú)法回溯、設(shè)計(jì)樣式無(wú)法復(fù)用,同組的psd文件風(fēng)格或布局無(wú)法統(tǒng)一……如果你正在修改這樣一份psd源文件,會(huì)不會(huì)抓狂?[/list]作為一個(gè)UI設(shè)計(jì)師,建立文檔管理和文檔規(guī)范意識(shí),不僅能便于團(tuán)隊(duì)協(xié)助和工程文件的移交,更重要的是能快速顯著地提升自己的工作效率。
作為工程管理的一部分,photoshop的文檔管理也具有以下特征:
[list][*]編碼規(guī)范:命名規(guī)范。[*]架構(gòu)設(shè)計(jì):組織結(jié)構(gòu)合理。[*]版本管理:不對(duì)原始素材形成不可逆的破壞,可進(jìn)行版本追溯。[*]協(xié)作機(jī)制:元素和樣式便于復(fù)用和調(diào)用。[*]資源管理:通過(guò)定義預(yù)設(shè)配置庫(kù)或資源庫(kù)來(lái)提高效率。[/list]下文中,我將和大家一一分享具體的工作方法。
一.圖層的分組和管理
PS提供了三種方式來(lái)組織圖層(layers)之間的關(guān)系:圖層組、鏈接組、剪切組。
在進(jìn)行用戶界面設(shè)計(jì)的過(guò)程中,應(yīng)該根據(jù)布局區(qū)塊來(lái)組織圖層分組。對(duì)圖層進(jìn)行分組是一種基本的信息組織方法,將大量的、分散的、雜亂的信息經(jīng)過(guò)組織、整序、優(yōu)化、存貯,形成一個(gè)便于有效利用系統(tǒng)的過(guò)程。
1 使用圖層分組管理的主要優(yōu)勢(shì):便于組織和檢索:
將圖層編入同一圖層組組,進(jìn)行圖層組命名,并形成樹(shù)狀結(jié)構(gòu),可以方便創(chuàng)作者快速查找圖層在圖層面板序列中的所在。
如何快速選擇圖層:
選中移動(dòng)工具,在屬性面板中 取消自動(dòng)選擇前面的勾選,在下拉菜單中選中圖層。在使用移動(dòng)工具的時(shí)候,按住ctrl鍵,可以直接選中 當(dāng)前可視的圖層。
學(xué)習(xí)善用右鍵:
用上面的方法快速選中圖層后,點(diǎn)擊右鍵,可以看見(jiàn)右鍵菜單中顯示了 表示基于圖層組的的樹(shù)狀列表,通過(guò)這個(gè)右鍵菜單可以快速切換到所需的圖層。但前提是要有良好的圖層組織結(jié)構(gòu)和圖層命名。
便于挪動(dòng)修改布局:
圖層組可以作為一個(gè)整體進(jìn)行移動(dòng)和縮放,將位于同一布局區(qū)塊的圖層編入一組,可以快速改變某一區(qū)塊的位置和比例,方便地實(shí)行布局的調(diào)整。
便于整體管理:
圖層組可以作為一個(gè)整體進(jìn)行 刪除、顯示/隱藏、修改透明度和混合模式模式。圖層形成編組,令創(chuàng)作者可以快速地顯/隱一批圖層進(jìn)行效果預(yù)覽。對(duì)一組圖層進(jìn)行整體操作。還可以創(chuàng)建基于組的蒙版,整體控制某一圖層組的顯示區(qū)域
在設(shè)計(jì)屬于一個(gè)網(wǎng)站的不同頁(yè)面時(shí),使用圖層組可以快速創(chuàng)建統(tǒng)一的設(shè)計(jì)模版,保留共有的區(qū)域的圖層編組。
2 圖層分組和鏈接組
圖層分組具有結(jié)構(gòu)特效,鏈接組更多用于表示關(guān)系。
為圖層建立鏈接組,可以鎖定幾個(gè)圖層之間的相對(duì)位置。對(duì)它們其中任何一個(gè)執(zhí)行移動(dòng)縮放、拖拽復(fù)制和刪除操作時(shí),都會(huì)對(duì)整體生效。
鏈接組更容易創(chuàng)建和解除關(guān)系,位于同一鏈接組中的圖層可以分別位于不同的圖層組,實(shí)際上形成了另一種結(jié)構(gòu)維度。
3 盡量不要合并圖層。 圖層合并操作是不可逆的,(本文中指的所有不可逆的操作都不包括在歷史記錄面板的有限步數(shù)的回溯)。可以通過(guò)執(zhí)行ctrl+alt+E來(lái)合并圖層,這個(gè)命令在被選中的圖層上方創(chuàng)建了一個(gè)經(jīng)過(guò)合并操作的副本,生成了一個(gè)新的合并圖層。你可以對(duì)這個(gè)獨(dú)立圖層隨便進(jìn)行修改和調(diào)用,而絲毫不影響原始圖層。
學(xué)習(xí) · 提示
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!