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

2022-12-26 14:29:43 來(lái)源/作者: / 己有:31人學(xué)習(xí)過(guò)

超實(shí)用!UI設(shè)計(jì)師的Photoshop配置技巧

如果你是設(shè)計(jì)移動(dòng)UI界面又是Photoshop新手,那么今天分享的技巧教程很適合你,雖然說(shuō)是移動(dòng)界面設(shè)計(jì),但同樣適用于其它設(shè)計(jì)工作,比如網(wǎng)頁(yè)設(shè)計(jì)、平面設(shè)計(jì)等等,讓我們開(kāi)始吧。

Photoshop新建文檔設(shè)置

操作:菜單 → 文件 → 新建

寬度:640像素
高度:1136像素(4英寸iPhone設(shè)備)
分辨率:72像素/英寸(ppi)
顏色模式:RGB顏色
背景內(nèi)容:白色(可選)
顏色配置文件:不要色彩管理此文件(更多顏色設(shè)置后)
像素長(zhǎng)寬比:方形像素

配置如下圖:

超實(shí)用!UI設(shè)計(jì)師的Photoshop配置技巧
對(duì)齊設(shè)置

這個(gè)處就是當(dāng)你使用圖層、形狀等操作時(shí)自動(dòng)對(duì)齊網(wǎng)格,畫(huà)矢量圖不怕模糊邊緣,確保每個(gè)像素保持清晰。

設(shè)置:

菜單 → 視圖 → 對(duì)齊

菜單 → 視圖 → 對(duì)齊到 → 全部

超實(shí)用!UI設(shè)計(jì)師的Photoshop配置技巧
首選項(xiàng)設(shè)置

操作:菜單 → 編輯 → 首選項(xiàng) → 常規(guī),建議按下圖設(shè)置

啟用輕擊平移

僅僅是一個(gè)滑移效果,占內(nèi)存又不能提高操作效率,建議關(guān)掉。

根據(jù)HUD垂直移動(dòng)來(lái)改變圓形畫(huà)筆硬度

功能挺好用的,按Alt+右鍵左右/上下移動(dòng)可以分別改變畫(huà)筆的大小和硬度。

將矢量工具與變換與像素網(wǎng)格對(duì)齊

強(qiáng)烈建議開(kāi)啟這個(gè)功能,這個(gè)讓你不會(huì)產(chǎn)生半像素虛邊,十分好用。但在需要微調(diào)整時(shí)可暫時(shí)關(guān)閉它。

超實(shí)用!UI設(shè)計(jì)師的Photoshop配置技巧