巧用四招設計美學來繪制最美移動APP

下面四招設計技巧適合剛畢業(yè)的設計師來閱讀。有一點的輔助作用!

1411384717551773

第一招:想一個美的移動APP概念

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

擴展:專業(yè)圖片處理軟件最美APP PixlrExpress新版介紹

 

第二招:設計實踐和設計構圖

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

移動web設計草圖

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

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

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

完整的APP設計案例欣賞:一款簡單而最有愛的番茄工作法APP-duha

 

第三招:學會延伸和擴展

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

APP設計立體效果圖

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

 

第四招:培養(yǎng)自己的美學高度

攝影是培養(yǎng)美學的重要關鍵(尤其對于多數(shù)程序員比較缺乏的手繪技能來說,攝影圖片能有效地輔助你作為應用開發(fā)時的美術資源之一)運用攝影圖片來當成你的 UI 或圖標的方式也是一種表現(xiàn)風格,妥善運用攝影圖片在你的應用截圖或圖標也是很好的。

扁平化設計原則

學攝影可以培養(yǎng)美感,培養(yǎng)對「美」的眼光與「鑒賞力」可以「有效」且「精準」的知道什么叫做「合格」的美術成品,這樣可以減少很多不必要的美術修改 費用,更可以盡量避免「槍斃」你的美術伙伴與作品,對美術的「鑒賞力」可以降低美術的費用支出,提高項目的開發(fā)進度,你不一定得會「畫圖」但一定要有足夠 的「鑒賞力」

3

總結:要獨立做好應用開發(fā)所需的美術設計,買書摸熟 Photoshop(或其他你想用到的 2D 或 3D 軟件)接著大量觀摩別人作品的方式來「從生活中培養(yǎng)你對美學的鑒賞力」然后藉由攝影與其他方式來將素材運用到開發(fā)作品中,如此能讓你更容易做出吸引用戶下載的優(yōu)秀應用。

每天更新,
全站高品質素材免費下載!