UI設(shè)計(jì)的PS配置技巧(2)
文本設(shè)置
字體我一般把字體設(shè)置為犀利,如果你是Photoshop CC版本,它有一個(gè)Windows LCD/Mac LCD抗鋸齒功能,文字可以為網(wǎng)頁(yè)一樣效果了,所以建議升級(jí)到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。我喜歡前者^(guò)_^
導(dǎo)出設(shè)置
不管我們是做網(wǎng)頁(yè)不審設(shè)計(jì)iOS APP應(yīng)用程序時(shí),導(dǎo)出圖像最好是使用”存儲(chǔ)為Web所用格式”來(lái)導(dǎo)出。
這里通過(guò)”存儲(chǔ)為Web格式…”導(dǎo)出PNG-24為例,其中默認(rèn)設(shè)置比較重要,如下圖:
操作:菜單 → 文件 → 存儲(chǔ)為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)。
總結(jié)本指南針是針對(duì)UI設(shè)計(jì)的Phtoshop基本設(shè)置介紹,除了以上這些,大多數(shù)設(shè)計(jì)師都會(huì)有自己使用的自定義設(shè)置,所以如果你有一些技巧設(shè)置,歡迎在下方留言處分享給我們。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps技巧
- 經(jīng)驗(yàn)分享
- Photoshop配置技巧
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- PS繪制磚塊ICO圖標(biāo)
- ps設(shè)計(jì)盒子圖標(biāo)
- ps日歷圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI知識(shí),做UI的工作方式與流程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)