之前25學堂跟大家分享了APP設(shè)計工具利器的Photoshop CC的技巧和相關(guān)的ps設(shè)計資源。

手機UI設(shè)計師必知的八個Photoshop CC小技巧和國外最佳Photoshop設(shè)計學習資源站-PSDlearning

這個我們緊接著上一篇《小白學習APP界面設(shè)計，從設(shè)計APP首頁開始》來繼續(xù)學習APP設(shè)計教程。

要想快速上手APP界面設(shè)計流程。必須你對你使用的設(shè)計工具操作很熟練。這樣才能提高設(shè)計效率。

這一節(jié)25學堂讓APP設(shè)計小白養(yǎng)成良好的PS設(shè)計習慣。

第一：同一個項目盡量在一個psd里

在項目中統(tǒng)一功能塊、功能盡量保存在同一個psd里，日后使用會更加方便，節(jié)約在不同psd文件里查找時間。

2.時刻保持圖層命名、歸類

良好的歸類、圖層、命名習慣，在團隊合作中psd源文件可用度效率更高，日后修改也會節(jié)省時間。

3.盡量使用智能對象和形狀工具。

智能對象好處在于合并對象后不破壞對象，同時可以讓這個合并后的對象具有可編輯特性，同時具備同步更新功能。

4.在文件夾中加蒙版，操作一步到位

在文件夾加蒙版，再次修改的時候只需要把圖片放入文件夾即可，可以減少重復調(diào)整蒙版等工作。

5.輸出盡量簡單

如果項目有命名標準建議以標準來命名，如項目沒命名標準建議用簡單易懂的中文命名方式命名。

6.安裝psd縮略圖補丁、以便我們查找方便

安裝PSD縮略圖補丁，一目了然PSD文件的內(nèi)容，提高效率拒絕猜測。

下面是我們使用ps?cc來設(shè)計移動APP界面需要注意的8個事項：

1. 在單一圖層內(nèi)工作

盡管有很多教程講述單圖層打造xxx效果，大家不妨學習一下作為練習，掌握一下思路即可。但是在工作中，這種習慣可真不好。

單一圖層制圖，缺乏靈活性，無法針對性的做出修改。最安全的做法是：一種效果，一個新圖層，這樣以后修改起來會非常方便。

無論如何，在工作中都盡可能的使用多個圖層，編輯更起來有效率，組織也更分明。當然也有牛人，完全在一個圖層實現(xiàn)很復雜的特效。

2. 直接刪除內(nèi)容，而不使用蒙版

這個非常常見。刪除和擦除圖層內(nèi)容幾乎是不可逆的，是一種破壞性的編輯方式。其實不如利用PS的像素蒙版、矢量蒙版、剪貼蒙版來”屏蔽”內(nèi)容。

蒙版僅僅會臨時隱藏選中的圖層部分，而不是永久性的刪除。

記住咯，盡量使用蒙版，盡量少用刪除。

3. 點來點去（不會用快捷鍵）

使用PS不用快捷鍵，就好比吃飯不用筷子。費時費力。一個合格的PS用戶，一只手用來操作鼠標，進行定位、繪制，另一只手操作鍵盤，使用快捷鍵。下面是最常用的一些快捷鍵。

此前@你丫才美工 為大家制作過一張轉(zhuǎn)發(fā)上萬次的經(jīng)典快捷鍵圖片。還沒有右鍵另存的請戳→?《photoshop快捷鍵大全》

Cmd/Ctrl + T – 自由變換Cmd/Ctrl + S – 保存文件Cmd/Ctrl + A – 選擇全部

Cmd/Ctrl + D – 取消選擇Cmd/Ctrl + I – 顏色反相Cmd/Ctrl + Shift + I – 選區(qū)反相

Cmd/Ctrl + 點擊圖層縮略圖 – 選擇所選圖層的選區(qū)Cmd/Ctrl + Option/Alt + A – 選擇所有圖層Option/Alt + 點擊兩個圖層之間 – 剪貼蒙版

