英伦电话亭图标绘制教程解析及浅谈应用图标的设计发展趋势

标签: 视觉设计 | 发表时间:2012-12-20 15:43 | 作者:Alien Xi
出处:http://ued.sina.com.cn

一,图标绘制教程解析

画图标也才是一年前开始,一开始是看到各种大神级人物画的图标十分震撼,但不知从和开始学习绘制icon,在这里我介绍一下我自己的学习路程。可以多看看绘制图标的教程,主要是学习别人绘制过程中质感的表现手法,但这里我不建议照着教程写的步骤一步一步做,毕竟那些参数设置什么的很受局限,一旦变化大小或场景,那些数值就没有多大作用了,可以在理解了教程之后用自己熟悉和熟练的方法去完成一样的效果表现。

挑一个自己喜欢,又不会高出自己能力范围太多的图标开始临摹,学习的不仅仅是人家质感的表现,颜色的搭配,更要学习人家在绘制图标前对图标内容的合理规整,细节的删减,质感表现,由整体到局部,局部到整体的拿捏尺度。

注:教程中的图标并非原创,只是借图标临摹写写绘制中的方法和心得

这个是无意看到的电话亭的图标,很喜欢,但图片品质太低,很多细节看不清很模糊。

1.首先,临摹前先分析图标的整体造型,电话亭按比例划分为三段,因此在绘制时就可以划分为三块来绘制,只要保持好统一的色值和质感就行。

2.刚开始区分模块的时候不要去看图标的细节,从整体下手,用矩形工具将大的形和色块快速勾勒出来.

3.划分好之后,再单独绘制每个区域的细节



组合各个元素进行微调即可,主要调整明暗关系,拉开元素之间的前后关系,调整色彩的统一性。

4.绘制好各个分块之后,整合所有元素,调整整体的高光,阴影及色调,再搭配背景,让你的图标更出彩~

当然每个设计师做icon的习惯都是不一样的,这只是我做icon时的一些心得

二icon设计发展趋势

图标的含义作用什么的自己搜索一下就知道了,这里我就只分析一下自己对icon设计发展趋势看法

纵观现在的图标的风格大可分为三类:

1 简约派图标
去掉复杂的图形结构,去掉写实质感,用最简单的图形加上少量的高光质感就能表达出图标的含义,当然用有限的形状来满足设计需求,这个对设计师来说是很高的挑战。 简约派图标里又分2类,一类是单形图标

另一类是着重凸显品牌的启动应用图标,这类图标仅用少量的质感,加上品牌logo,在视觉传达上给用户一种十足的品质感Facebook path 等

2 超写实图标
不管是桌面设备还是手持设备,dpi逐步变高,高像素的图标变得必不可少,现在已经很少有人关心像素是不是对齐,小尺寸是否微调,甚至用3d软件制作图标的情况越来越多了。 但不得不说这些超写实图标看着实在让人惊艳

3 插画类图标
不知从何起,icon大走卖萌插画风格 这类图标将属性夸张,拟人化。这类图标一般识别度不高,但作为主题来说很不错。

相关 [英伦 电话亭 图标] 推荐:

英伦电话亭图标绘制教程解析及浅谈应用图标的设计发展趋势

- - 新浪UED
画图标也才是一年前开始,一开始是看到各种大神级人物画的图标十分震撼,但不知从和开始学习绘制icon,在这里我介绍一下我自己的学习路程. 可以多看看绘制图标的教程,主要是学习别人绘制过程中质感的表现手法,但这里我不建议照着教程写的步骤一步一步做,毕竟那些参数设置什么的很受局限,一旦变化大小或场景,那些数值就没有多大作用了,可以在理解了教程之后用自己熟悉和熟练的方法去完成一样的效果表现.

蹦蹦跳跳游英伦9:看看橱窗好满足

