程序员人生 网站导航

应用开发的美学之道

栏目:程序员人生规划时间:2014-09-22 08:00:01

  拜现今软件进步所赐,路上的小学生都知道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」等优秀网站去观摩别人的摄影与图像作品对你会有帮助。

  高度——Step4

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

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

  总结

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

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