关于线性Icon的经验总结

到目前为止,设计Icon大约有一年半了,另外我不喜欢分享那些比较抽象的规章制度,只想和大家分享一下自己一点儿学习思路和经验。当初开始设计一些线性icon的时候,主要是吸取别人的经验来获得一些灵感,例如:Justas Galaburda、Matt Yow、 Rocky Roark、 Adam Whitcroft 和 Ryan Putnam等这些人,他们给我留下来非常宝贵的经验。

当时还在一个与燃气锅炉相关的公司担任平面设计师以及插画师,在那里我极力的发挥自己的聪明才智,有一次我需要设计一个小的宣传册子,在页面中我希望能很明显的显示与画报相关的想法,下面是我的一些尝试:



刚开始时,我的想法只是像其他的设计师都会这样做的时候:少即是多,有些有丰富的细节,但是这还是不够,线条太多,另外在平面印刷中似乎没有多大的关系,觉得还有很多有待完善的空间。

第二次尝试是来到现在的老板 Roy & Co所在的公司,有人询问我能否创造一些独特的、大胆新颖与品牌相关的icon,我其实在以前就考虑过这么做:少即是多,干净简洁。这是我当时的一个设计理念。




创建的这一套icon,整体风格是非常美观以及蛮有趣的,它们彼此之间都有特点,有保持整体上风格一致性。相对于如今千篇一律的icon,我相信之前比较少有人这样做。

在那之后有人问我在网站的有些地方能够根据不同的环境需要有几个不同尺寸的icon,另外它们依然保持干净的、简洁明快的、有时尚感。于是我设定了一个“30px测试”的模式。

这个模式是比较简单的,就是将icon放置在(30X30)px的边框之内,以确保这些icon在缩放到比较小的情况下,依然被有效的使用。然后就设计了很多icon(有门票、开关、dj等),并将已经画好的icon放到这个长宽30px的矩形中,就这一点帮助了我很多,相信很多的设计师都在这么做吧!




对于与品牌相关的icon,就是创建一套类似的主题icon,在 Roy & Co的要求下为公司创建了这4个icon,主要用在大型的媒体宣传和平面上以及网站上,我也将自己所有能用到的知识技能用到了这个项目上,我自己在这个阶段的总结就是:少即是多、保持一致性、简洁、明快、有时尚感、坚持一两个视觉焦点。

后来发现依然还有很大的改善空间,它们需要更多的细节,但是又不要太多,又希望强调和复杂的作用。希望能使得公司的形象有所提升,但又不会显得那么的“强势”。我决定要打破之前的规则,因为必须添加更多的细节。于是,经过深思熟虑和设计思考,这里是最后设计的版本。




最后要强调的是,在PS中设计好一个icon之后,千万不要栅格化,一定要保存为矢量的或者是智能对象。这将会保持icon在不同的应用场景中的清晰和可识别性。

经历了这些阶段的学习,我已经学会了一个线性icon需要具备的基本要求:干净、简洁,不要想的太复杂,学会根据场景灵活应变,不断的思考它们的改善空间,这个思路很关键。



目前阶段自己也还没有形成自己的风格,只能在独自摸索中前进,但是最基本的就是不断提高自己在软件上的技能。

在三月份我做了一套专门为较小场景中用到的icon,在最大范围内保持着简洁,以及看起来非常人性化并易于理解的。这里是网址:http://sliceui.com/minimalistic-icons



另外在六月份的一家澳大利亚的服务器商需要设计一些icon,对于新鲜的场景新的icon这又将会是一些挑战,努力的探索不同的设计影响。



作者:Matt Cooper

https://medium.com/@MatthewCooperUK/line-icon-design-what-ive-learnt-so-far-2a2b06733338#.d3jry1lmk

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,911评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,014评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,129评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,283评论 1 264
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,159评论 4 357
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,161评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,565评论 3 382
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,251评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,531评论 1 292
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,619评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,383评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,255评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,624评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,916评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,199评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,553评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,756评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,085评论 25 707
  • Day 8,9:回家 从观景台下来,到木里参观完木里寺已经是下午三点了,6点开车到盐源,9点到西昌,住了一晚。第二...
    罗兹阅读 228评论 0 0
  • 西瓜原产于非洲,相传五代时经“丝绸之路”传人我国故称“西瓜”,又称为:寒瓜、夏瓜、水瓜。 西瓜的营养价值 西瓜含水...
    薛教瘦阅读 537评论 3 5
  • 虽然自己还是未成熟的年纪,但是却被发传单的小孩喊了很多次的“阿姨”,每当这个时候我就会自嘲:“我大概是长得显老吧!...
    嵘嵘嵘嵘嵘嬷嬷阅读 428评论 1 2