UI設(shè)計(jì)的PS配置技巧

字體我一般把字體設(shè)置為犀利，如果你是Photoshop CC版本，它有一個(gè)Windows LCD/Mac LCD抗鋸齒功能，文字可以為網(wǎng)頁一樣效果了，所以建議升級到Photoshop CC吧。

操作：首先選定文本 → 字符工具（AA）選擇Windows LCD/Mac LCD

全局光

繼蘋果iOS人機(jī)界面指南，你應(yīng)該把燈光設(shè)置為90°。

操作：圖層 → 圖層樣式 → 全局光 → 90°

網(wǎng)格設(shè)置

現(xiàn)在設(shè)計(jì)iOS界面都要兼容視網(wǎng)膜（Retina）,所以我把每個(gè)網(wǎng)格設(shè)置為2像素，這樣我就不怕圖像在視網(wǎng)膜設(shè)備下變得模糊了。

操作：菜單 → 編輯 → 首選項(xiàng) → 參考線、網(wǎng)格和切片，網(wǎng)格線間隔：4像素；子網(wǎng)格2。或者網(wǎng)格線間隔：2像素；子網(wǎng)格1。我喜歡前者^_^

導(dǎo)出設(shè)置

不管我們是做網(wǎng)頁不審設(shè)計(jì)iOS APP應(yīng)用程序時(shí)，導(dǎo)出圖像最好是使用”存儲為Web所用格式”來導(dǎo)出。

這里通過”存儲為Web格式…”導(dǎo)出PNG-24為例，其中默認(rèn)設(shè)置比較重要，如下圖：

操作：菜單 → 文件 → 存儲為Web格式所用格式

預(yù)設(shè)：PNG-24
透明：勾選
交錯(cuò)：未勾選
嵌入顏色配置文件：未勾選 （Photoshop CC版本才有）
轉(zhuǎn)換為 sRGB：未勾選
質(zhì)量：兩次立方

Retina顯示器設(shè)置

如果你是使用帶Retina視網(wǎng)膜的MacBook Pro，你應(yīng)該確保你是使用2800×1800像素（1440×900點(diǎn)）

操作：Apple菜單 → 系統(tǒng)偏好設(shè)置 → 顯示 → 最適合顯示器

顏色配置

顏色配置是極為復(fù)雜的一個(gè)操作，如果你不是這領(lǐng)域的大神，那么還是老老實(shí)實(shí)的用推薦的配置吧，這里我選擇了Marc Edwards(http://bjango.com/articles/photoshop)的顏色配置選項(xiàng)。

本指南針是針對UI設(shè)計(jì)的Phtoshop基本設(shè)置介紹，除了以上這些，大多數(shù)設(shè)計(jì)師都會有自己使用的自定義設(shè)置，所以如果你有一些技巧設(shè)置，歡迎在下方留言處分享給我們。