翻譯自：http://photoshopetiquette.com
? ? ? ? 好的設(shè)計(jì)師一定是一個(gè)注重細(xì)節(jié)的人, 到處都能看到暖心的細(xì)節(jié), 那究竟體現(xiàn)在什么地方呢? 看看 PSDs 文件中圖層的混合方式? 命名? 被遮罩的原始素材? 也許我們可以從布局及文字來看一個(gè)設(shè)計(jì)師是否注重細(xì)節(jié), 但更貼心的細(xì)節(jié)是對(duì)于那些根據(jù)設(shè)計(jì)稿做后續(xù)工作的人, 幫助他們更方便, 快捷地完成后續(xù)工作的點(diǎn)滴《て眩“Photoshop 禮節(jié)” 作為頁(yè)面設(shè)計(jì)的指導(dǎo)與最佳實(shí)踐, 對(duì)哪些暖心的細(xì)節(jié)做了一些總結(jié)迂烁。
第一節(jié): 文件
? ? ? 如果在你的項(xiàng)目中隨處都是隨意名字的文件及空的文件夾,那表明你沒有很好的組織你的設(shè)計(jì)作品; 不要花過多經(jīng)歷在管理你的文件夾結(jié)構(gòu)上
盡量減少 PSD 文件的數(shù)量, 能放在一個(gè)文件中盡量放在一個(gè)文件中
給文件取適當(dāng)?shù)拿? 不要使用 NEWEST.psd 或者 LATEST.psd 這樣的名字
將圖片, 圖標(biāo)等素材與 PSD 放在同一個(gè)文件夾下
將設(shè)計(jì)稿及素材放在團(tuán)隊(duì)成員容易訪問的地方
導(dǎo)出一份預(yù)覽圖, 文件名的單詞用連字符或者下劃線分開, 但不要兩者混用
不要針對(duì)具體設(shè)備尺寸設(shè)計(jì), 一旦設(shè)備尺寸改變, 設(shè)計(jì)稿就變得不再適用
第二節(jié): 圖層
? ? ?花時(shí)間修改圖層的名字, 重新調(diào)整圖層順序就像那些必須給孩子收拾房間的父母, 如果能夠讓他們自己學(xué)會(huì)清理房間或者不把房間弄得一團(tuán)糟的話, 你就會(huì)獲得更多的時(shí)間去做其他事情;
給圖層起準(zhǔn)確的名字, 不要使用 Layer 0 copy copy 這樣的名字
按用途將圖層分組, 讓別人可以快速找到所需要的圖層
刪除沒用的圖層, 不要隱藏
將通用的元素放在全局的位置, 沒有理由將一個(gè) logo 復(fù)制 5 份放在 5個(gè)圖層里, 將它拿出來放在一個(gè)全局的位置
最后將所有分組折疊起來
第三節(jié): 素材
? ? ?“高效”是 Photoshop 工作流中的關(guān)鍵, 沒有比導(dǎo)出素材更恰當(dāng)?shù)睦恿? 明確那些需要導(dǎo)出的素材川尖，處理導(dǎo)出素材文件的大小/格式审胸；
使用遮罩, 智能對(duì)象及對(duì)齊圖層, 避免不斷地對(duì)像素進(jìn)行調(diào)整
小心使用混合模式, 不要通過多個(gè)圖層混合來實(shí)現(xiàn)最終的顏色
注意不同的屏幕分辨率及密度
壓縮
不需要為導(dǎo)出的素材留空白邊距, 使用 CSS 來做
團(tuán)隊(duì)協(xié)作, 通過 CC 的庫(kù)及鏈接的智能對(duì)象一起工作
第四節(jié): 文字
? ? 雖然文字的渲染已經(jīng)不是一個(gè)難題, 但在 Photoshop 中仍然是一個(gè)需要值得注意的元素, 為了不給自己及他人造成不必要的麻煩, 仍需注意字體及段落的樣式的處理;
集中存放團(tuán)隊(duì)使用的字體文件
不要拉伸字體
使用文本框，明確文本的邊界范圍
不要使用換行, 用分開的文本框
使用文字樣式
第五節(jié): 效果
? ? 即使最好的設(shè)計(jì)師在應(yīng)用效果的時(shí)候也有可能出現(xiàn)過渡的情況, ?效果的”禮儀”不是限制使用效果, 而是如何恰當(dāng)?shù)氖褂眯Ч?
恰當(dāng)?shù)氖褂妙伾B加
謹(jǐn)慎使用效果, ?不是效果使用越多就越出色
有目的的使用效果, 不要像點(diǎn) checklist 一樣使用效果
了解描邊位置的區(qū)別
不要使用多個(gè)不同角度的光源
第六節(jié): 校驗(yàn)
? ? 當(dāng)開始做拼寫及內(nèi)容檢查時(shí), 就接近完成設(shè)計(jì)了, 總是在發(fā)出你的 PSD 給別人前做一遍最后檢查總是明智的;
在發(fā)出之前請(qǐng)別人幫忙校驗(yàn)一下內(nèi)容
確保圖片版權(quán)不會(huì)出現(xiàn)問題
熟悉各種瀏覽器的限制
考慮不同的屏幕尺寸
保持字體, 顏色值的一致性
