PHOTOSHOP中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)訣竅(5)_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:Photoshop制作棕色時(shí)尚復(fù)古網(wǎng)站教程Photoshop制作棕色時(shí)尚復(fù)古網(wǎng)站教程: 打開(kāi)photoshop,新建空白文檔,文檔大小為800*1200;打開(kāi)素材圖片1,按Ctrl+Alt+T調(diào)整大小為800*1200;
當(dāng)光源在90°的時(shí)候高光、陰影以及其他圖層效果看起來(lái)最好。為了避免重復(fù)設(shè)置,在混合選項(xiàng)中(斜面和浮雕、內(nèi)發(fā)光和陰影)勾選使用全局光�;蛘哌x擇圖層〉圖層樣式〉使用全局光。

16.在你創(chuàng)建圖層的時(shí)候你便對(duì)它進(jìn)行命名
在將設(shè)計(jì)文檔發(fā)給開(kāi)發(fā)人員之前對(duì)圖層命名是件令人頭痛的事情。因此不妨形成在創(chuàng)建圖層的同時(shí)就給它命名的習(xí)慣。
17.使用自定義快捷鍵
注意哪些工具和任務(wù)是你最常用到的,為它們創(chuàng)建快捷鍵。例如,如果你發(fā)現(xiàn)將一個(gè)文件發(fā)送給開(kāi)發(fā)人員處理的時(shí)候你需要重命名大量的圖層,我使用功能鍵F2作為快捷鍵。
18.使用徑向漸變
使用徑向漸變有時(shí)候會(huì)看起來(lái)有點(diǎn)扁平。試試用徑向漸變作為背景,還可以用內(nèi)發(fā)光來(lái)強(qiáng)調(diào)。

19.努力做到非破壞的編輯
通過(guò)使用智能對(duì)象和調(diào)整圖層來(lái)做到一個(gè)非破壞性的工作流程。當(dāng)你發(fā)發(fā)現(xiàn)自己需要重復(fù)編輯同樣?xùn)|西的時(shí)候這會(huì)幫你減少很多痛苦。
20.在對(duì)文件作重大改變之前備份文件
當(dāng)你發(fā)現(xiàn)保存了自己不想要的變化,或者在撤銷(xiāo)更改之前意外地關(guān)閉了文件(譯者注:這樣會(huì)導(dǎo)致丟失歷史記錄),備份文件會(huì)大大減少你的痛苦。
21.使用快捷鍵給形狀圖層和文本填色
你可能知道使用Alt/Ctrl + Delete 給圖層或者選區(qū)填充前景色/背景色。它同樣適用于形狀圖層和文本。
22.Photoshop的怪異之處——投影和內(nèi)陰影尺寸
還記得訣竅1中關(guān)于保證尺寸和圖層效果為偶數(shù)像素嗎?你或許在對(duì)所有的都設(shè)置了偶數(shù)之后,仍然迷惑于為什么按鈕的高度仍然是奇數(shù)。罪魁禍?zhǔn)妆闶荘hotoshop的怪異之處,投影增加了尺寸。投影的大�。╯ize)值設(shè)置為1px或者2px,投影將會(huì)產(chǎn)生同樣的尺寸,如下圖所示。


23.使用智能參考線來(lái)進(jìn)行更為完美的對(duì)齊
來(lái)讓Photoshop對(duì)你的元素進(jìn)行智能對(duì)齊。在視圖(View)〉顯示(Show)〉智能參考線(Smart Guides)處打開(kāi)。一旦你使用過(guò)智能參考線,你會(huì)再也離不開(kāi)它了。

