详细解析如何轻松打造iOS7风格图标

2016-02-16 23:39 2 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的详细解析如何轻松打造iOS7风格图标,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - 平面设计 】

随着近年来iOS7的发布,很多网站和APP都忙于改头换面,来适配这套全新的扁平纤细的iOS设计风格。设计好图标是件棘手的事情,尤其当你要设计一整套时,而设计线条式图标本身又是另一项挑战。

下面,我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标。

目标是什么?

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

凡事分轻重缓急,你设计的图标或图标集是用于你的APP吗(这里的APP也指网站)?对于这部指南来说,都无所谓。因为无论如何你都应当遵循下面这些步骤。既然对这一点明确无疑,我们来关注首要任务研究。

研究别人是怎么做的

研究是一项需要预先完成的基本任务。这很明显,也相对沉闷,你的每项工作都应该从研究开始。不过,在图标设计中,还有些特别的东西需要了解。

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

首先,看看别人怎么做。有助于了解当下潮流趋势,还有相关的设计守则。最重要的是,这能给你灵感!观察各种神奇的图标作品能助你发现其中的创意闪光,当你准备画手稿时,就能产生好点子。

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

既然这个指南是针对iOS7的,研究苹果的做法也不失为一个好主意。观察它的图标,无论是主屏图标(比如信息),还是app中的图标(比如时钟应用中的)。看看苹果的iOS7设计准则,你就知道他们建议你怎么做。

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

着手画点什么

既然你已经充分了解别人的做法,也深受启发,是时候将你的想法付诸于纸上了。在创作过程中,手稿也是一项基本步骤,因为它让你仔细思考各个创意,使大脑快速进行头脑风暴产生新想法。当你画了一些简单的手稿,并将它们都罗列在眼前,正确的方向立刻就显现出来。

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

手绘草稿最关键的一点,不求数量多,而是要多样化。你画了上百个相同的东西一点用也没有。如果你有三个不同概念,那就有用和深刻得多。只要你保持手绘稿千变万化,就会有好结果。广泛收集灵感有助于找到合适类型的图标,并确定应该朝哪个方向前进。除此之外,看看这些各式各样的草稿,能帮你更容易找出残次品。当你无法确定正确方向,却能肯定其中哪些不会再深入下去时,这个办法相当于管用。

绘制实际图标

我可以肯定,在完成了这些手绘稿之后,你或你的团队已经有所偏好了。无论你选出了其中具体某一个,还是几个不同方案来竞争,该把它们绘制出来了。首先要建立你的栅格系统。如果是创建主屏图标,那你应该遵循苹果提供的新iOS7设计准则。这类PSD模版网上随处可见。

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

我的建议是尽你所能把这些不同图标都应用于栅格系统,不过先用常规做法来绘制图标。以后再回来修改细节和做统一化处理,反正你收工前还得再做调整。对我而言这很有效。全部绘制完成后,回头来确保它们都吻合栅格,并具有统一的风格比如它们采用尖角还是圆角?同时,你也希望确认这个图标是否符合整体设计的风格,图标与app搭配吗?主屏图标能体现app的设计吗?

修饰图标

对于iOS7风格图标设计,我有几句话说。我知道iOS7提倡纤细线条的图标设计。但这也不是必须的,尤其对于主屏图标来说。不采用细线条,而采用饱满图形的大有人在,但它们和iOS7的整体风格也相当吻合。我不觉得细线条是唯一准则,你不用也没问题,尤其当你的产品设计不适合甚至根本就不采用它们时。别管它就好。

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

详细解析如何轻松打造iOS7风格图标,PS教程,图老师教程网

结论

创作iOS7图标不是什么难事。就此而言,我设计它们时,就像做其他类型的设计和图标一样。关于iOS7最重要的一方面就是风格,循着苹果的脚步,你也能轻松做到。关于这套新设计风格,有一点值得一提:为iOS7设计比拟物化设计要容易多了。

来源:http://www.tulaoshi.com/n/20160216/1576488.html

延伸阅读
ios7如何设置铃声?   ios7设置导入铃声方法分享: 1.首先请点击打开iPhone主屏上的设置应用,如图所示。 2.在设置列表中找到声音选项,点击进入,如图所示。 3.在声音设置中,这里以设置电话铃声为例,点击电话铃声选项进入,如图所示。 4.随后即可看到全新的 iOS7 电话铃声了,如图所示。 5....
iOS7版iPhone如何防盗 iPhone手机一直是小偷最钟爱的,所以经常会遇到被偷被抢的情况。这时候如果你想要找回自己的 iPhone,就需要提前做好防盗的准备,打开相应的服务并设置好密码锁定,通过iPhone的特征代码,在运营商和警方的帮助下,定位iPhone所在位置,大大提升找回的可能性。也提醒各位iPhone用户,新机一定要按照下面进行设置,...
如果你已经有一个运行于此平台的App,你可能打算为新iOS而设计,或者在旧版上做一些必要调整,不论哪种,你都希望为新界面而设计,确保你的App与用户在苹果设备上的体验相吻合。 那么如何做到这点?扁平,更加扁平 苹果的iOS7秉承着扁平的设计理念,尽管它不是完全的扁平化,那么就秉着较扁平来规划设计你APP或移动站点。 所有的那些曾经...
标签: iphone 手机软件
历代的 iOS 都有着一个不变的设计就是红红的角标,每当该个 App 有通知,例如是更新,未接来电,邮件,新回复等等。都会以一个数字去表示当中有多少个通知。某程度上,通知越多,整个主屏幕也是红色的一圆圆,的确是挺碍眼的。有些人会想尽办法去消除所有的通知,有些人会尝试隐藏它们。 不知道大家有没有想过将它们每一个都与该 Ap...
标签: PS PS基础
这次的PS翻译教程中,将和大家一起学习如果使用使用Photoshop创建iOS7风格的简易倒数计时器。对于平面设计来说,吸引网友眼球非常重要。目前,Apple iOS7操作系统带领了新的扁平化设计潮流。如今,iOS7已经正式发布,我们一起来学习这种设计风格吧。 下面先看看iOS7风格的倒数计时器最终效果图吧。 图00 Step 1 打开Photoshop,新建画布...

经验教程

246

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部