今天是2014年杭州大運(yùn)河開幕的好日子。由于事情多，老譚就沒湊熱鬧了！在家打開電腦看到了設(shè)計(jì)達(dá)人網(wǎng)站的一篇關(guān)于《UI設(shè)計(jì)師的Photoshop配置技巧》的設(shè)計(jì)干貨博文。非常適合移動(dòng)APP界面設(shè)計(jì)的新手。顧摘錄了幾點(diǎn)Photoshop設(shè)置技巧來分享給大家。

1、移動(dòng)界面設(shè)計(jì)文檔設(shè)置【Photoshop】

寬度：640像素

高度：1136像素（4英寸iPhone設(shè)備）

分辨率：72像素/英寸（ppi）

顏色模式：RGB顏色

背景內(nèi)容：白色（可選）

這里ps設(shè)置的以iphone 5為標(biāo)準(zhǔn)的。

2、文本設(shè)置Photoshop CC以上版本

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

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

3、全局光 photoshop 圖層的設(shè)置

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

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

4、photoshop網(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(wǎng)格線間隔：2像素；子網(wǎng)格1。

因?yàn)槲覀兦袌D的時(shí)候 基本都是雙數(shù)。不是單數(shù)。所以在設(shè)計(jì)的時(shí)候盡量改成2像素的倍數(shù)。

5、移動(dòng)設(shè)計(jì)稿和切片的導(dǎo)出設(shè)置

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

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

如下圖操作：菜單 → 文件 → 存儲(chǔ)為Web格式所用格式

預(yù)設(shè)格式：PNG-24

還有的小技巧就是要求新手可以安裝一些專門做移動(dòng)APPui界面設(shè)計(jì)的ps插件。比如長(zhǎng)投影，切圖等等。

如果大家還有一些關(guān)于移動(dòng)APP界面設(shè)計(jì)工具Photoshop設(shè)置技巧的可以留言給我們。