24.使用圖層復(fù)合在同一文件中展示不同的顯示屏
你是將app的所有屏幕都創(chuàng)建在一個(gè)PSD中然后對(duì)圖層可視進(jìn)行打開(kāi)和關(guān)閉來(lái)查看?此時(shí)圖層復(fù)合(Layer Comps)就可幫助解決這個(gè)問(wèn)題。勾選窗口(Window)〉圖層復(fù)合(Layer Comps)即可打開(kāi)圖層復(fù)合面板。在你新建app屏幕的時(shí)候你可以通過(guò)單擊面板底部創(chuàng)建新的圖層復(fù)合按鈕來(lái)創(chuàng)建一個(gè)新的圖層復(fù)合。這個(gè)圖層復(fù)合面板包含了所有圖層的可見(jiàn)性和位置作為一個(gè)屏幕(譯者注:可以理解為一個(gè)快照)�,F(xiàn)在你便可以在同樣的圖層上更改其可見(jiàn)性和位置來(lái)作為下一個(gè)屏幕并把它保存為另一個(gè)圖層復(fù)合。
通過(guò)使用同樣的工具去創(chuàng)建不同的屏幕,這樣就保證了文件數(shù)量和大小達(dá)到了最小。并且,你和開(kāi)發(fā)人員可以簡(jiǎn)單的通過(guò)單擊圖層復(fù)合名稱(chēng)前面的小盒子或者點(diǎn)擊面板底部的往前/往后箭頭來(lái)循環(huán)切換圖層復(fù)合來(lái)展示不同的屏幕。

25.在設(shè)備上預(yù)覽你的設(shè)計(jì)
你的設(shè)計(jì)桌面設(shè)備上看起來(lái)很好,但是當(dāng)你放到真正的設(shè)備上或許會(huì)暴漏問(wèn)題,因此,保證經(jīng)常的在顯示器上預(yù)覽你的設(shè)計(jì)。對(duì)Mac來(lái)說(shuō)有像LiveView、Scala Preview等工具,對(duì)Windows來(lái)則有WiFileSync和Photoshop Display。我使用免費(fèi)的Polkast,它允許你在IOS設(shè)備上通過(guò)wifi預(yù)覽你桌面設(shè)備上的文件。
26.保持icon設(shè)計(jì)的一致性
在icon的選用上要保證其大小和風(fēng)格一致。可以閱讀Why consistency is important這篇文章。

27.給客戶(hù)發(fā)送全尺寸的預(yù)覽圖
客戶(hù)許愿在他們的設(shè)備上�?丛O(shè)計(jì)。因此,可以考慮給他們一個(gè)全尺寸的PNG設(shè)計(jì)組合。
28.避免過(guò)于像素完美的線框圖
分享:Photoshop制作個(gè)性的透明玻璃網(wǎng)頁(yè)用戶(hù)信息展示教程玻璃網(wǎng)頁(yè)其實(shí)跟玻璃的制作一樣。重點(diǎn)是把邊緣及中間的高光渲染出來(lái),比較規(guī)則的圖形直接用圖層樣式做出初步的質(zhì)感,再增手工增加一些高光等即可。其它部分可以按自己需要添
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 網(wǎng)站知名從建站開(kāi)始 海外風(fēng)
- 創(chuàng)建優(yōu)秀網(wǎng)站的6個(gè)好習(xí)慣
- 富媒體廣告設(shè)計(jì)之銳智MOTO RAZR V8黃金典藏版
- 網(wǎng)站設(shè)計(jì)中常犯的錯(cuò)誤
- 網(wǎng)頁(yè)設(shè)計(jì)-柵格規(guī)范制作
- 網(wǎng)頁(yè)設(shè)計(jì)之視覺(jué)信息傳達(dá)分析
- 交互設(shè)計(jì)實(shí)用指南系列(4)—簡(jiǎn)潔清晰,自然易懂
- 微軟雅黑 VS Windows宋體
- 天天體驗(yàn):注冊(cè)表單
- 一個(gè)設(shè)計(jì)師的PS經(jīng)驗(yàn)技巧及設(shè)計(jì)心得
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索PHOTOSHOP中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)訣竅(5)
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-PHOTOSHOP中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)訣竅(5)
。