UI設計的PS配置技巧
文本設置
字體我一般把字體設置為犀利,如果你是Photoshop CC版本,它有一個Windows LCD/Mac LCD抗鋸齒功能,文字可以為網頁一樣效果了,所以建議升級到Photoshop CC吧。
操作:首先選定文本 → 字符工具(AA)選擇Windows LCD/Mac LCD
全局光
繼蘋果iOS人機界面指南,你應該把燈光設置為90°。
操作:圖層 → 圖層樣式 → 全局光 → 90°
網格設置
現在設計iOS界面都要兼容視網膜(Retina),所以我把每個網格設置為2像素,這樣我就不怕圖像在視網膜設備下變得模糊了。
操作:菜單 → 編輯 → 首選項 → 參考線、網格和切片,網格線間隔:4像素;子網格2。或者網格線間隔:2像素;子網格1。我喜歡前者^_^
導出設置
不管我們是做網頁不審設計iOS APP應用程序時,導出圖像最好是使用”存儲為Web所用格式”來導出。
這里通過”存儲為Web格式…”導出PNG-24為例,其中默認設置比較重要,如下圖:
操作:菜單 → 文件 → 存儲為Web格式所用格式
預設:PNG-24
透明:勾選
交錯:未勾選
嵌入顏色配置文件:未勾選 (Photoshop CC版本才有)
轉換為 sRGB:未勾選
質量:兩次立方
Retina顯示器設置
如果你是使用帶Retina視網膜的MacBook Pro,你應該確保你是使用2800×1800像素(1440×900點)
操作:Apple菜單 → 系統偏好設置 → 顯示 → 最適合顯示器
顏色配置
顏色配置是極為復雜的一個操作,如果你不是這領域的大神,那么還是老老實實的用推薦的配置吧,這里我選擇了Marc Edwards(http://bjango.com/articles/photoshop)的顏色配置選項。
總結本指南針是針對UI設計的Phtoshop基本設置介紹,除了以上這些,大多數設計師都會有自己使用的自定義設置,所以如果你有一些技巧設置,歡迎在下方留言處分享給我們。
標簽(TAG) UI設計教程 ps技巧 經驗分享 Photoshop配置技巧
上一篇:PS淘寶衣服類美工實例教程