應用開發的美學之道

作者: LeonHK 來源: 極客公園發布時間: 2014-07-31 23:29 閱讀: 2539 次推薦: 3 原文鏈接 [收藏]

　　拜現今軟件進步所賜，路上的小學生都知道PS大神是什么（小朋友說：PS就是可以把我的照片變漂亮的東西）所以理所當然，很多人都把「會操作Photoshop」等于「會美術設計」給劃上等號，以下提供筆者多年在中港臺與日本等地從事美術相關發包經驗中的見解，提供各位對應用美術有興趣的朋友們參考。

　　概念——Step1

　　一個合格（并容易受到用戶青睞的）圖標（ICON）絕對不是單純的追求視覺上的漂亮美觀，而是「重視理念」能不能找出這個應用（產品）的核心功能，讓用戶第一眼就知道「這是做什么的」再來能不能涵蓋品牌精神，涵蓋團隊的夢想，涵蓋產品想追求的高度（獲利）等視角也是延伸的學問之一，在習慣用電腦作業的時代，依然有許多專業美術人員在設計圖標時會選擇先把MAC關閉（當然包括Photoshop等繪圖軟件）然后拿出常用的筆記簿，在上面記載各種密密麻麻的想法，其中有愚蠢的想法，有可愛的想法，有大膽的想法，有天馬行空的想法，也有「眼光獨具」的最佳創意，筆者的習慣是先在紙上用鉛筆畫出幾十個圖標，直到有一個「感覺對了」才會上電腦進Photoshop去執行。

　　實踐——Step2

　　在紙上作業中想出了一個好的構圖或點子之后，接著就可以打開Photoshop，然后把剛剛在紙上繪制的圖標草圖去用各種方式構成，這時光一個素材的選擇就可以有幾十種不同的表現手法，例如攝影圖片，手繪插圖（涂鴉式）電腦繪圖等等（還不含2D或3D的表現形式）所以要如何「表現」就是第二階段（上電腦）后的核心工作。

　　筆者相信多數個人開發者在做美術的時候都會不知道怎么開始，因為不會畫圖，所以很多人只能拿些現成的素材到Photoshop中試圖拼湊，但能夠做出原創的美術資源總是比較好的，如果不會美術，不會畫圖，那建議你可以多往「攝影」方面去著眼，因為「拍照」是取得素材的最佳方式之一。

　　一般制作應用所需的小ICON（例如UI的功能鈕或選單鈕之類）都有基本或通用的PS文件可以套用（這部分的通用圖標有很多，常用的其實就那幾種，即使外包請美術做一套也不為過）其他部分都可以多用自己的攝影作品，尤其在截圖上，可以多利用利用Photoshop內建的文字工具在截圖上方加入一段「產品特色」文字（你可以做一套英文版來通用全球，再做一套供國內使用，繁體與簡體轉換容易，臺灣與香港的付費習慣更好，應該值得你再做一套繁體版的上架臺灣與香港，本地化對收入總會有幫助的）

　　筆者在Photoshop上做圖標時，其實跟紙上作業差不多，通常一個應用筆者會做出十個以上的不同圖標（完全不同）然后讓朋友（建議多找非專業人士來挑選，因為你的應用要賣的對象是一般群眾，要找受眾面最廣的族群來幫你挑選圖標最好）而且筆者通常會把圖標列印出來，貼在辦公室的白板上同時觀看，這樣更容易選出最適當的圖標，雖然花了幾張A4紙與墨水，但如果這樣能讓應用有更多的收入，那應該是非常值得的，這是國內外許多專業美術工作的必要流程，筆者已經習慣這樣去做，傳統的觀念有時候真的很好，學生時代累積的基礎或在大公司工作的經驗總是不錯的（小公司學經驗，大公司學制度）

　　延伸—Step3

　　最后，如果你對你的應用一開始就有高度期望或計劃，除了送審用的圖標外，如果事先跟請美術制作高清（可供印刷用的圖片）或直接以AI/EPS向量圖檔來制作，通常外包美術都會樂意的（尤其iOS7之后，圖標的風個趨向簡約，這時候用AI及EPS向量格式來制作是最適合的，可以改用Illustrator來制作圖標）另外，設計好的圖標可以延伸用在（客戶服務＆支援網站）的設計，也可以用來運用在給國內外各大推廣渠道的廣告Banner制作之上，甚至可以印在名片上使用（即使一人開發，也可以當成公司或工作室來經營）

　　學習應用的ICON/UI/UX等美術設計別無他法，買書自學摸熟功能，接下來就靠自己慢慢從練習中體會，過程跟學寫代碼很類似，都要下苦心砸時間，但學習美術更需要「體會」與「感覺」要花些時間去體會「美」是什么，如果有心想自學美術，成為「同時會美術也會程序的通才」那么多去類似很多人都知道的「500px.com」或「behance.net」等優秀網站去觀摩別人的攝影與圖像作品對你會有幫助。