432 ios7风格图标设计思路.ppt

第四章：IOS系统界面设计 4.3.2 IOS7风格图标设计思路 随着近年来iOS7的发布，很多网站和APP都忙于改头换面，来适配这套全新的扁平纤细的iOS设计风格。设计好UI图标是件棘手的事情，尤其当你要设计一整套时，而UI设计线条式图标本身又是另一项挑战。 目标是什么？ 凡事分轻重缓急，你设计的图标或图标集是用于你的APP吗（这里的APP也指网站）？对于这部指南来说，都无所谓。因为无论如何你都应当遵循下面这些步骤。既然对这一点明确无疑，我们来关注首要任务——研究。 研究别人是怎么做的 研究是一项需要预先完成的基本任务。这很明显，也相对沉闷，你的每项工作都应该从研究开始。不过，在图标设计中，还有些特别的东西需要了解。 首先，看看别人怎么做。有助于了解当下潮流趋势，还有相关的设计守则。最重要的是，这能给你灵感！观察各种神奇的图标作品能助你发现其中的创意闪光，当你准备画手稿时，就能产生好点子。 既然这个指南是针对iOS7的，研究苹果的做法也不失为一个好主意。观察它的图标，无论是主屏图标（比如信息），还是app中的图标（比如时钟应用中的）。看看苹果的iOS7设计准则，你就知道他们建议你怎么做。 着手画点什么 既然你已经充分了解别人的做法，也深受启发，是时候将你的想法付诸于纸上了。在创作过程中，手稿也是一项基本步骤，因为它让你仔细思考各个创意，使大脑快速进行头脑风暴产生新想法。当你画了一些简单的手稿，并将它们都罗列在眼前，正确的方向立刻就显现出来。 绘制实际图标 我可以肯定，在完成了这些手绘稿之后，你或你的团队已经有所偏好了。无论你选出了其中具体某一个，还是几个不同方案来竞争，该把它们绘制出来了。首先要建立你的栅格系统。如果是创建主屏图标，那你应该遵循苹果提供的新iOS7设计准则。这类PSD模版网上随处可见。 修饰图标 对于iOS7风格图标设计，我知道iOS7提倡纤细线条的图标设计。但这也不是必须的，尤其对于主屏图标来说。不采用细线条，而采用饱满图形的大有人在，但它们和iOS7的整体风格也相当吻合。细线条不是唯一准则，尤其当你的产品设计不适合甚至根本就不采用它们时也没问题。 结论 创作iOS7图标不是什么难事。就此而言，我设计它们时，就像做其他类型的UI设计和图标一样。关于iOS7最重要的一方面就是风格，循着苹果的脚步，你也能轻松做到。关于这套新UI设计风格，有一点值得一提：为iOS7设计比拟物化设计要容易多了。