- Vendi - 理想生活实验室
虽然一天到晚和 36 两个人“吴董”、“张董”地喊来喊去,但是其实并不是富豪的小跳到了英国,瞬间就被商店里的好东西打败了. 漂亮的好东西就算是买不起,隔着橱窗瞄着货架看看也不错嘛. 在第一篇“蹦蹦跳跳游英伦”时小跳就说过,逛商店将会单独成篇,这不,就带大家一起来看一看. ▲集市上的花摊,卖花的在英国真实太多见了,回到国内以后就觉得街头毫无色彩啊.

演绎经典英伦风味—源于英国的glo London登陆上海

- EG - 赏味美酒杂志
glo London 2003年成立于英国伦敦,广受好评,蔚为风尚,连锁餐厅相继在英国雷丁、伦敦、泰晤士河畔华尔顿开业. 由于致力于高品质美食及绝佳性价比的餐饮,glo London曾多次荣获国际风味美食及著名鸡尾酒等美誉. 为延续glo London的品牌理念,落实其美食概念和时尚风格,集团总经理Gavin White亲率其伦敦团队登陆上海滩,打造上海旗舰店.

培根烤土豆——揭秘英国人喜欢吃土豆的英伦情结

- Edwin - 恋上美食
   英国人喜欢吃土豆,他们经常把土豆当作一餐的主食,甚至有过于面包. 们北方的馒头南方的米,是绝对不能缺少的粮食. 也许你会说,好像中国人也很喜欢吃土豆的,也许咱们. 对土豆的热爱还没有英国人那么“痴狂”吧.    英国的土豆,有大有小,大的可以放满整个盘子,小的就像葡萄一般大小. 土豆皮的颜色也有黑有黄有白,但是却都非常便宜,一般一英镑,就能买一大.

84个纯CSS GUI图标

- Caiwangqin - 黑客志
Nicolas Gallagher使用纯CSS及HTML制作了84个实验性质的GUI图标,这些图标只是他尝试通过创造性的方法解决问题的习作,目前还不建议在产品环境使用它们. 你可以在这里看到所有图标的DEMO,目前支持Firefox 3.5+,Safari 5+,Chrome 5+以及Opera 10.6+.

2010 图标设计趋势

- armgod - IconMoon
天冷,人懒,事多,我就不全文翻译了. 只列几个标题,很多内容完全按照我自己的理解写了一下. 想读原汁原味的请移步:Icon design trends 2010 作者是  Denis Kortunov. 和现代女人的罩杯一样,图标也越来越大了. 原因很简单,不管是桌面设备还是手持设备,dpi逐渐变高,高像素的图标变得必不可少了.

图标:iLion IconPack Installer w7

- 十年恋一人! - 爱软
下载:mirrorcreator skydrive. Copyright ©2007-2010 爱软 | RSS订阅 | Twitter | 腾讯围脖 | 本文链接 | 添加评论 | 划拉(RSS) |. 韩国时尚花纹banner底图-2. MozillaCacheView:读取Firefox/浏览器缓存目录.

ios和ipad图标设置

- - 博客园_首页
图标是IOS程序包所必需的组成部分. 如果你没有提供程序所需的各种尺寸的图标,程序上传发布时可能会无法通过验证. IOS程序为兼顾不同的应用场景,定义了多个不同规格的图标,并以不同的命名区分. (这时默认的命名,如果你在应用的配置文件中指定了icon文件名的话,不会使用这里的icon). iPhone专用程序:.

图标之间的战争

- - 曉生語錄
当手机屏幕上装满移动时,某些应用很容易被忽略,在设计图标时不得不考虑最终的效果是否足够的抢眼,产品之间的竞争先从图标开始. 那究竟具备何种特征的图片更为突出. 做一个小实验:iPhone装7屏112个的应用程序,随机调查了10多位同事,让他们选择每屏中第一眼会注意到的图标,最终以下3个胜出:. 调研并不科学,只是初步佐证自己的想法,可能是符合以下特征:.