移動應(yīng)用開發(fā)的美學(xué)之道
拜現(xiàn)今軟件進步所賜，路上的小學(xué)生都知道 PS 大神是什么（小朋友說：PS 就是可以把我的照片變漂亮的東西）所以理所當(dāng)然，很多人都把「會操作 Photoshop」等于「會美術(shù)設(shè)計」給劃上等號，以下提供筆者多年在中港臺與日本等地從事美術(shù)相關(guān)發(fā)包經(jīng)驗中的見解，提供各位對應(yīng)用美術(shù)有興趣的朋友們參考。
如何為應(yīng)用開發(fā)做出好的美術(shù)設(shè)計，除了摸熟 Photoshop 以外，還需了解一下一下四個步驟。
概念——Step 1
一個合格（并容易受到用戶青睞的）圖標（ICON）絕對不是單純的追求視覺上的漂亮美觀，而是「重視理念」能不能找出這個應(yīng)用（產(chǎn)品）的核心功能， 讓用戶第一眼就知道「這是做什么的」再來能不能涵蓋品牌精神，涵蓋團隊的夢想，涵蓋產(chǎn)品想追求的高度（獲利）等視角也是延伸的學(xué)問之一，在習(xí)慣用電腦作業(yè) 的時代，依然有許多專業(yè)美術(shù)人員在設(shè)計圖標時會選擇先把 MAC 關(guān)閉（當(dāng)然包括 Photoshop 等繪圖軟件）然后拿出常用的筆記簿，在上面記載各種密密麻麻的想法，其中有愚蠢的想法，有可愛的想法，有大膽的想法，有天馬行空的想法，也有「眼光獨具」 的最佳創(chuàng)意，筆者的習(xí)慣是先在紙上用鉛筆畫出幾十個圖標，直到有一個「感覺對了」才會上電腦進 Photoshop 去執(zhí)行。
實踐——Step 2
在紙上作業(yè)中想出了一個好的構(gòu)圖或點子之后，接著就可以打開 Photoshop，然后把剛剛在紙上繪制的圖標草圖去用各種方式構(gòu)成，這時光一個素材的選擇就可以有幾十種不同的表現(xiàn)手法，例如攝影圖片，手繪插圖（涂 鴉式）電腦繪圖等等（還不含 2D 或 3D 的表現(xiàn)形式）所以要如何「表現(xiàn)」就是第二階段（上電腦）后的核心工作。
筆者相信多數(shù)個人開發(fā)者在做美術(shù)的時候都會不知道怎么開始，因為不會畫圖，所以很多人只能拿些現(xiàn)成的素材到 Photoshop 中試圖拼湊，但能夠做出原創(chuàng)的美術(shù)資源總是比較好的，如果不會美術(shù)，不會畫圖，那建議你可以多往「攝影」方面去著眼，因為「拍照」是取得素材的最佳方式之 一。
一般制作應(yīng)用所需的小 ICON（例如 UI 的功能鈕或選單鈕之類）都有基本或通用的 PS 文件可以套用（這部分的通用圖標有很多，常用的其實就那幾種，即使外包請美術(shù)做一套也不為過）其他部分都可以多用自己的攝影作品，尤其在截圖上，可以多利 用利用 Photoshop 內(nèi)建的文字工具在截圖上方加入一段「產(chǎn)品特色」文字（你可以做一套英文版來通用全球，再做一套供國內(nèi)使用，繁體與簡體轉(zhuǎn)換容易，臺灣與香港的付費習(xí)慣更 好，應(yīng)該值得你再做一套繁體版的上架臺灣與香港，本地化對收入總會有幫助的）
筆者在 Photoshop 上做圖標時，其實跟紙上作業(yè)差不多，通常一個應(yīng)用筆者會做出十個以上的不同圖標（完全不同）然后讓朋友（建議多找非專業(yè)人士來挑選，因為你的應(yīng)用要賣的對 象是一般群眾，要找受眾面最廣的族群來幫你挑選圖標最好）而且筆者通常會把圖標列印出來，貼在辦公室的白板上同時觀看，這樣更容易選出最適當(dāng)?shù)膱D標，雖然 花了幾張 A4 紙與墨水，但如果這樣能讓應(yīng)用有更多的收入，那應(yīng)該是非常值得的，這是國內(nèi)外許多專業(yè)美術(shù)工作的必要流程，筆者已經(jīng)習(xí)慣這樣去做，傳統(tǒng)的觀念有時候真的很 好，學(xué)生時代累積的基礎(chǔ)或在大公司工作的經(jīng)驗總是不錯的（小公司學(xué)經(jīng)驗，大公司學(xué)制度）
延伸—Step 3
最后，如 果你對你的應(yīng)用一開始就有高度期望或計劃，除了送審用的圖標外，如果事先跟請美術(shù)制作高清（可供印刷用的圖片）或直接以 AI/EPS 向量圖檔來制作，通常外包美術(shù)都會樂意的（尤其 iOS7 之后，圖標的風(fēng)個趨向簡約，這時候用 AI 及 EPS 向量格式來制作是最適合的，可以改用 Illustrator 來制作圖標）另外，設(shè)計好的圖標可以延伸用在（客戶服務(wù)＆支援網(wǎng)站）的設(shè)計，也可以用來運用在給國內(nèi)外各大推廣渠道的廣告 Banner 制作之上，甚至可以印在名片上使用（即使一人開發(fā)，也可以當(dāng)成公司或工作室來經(jīng)營）
學(xué)習(xí)應(yīng)用的 ICON/UI/UX 等美術(shù)設(shè)計別無他法，買書自學(xué)摸熟功能，接下來就靠自己慢慢從練習(xí)中體會，過程跟學(xué)寫代碼很類似，都要下苦心砸時間，但學(xué)習(xí)美術(shù)更需要「體會」與「感覺」 要花些時間去體會「美」是什么，如果有心想自學(xué)美術(shù)，成為「同時會美術(shù)也會程序的通才」那么多去類似很多人都知道的「500px.com」或 「behance.net」等優(yōu)秀網(wǎng)站去觀摩別人的攝影與圖像作品對你會有幫助。
高度——Step 4
攝影是培養(yǎng)美學(xué)的重要關(guān)鍵（尤其對于多數(shù)程序員比較缺乏的手繪技能來說，攝影圖片能有效地輔助你作為應(yīng)用開發(fā)時的美術(shù)資源之一）運用攝影圖片來當(dāng)成你的 UI 或圖標的方式也是一種表現(xiàn)風(fēng)格，妥善運用攝影圖片在你的應(yīng)用截圖或圖標也是很好的。
學(xué)攝影可以培養(yǎng)美感，培養(yǎng)對「美」的眼光與「鑒賞力」可以「有效」且「精準」的知道什么叫做「合格」的美術(shù)成品，這樣可以減少很多不必要的美術(shù)修改 費用，更可以盡量避免「槍斃」你的美術(shù)伙伴與作品，對美術(shù)的「鑒賞力」可以降低美術(shù)的費用支出，提高項目的開發(fā)進度，你不一定得會「畫圖」但一定要有足夠 的「鑒賞力」
總結(jié)：要獨立做好應(yīng)用開發(fā)所需的美術(shù)設(shè)計，買書摸熟 Photoshop（或其他你想用到的 2D 或 3D 軟件）接著大量觀摩別人作品的方式來「從生活中培養(yǎng)你對美學(xué)的鑒賞力」然后藉由攝影與其他方式來將素材運用到開發(fā)作品中，如此能讓你更容易做出吸引用戶下載的優(yōu)秀應(yīng)用。
本文與配圖皆為 APOP 原創(chuàng)（版權(quán)所有）。
