針對UI設(shè)計人員的詳細(xì)Phtoshop基本配置技巧

2020-01-06 15:31:16 來源/作者: 自媒體 / 逸吉 己有:273人學(xué)習(xí)過
本指南針是針對UI設(shè)計的Phtoshop基本設(shè)置介紹,大多數(shù)設(shè)計師都會有自己使用的自定義設(shè)置。

  photoshop新建文檔設(shè)置

  操作:菜單 → 文件 → 新建

  寬度:640像素

  高度:1136像素(4英寸iPhone設(shè)備)

  分辨率:72像素/英寸(ppi)

  顏色模式:RGB顏色

  背景內(nèi)容:白色(可選)

  顏色配置文件:不要色彩管理此文件(更多顏色設(shè)置后)

  像素長寬比:方形像素

  配置如下圖:

UI設(shè)計師的Photoshop配置技巧

  對齊設(shè)置

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

  設(shè)置:

  菜單 → 視圖 → 對齊

  菜單 → 視圖 → 對齊到 → 全部

UI設(shè)計師的Photoshop配置技巧

  首選項設(shè)置

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

  啟用輕擊平移

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

  根據(jù)HUD垂直移動來改變圓形畫筆硬度

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

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

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

UI設(shè)計師的Photoshop配置技巧

[page]

  文本設(shè)置

  字體我一般把字體設(shè)置為犀利,如果你是Photoshop CC版本,它有一個Windows LCD/Mac LCD抗鋸齒功能,文字可以為網(wǎng)頁一樣效果了,所以建議升級到Photoshop CC吧。

  操作:首先選定文本 → 字符工具(AA)選擇Windows LCD/Mac LCD

UI設(shè)計師的Photoshop配置技巧

  全局光

  繼蘋果iOS人機(jī)界面指南,你應(yīng)該把燈光設(shè)置為90°。

  操作:圖層 → 圖層樣式 → 全局光 → 90°

UI設(shè)計師的Photoshop配置技巧

  網(wǎng)格設(shè)置

  現(xiàn)在設(shè)計iOS界面都要兼容視網(wǎng)膜(Retina),所以我把每個網(wǎng)格設(shè)置為2像素,這樣我就不怕圖像在視網(wǎng)膜設(shè)備下變得模糊了。

  操作:菜單 → 編輯 → 首選項 → 參考線、網(wǎng)格和切片,網(wǎng)格線間隔:4像素;子網(wǎng)格2。或者網(wǎng)格線間隔:2像素;子網(wǎng)格1。我喜歡前者^_^