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