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

1、UI設(shè)計(jì)Photoshop配置技巧如果你是設(shè)計(jì)移動(dòng)UI界面又是Photoshop新手，那么今天分享的技巧教程很適合你，雖然說是移動(dòng)界面設(shè)計(jì)，但同樣適用于其它設(shè)計(jì)工作，比如網(wǎng)頁設(shè)計(jì)、平面設(shè)計(jì)等等，讓我們開始吧。 Photoshop新建文檔設(shè)置操作：菜單 文件 新建寬度：640像素高度：1136像素(4英寸iPhone設(shè)備)分辨率：72像素/英寸(ppi)顏色模式：RGB顏色背景內(nèi)容：白色(可選)顏色配置文件：不要色彩管理此文件(更多顏色設(shè)置后)像素長(zhǎng)寬比：方形像素配置如下圖： 對(duì)齊設(shè)置這個(gè)處就是當(dāng)你使用圖層、形狀等操作時(shí)自動(dòng)對(duì)齊網(wǎng)格，畫矢量圖不怕模糊邊緣，確保每個(gè)像素保持清晰。設(shè)置：菜單 視圖

2、對(duì)齊菜單 視圖 對(duì)齊到 全部 首選項(xiàng)設(shè)置操作：菜單 編輯 首選項(xiàng) 常規(guī)，建議按下圖設(shè)置啟用輕擊平移僅僅是一個(gè)滑移效果，占內(nèi)存又不能提高操作效率，建議關(guān)掉。根據(jù)HUD垂直移動(dòng)來改變圓形畫筆硬度功能挺好用的，按Alt+右鍵左右/上下移動(dòng)可以分別改變畫筆的大小和硬度。將矢量工具與變換與像素網(wǎng)格對(duì)齊這個(gè)強(qiáng)烈建議UI設(shè)計(jì)開啟這個(gè)功能，這個(gè)讓你來矢量力不會(huì)產(chǎn)生半像素虛邊，十分好用。但在需要微調(diào)整時(shí)可暫時(shí)關(guān)閉它。 文本設(shè)置字體我一般把字體設(shè)置為犀利，如果你是Photoshop CC版本，它有一個(gè)Windows LCD/Mac LCD抗鋸齒功能，文字可以為網(wǎng)頁一樣效果了，所以建議升級(jí)到Photoshop CC

3、吧。操作：首先選定文本 字符工具(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(wǎng)格線間隔：2像素;子網(wǎng)格1。我喜歡前者_(dá) 導(dǎo)出設(shè)置不管我們是做網(wǎng)頁不審設(shè)計(jì)iOS APP應(yīng)用程序時(shí)，導(dǎo)出圖像最好是使用”存儲(chǔ)為Web所用格式”來導(dǎo)出。這里通過”存儲(chǔ)為Web格式”導(dǎo)出PNG

4、-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( 總結(jié)本指南針是針對(duì)UI設(shè)計(jì)的Phtoshop基本設(shè)置介紹，