设计师必读：应用开发的美学之道

设计文章 / 视觉设计, 设计思想 | 2014-08-05 | 来源:产品中国 | 发布者: mobileui

如何为应用开发做出好的美术设计，除了摸熟 Photoshop 以外，还需了解一下一下四个步骤。

拜现今软件进步所赐，路上的小学生都知道 PS 大神是什么(小朋友说：PS 就是可以把我的照片变漂亮的东西)所以理所当然，很多人都把「会操作 Photoshop」等于「会美术设计」给划上等号，以下提供笔者多年在中港台与日本等地从事美术相关发包经验中的见解，提供各位对应用美术有兴趣的朋友们参考。

概念——Step 1

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

实践——Step 2

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

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

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

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

延伸—Step 3

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

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