巧用四招设计美学来绘制最美移动APP

下面四招设计技巧适合刚毕业的设计师来阅读。有一点的辅助作用!

1411384717551773

第一招:想一个美的移动APP概念

一个合格精致的APP图标(ICON)绝对不是单纯的追求视觉上的漂亮美观,而是「重视美学理念」能不能找出这个应用(产品)的核心功能, 让用户第一眼就知道「这是做什么的」再来能不能涵盖品牌精神,涵盖团队的梦想,涵盖产品想追求的高度(获利)等视角也是延伸的学问之一,在习惯用电脑作业 的时代,依然有许多专业美术人员在设计图标时会选择先把 MAC 关闭(当然包括 Photoshop 等绘图软件)然后拿出常用的笔记簿,在上面记载各种密密麻麻的想法,其中有愚蠢的想法,有可爱的想法,有大胆的想法,有天马行空的想法,也有「眼光独具」 的最佳创意,笔者的习惯是先在纸上用铅笔画出几十个图标,直到有一个「感觉对了」才会上电脑进 Photoshop 去执行。

扩展:专业图片处理软件最美APP PixlrExpress新版介绍

 

第二招:设计实践和设计构图

在纸上作业中想出了一个好的构图或点子之后,接着就可以打开 Photoshop,然后把刚刚在纸上绘制的图标草图去用各种方式构成,这时光一个素材的选择就可以有几十种不同的表现手法,例如摄影图片,手绘插图(涂 鸦式)电脑绘图等等(还不含 2D 或 3D 的表现形式)所以要如何「表现」就是第二阶段(上电脑)后的核心工作。

移动web设计草图

笔者相信多数个人开发者在做美术的时候都会不知道怎么开始,因为不会画图,所以很多人只能拿些现成的素材到 Photoshop 中试图拼凑,但能够做出原创的美术资源总是比较好的,如果不会美术,不会画图,那建议你可以多往「摄影」方面去着眼,因为「拍照」是取得素材的最佳方式之 一。

一般制作应用所需的小 ICON(例如 UI 的功能钮或选单钮之类)都有基本或通用的 PS 文件可以套用(这部分的通用图标有很多,常用的其实就那几种,即使外包请美术做一套也不为过)其他部分都可以多用自己的摄影作品,尤其在截图上,可以多利 用利用 Photoshop 内建的文字工具在截图上方加入一段「产品特色」文字(你可以做一套英文版来通用全球,再做一套供国内使用,繁体与简体转换容易,台湾与香港的付费习惯更 好,应该值得你再做一套繁体版的上架台湾与香港,本地化对收入总会有帮助的)

笔者在 Photoshop 上做图标时,其实跟纸上作业差不多,通常一个应用笔者会做出十个以上的不同图标(完全不同)然后让朋友(建议多找非专业人士来挑选,因为你的应用要卖的对 象是一般群众,要找受众面最广的族群来帮你挑选图标最好)而且笔者通常会把图标列印出来,贴在办公室的白板上同时观看,这样更容易选出最适当的图标,虽然 花了几张 A4 纸与墨水,但如果这样能让应用有更多的收入,那应该是非常值得的,这是国内外许多专业美术工作的必要流程,笔者已经习惯这样去做,传统的观念有时候真的很 好,学生时代累积的基础或在大公司工作的经验总是不错的(小公司学经验,大公司学制度)

完整的APP设计案例欣赏:一款简单而最有爱的番茄工作法APP-duha

 

第三招:学会延伸和扩展

最后,如 果你对你的应用一开始就有高度期望或计划,除了送审用的图标外,如果事先跟请美术制作高清(可供印刷用的图片)或直接以 AI/EPS 向量图档来制作,通常外包美术都会乐意的(尤其 iOS7 之后,图标的风个趋向简约,这时候用 AI 及 EPS 向量格式来制作是最适合的,可以改用 Illustrator 来制作图标)另外,设计好的图标可以延伸用在(客户服务&支援网站)的设计,也可以用来运用在给国内外各大推广渠道的广告 Banner 制作之上,甚至可以印在名片上使用(即使一人开发,也可以当成公司或工作室来经营)

APP设计立体效果图

学习应用的 ICON/UI/UX 等美术设计别无他法,买书自学摸熟功能,接下来就靠自己慢慢从练习中体会,过程跟学写代码很类似,都要下苦心砸时间,但学习美术更需要「体会」与「感觉」 要花些时间去体会「美」是什么,如果有心想自学美术,成为「同时会美术也会程序的通才」那么多去类似很多人都知道的「500px.com」或 「behance.net」等优秀网站去观摩别人的摄影与图像作品对你会有帮助。

 

第四招:培养自己的美学高度

摄影是培养美学的重要关键(尤其对于多数程序员比较缺乏的手绘技能来说,摄影图片能有效地辅助你作为应用开发时的美术资源之一)运用摄影图片来当成你的 UI 或图标的方式也是一种表现风格,妥善运用摄影图片在你的应用截图或图标也是很好的。

扁平化设计原则

学摄影可以培养美感,培养对「美」的眼光与「鉴赏力」可以「有效」且「精准」的知道什么叫做「合格」的美术成品,这样可以减少很多不必要的美术修改 费用,更可以尽量避免「枪毙」你的美术伙伴与作品,对美术的「鉴赏力」可以降低美术的费用支出,提高项目的开发进度,你不一定得会「画图」但一定要有足够 的「鉴赏力」

3

总结:要独立做好应用开发所需的美术设计,买书摸熟 Photoshop(或其他你想用到的 2D 或 3D 软件)接着大量观摩别人作品的方式来「从生活中培养你对美学的鉴赏力」然后藉由摄影与其他方式来将素材运用到开发作品中,如此能让你更容易做出吸引用户下载的优秀应用。

每天更新,
全站高品质素材免费下载!