團(tuán)隊(duì)項(xiàng)目中PS使用的注意事項(xiàng)
圖層分組可以保證團(tuán)隊(duì)工作高效有序
有序的圖層組織和分組的前提是:設(shè)計(jì)師能充分理解各元素之間的關(guān)系。雖然你的作品很突出,可如果圖層分組一團(tuán)糟,那么下一個(gè)接受你工作的同事可能會(huì)感到無(wú)所適從,你讓他從何處入手?要么他會(huì)責(zé)備你,說(shuō)你辦事不仔細(xì)。要么他會(huì)過(guò)來(lái)找你,問(wèn)你各種問(wèn)題,耽誤了大家的時(shí)間。
保持一切井然有序
將組成物體的多個(gè)圖層放到文件夾(圖層組)中
再基本不過(guò)了。如果你擅長(zhǎng)使用圖層組,那么歸類起來(lái)方便多了。這樣也省事:這樣每個(gè)圖層就不用命名了,直接就能識(shí)別。
例如,一款按鈕包含了按鈕形狀和按鈕內(nèi)的文字,那么可以建立一個(gè)按鈕文件夾,將文字和按鈕形狀的圖層放入其中。而一個(gè)菜單往往又包含多個(gè)按鈕,那么再建立一個(gè)菜單文件夾。而背景又包含了很多組元素,很多圖層,也可以建立一個(gè)背景文件夾。
規(guī)律很明晰:按照布局的結(jié)構(gòu)來(lái)進(jìn)行圖層分組。
如果一個(gè)物體包含了好多個(gè)圖層,那么可以建立一個(gè)圖層組來(lái)包含他們。
按數(shù)字順序標(biāo)記近似圖層組
有時(shí)候,同一個(gè)元素會(huì)有不同版本——比如,背景中不同顏色的按鈕。
為了組織的明晰性。需要建立一個(gè)背景文件夾,然后把所有不同顏色的按鈕圖層組都放入其中,然后按1、2、3依次命名,這樣同事就能看明白這些按鈕有所不同。
這樣組織,你同事就能知道有3版按鈕。
顏色標(biāo)記要慎用
很多人都喜歡用顏色來(lái)標(biāo)記圖層。紫色代表導(dǎo)航元素,黃色代表文本圖層,可問(wèn)題是,文件到了別人那里,別人就不一定明白顏色的意義了。
wiki: Rainbow flag
要避免鎖定圖層
很多設(shè)計(jì)師喜歡鎖定圖層??赏陆邮謺r(shí)發(fā)現(xiàn)某個(gè)圖層鎖定了,他就不得不一個(gè)一個(gè)圖層組的翻,看看哪個(gè)被鎖住了,這非常麻煩。
同樣的蒙版也要慎用。如果使用了, 一定要標(biāo)注清楚。
要適應(yīng)當(dāng)下的設(shè)計(jì)方法
很多老派設(shè)計(jì)師不用圖層樣式,而且喜歡用位圖,這對(duì)于接手工作的人來(lái)說(shuō)太受折磨了。
參考線問(wèn)題
參考線確實(shí)很好用,能夠幫我們精確定位,迅速對(duì)齊元素。盡量在你的部分完工后,去除參考線,或者保留對(duì)下一個(gè)同事有用的參考線。
這是我同事給我發(fā)的PSD文件,里面的參考線太亂了,我當(dāng)時(shí)懵了。
廢棄圖層/元素要剔除干凈
同事給我一個(gè)PSD文件,讓我繼續(xù)我的環(huán)節(jié),結(jié)果里面一堆垃圾圖層,讓人看了能舒服嗎?而且這樣的圖層組織很混亂。我寧肯花錢去把這些沒(méi)用的圖層篩除掉。
所以,完工后一定要記得刪除掉廢棄圖層和廢棄元素——你的部分已經(jīng)完工了,下一個(gè)接受的同事不需要這些東西,做的干凈點(diǎn),好嗎?
該刪的刪,該留的留,清爽一點(diǎn)就那么難?
利用Alt鍵
利用Alt鍵可以實(shí)現(xiàn)圖層組/文件夾的折疊收縮,這個(gè)小技巧很實(shí)用。
圖層面板設(shè)置
別忘了圖層面板的設(shè)置。圖層效果/樣式的折疊。圖層縮略圖大小的調(diào)整。這都可以讓你的界面看起來(lái)井然有序。
熱鍵的使用
三大基本快捷鍵如下。
熱鍵可以極大的節(jié)省時(shí)間。
也可以像下圖那樣,一次改變多個(gè)圖層的樣式
這些都很基本,但是基本的東西往往很少人遵守。相信我,野路子只能縱橫一時(shí)。一旦面臨正規(guī)項(xiàng)目或者團(tuán)隊(duì)項(xiàng)目,你的不規(guī)范、不嚴(yán)謹(jǐn)會(huì)立馬體現(xiàn)。
從現(xiàn)在開始,培養(yǎng)有組織、嚴(yán)謹(jǐn)?shù)淖鲌D習(xí)慣,不但對(duì)你有好處,對(duì)于你的同事/隊(duì)友也有莫大的幫助。
原文地址: designmodo.com
本文地址:http://www.likemindfilms.com/tutorial/di1873.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