西西軟件園多重安全檢測(cè)下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁(yè)西西教程photoshop → UI設(shè)計(jì)師的ps配置技巧

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

相關(guān)軟件相關(guān)文章發(fā)表評(píng)論 來(lái)源:西西整理時(shí)間:2014/4/28 17:18:15字體大小:A-A+

作者:西西點(diǎn)擊:11次評(píng)論:0次標(biāo)簽: PS

  • 類型:抓圖工具大。4.8M語(yǔ)言:中文 評(píng)分:7.5
  • 標(biāo)簽:
立即下載

UI設(shè)計(jì)師的ps配置技巧,第一步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è)置:

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

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

首選項(xiàng)設(shè)置

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

啟用輕擊平移

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

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

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

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

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

文本設(shè)置

字體我一般把字體設(shè)置為犀利,如果你是Photoshop CC版本,它有一個(gè)Windows LCD/Mac LCD抗鋸齒功能,文字可以為網(wǎng)頁(yè)一樣效果了,所以建議升級(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(wǎng)格線間隔:2像素;子網(wǎng)格1。我喜歡前者^(guò)_^

導(dǎo)出設(shè)置

不管我們是做網(wǎng)頁(yè)不審設(shè)計(jì)iOS APP應(yīng)用程序時(shí),導(dǎo)出圖像最好是使用”存儲(chǔ)為Web所用格式”來(lái)導(dǎo)出。

這里通過(guò)”存儲(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è)置 → 顯示 → 最適合顯示器

顏色配置

顏色配置是極為復(fù)雜的一個(gè)操作,如果你不是這領(lǐng)域的大神,那么還是老老實(shí)實(shí)的用推薦的配置吧,這里我選擇了Marc Edwards(http://bjango.com/articles/photoshop)的顏色配置選項(xiàng)。

總結(jié)

本指南針是針對(duì)UI設(shè)計(jì)的Phtoshop基本設(shè)置介紹,除了以上這些,大多數(shù)設(shè)計(jì)師都會(huì)有自己使用的自定義設(shè)置,所以如果你有一些技巧設(shè)置,歡迎在下方留言處分享給我們。

    相關(guān)評(píng)論

    閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過(guò)難過(guò)
    • 5 囧
    • 3 圍觀圍觀
    • 2 無(wú)聊無(wú)聊

    熱門評(píng)論

    最新評(píng)論

    發(fā)表評(píng)論 查看所有評(píng)論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)