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

來源:優(yōu)設(shè)網(wǎng) 作者:不詳 學(xué)習(xí):7183人次

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

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

Photoshop新建文檔設(shè)置

操作:菜單 → 文件 → 新建

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

配置如下圖:

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

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

設(shè)置:

菜單 → 視圖 → 對齊

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

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

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

啟用輕擊平移

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

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

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

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

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

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
鍋里的嘻哈魚2019-01-18 06:56
學(xué)習(xí)
早餐配送2014-04-28 04:57
好像很厲害的額樣子
早餐配送2014-04-28 04:57
好像很厲害的額樣子
705122014-04-27 01:13
學(xué)習(xí)

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!