Cmd/Ctrl + G – 圖層編組Cmd/Ctrl + Shift + G – 取消圖層編組

這里25學堂奉上2張快捷鍵速查表：

1、APP設(shè)計工具Sketch 3的快捷鍵大全速查表

2、30個Photoshop的秘密快捷鍵

4. 圖像轉(zhuǎn)換時，不利用智能對象

很多PS使用者知道智能對象很有用，但是就是不用。實際上，智能對象將保留圖像的源內(nèi)容及其所有原始特性，從而讓您能夠?qū)D層執(zhí)行非破壞性編輯。當采樣像素圖像時，會出現(xiàn)質(zhì)量損失。

而使用智能對象，會保留像素圖像的特性。當圖層中的內(nèi)容表現(xiàn)效果最佳（質(zhì)量最棒）時，非常適宜于轉(zhuǎn)換為智能對象。這樣調(diào)整大小、選擇時便不會損失畫質(zhì)了。

圖層旋轉(zhuǎn)多次后，會損失一定的圖像質(zhì)量。推薦您閱讀《PS旋轉(zhuǎn)技巧！讓像素完美呈現(xiàn)》

5. 不使用調(diào)整圖層

這是個很不好的習慣。如果直接在原圖層內(nèi)修改，破壞性的編輯，以后修改起來不方便。而調(diào)整圖層則解決了這個問題。而且，調(diào)整圖層相對獨立，想怎么改，就怎么改，混合模式、不透明度、設(shè)置，都可以修改，比原圖層直接修改有效多了。

要記住，調(diào)整圖層會影響位于它下面的所有圖層。

曲線調(diào)整圖層，修改白平衡。

6. 毫無組織、雜亂的圖層關(guān)系

使用PS，不但要會使用各種工具，還要注意培養(yǎng)習慣，比如說，組織性。多個圖層，作用于圖像的不同區(qū)域，要記住進行分類編組以及合理命名。

初學者可能會認為這是浪費時間，但是相信我，這是節(jié)省時間，當你要編輯某一特定圖層時，你發(fā)現(xiàn)你的圖層命名全是”圖層1、圖層2、圖層3、橢圓1、橢圓2″，你根本無法快速分辨。所以說，合理組織圖層，異常重要，尤其是團隊工作，需要把PSD文件傳給同事的時候。

小白設(shè)計師一定要學會組織圖層

7. 缺乏基本導航技巧

只會水平垂直拖移滾動條？記住要按住空格，然后使用抓手工具來進行導航。

導航的一些快捷鍵空格 – 抓手工具Z + 左右拖移 – 放大和縮小

按住 H + 點擊 – 鳥瞰視圖Cmd/Control + 0 – 適應(yīng)屏幕Cmd/Control + 1 – 實際尺寸

鳥瞰視圖，能夠臨時性的看到整個畫布懂得效果。

8. 善于要使用 Adobe?Bridge

PS原生文件管理應(yīng)用：Adobe Bridge?？梢詭椭鷮ふ覉D像，組織文件。很多攝影師便使用Bridge來管理照片。

Adobe BridgePS原生文件管理應(yīng)用，還有很大APP切圖插件都是需要他來幫助我們安裝的。所以，大家一定要善于要使用 Adobe?Bridge。

最后，25學堂再次分享一套PS CC視頻教程《Photoshop?CC從入門到精通》

本教程共用十四部分詳細介紹PS各個工具的操作及運用，各種選項的設(shè)置及調(diào)整，各種命令的原理及效果。通過本課程的學習，你對PS會有一個新的認識，PS的水平也會有一個質(zhì)的飛躍！我們下周繼續(xù)《小白學習APP設(shè)計教程》。

學習PS CC視頻教程地址：http://study.163.com/course/introduction/986014.htm#/courseDetail