作為一個(gè)學(xué)UI設(shè)計(jì)的還是UI設(shè)計(jì)事 必做這些事
(PS配置技巧)
如果你是設(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è)置后)像素長寬比:方形像素
配置如下圖:
對(duì)齊設(shè)置
這個(gè)處就是當(dāng)你使用圖層咏尝、形狀等操作時(shí)自動(dòng)對(duì)齊網(wǎng)格压语,畫矢量圖不怕模糊邊緣,確保每個(gè)像素保持清晰编检。
設(shè)置:
菜單 →?視圖 →?對(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吧。
操作:首先選定文本 →?字符工具(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)出圖像最好是使用”存儲(chǔ)為Web所用格式”來導(dǎo)出礼殊。
這里通過”存儲(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è)置 →?顯示 →?最適合顯示器
對(duì)齊設(shè)置
這個(gè)處就是當(dāng)你使用圖層、形狀等操作時(shí)自動(dòng)對(duì)齊網(wǎng)格啄枕,畫矢量圖不怕模糊邊緣婚陪,確保每個(gè)像素保持清晰。
設(shè)置:
菜單 →?視圖 →?對(duì)齊
菜單 →?視圖 →?對(duì)齊到 →?全部
顏色配置
顏色配置是極為復(fù)雜的一個(gè)操作频祝,如果你不是這領(lǐng)域的大神泌参,那么還是老老實(shí)實(shí)的用推薦的配置吧,這里我選擇了Marc Edwards(http://bjango.com/articles/photoshop)的顏色配置選項(xiàng)常空。