分享
 
 
 

分享设计线性图标的个人经验

王朝学院·作者佚名  2016-08-29
窄屏简体版  字體: |||超大  

这是篇经验之谈

一年半以前我开始了图标设计之路。不过这里我并不想讲那些无聊的条条框框,仅仅是萃取这条路上的个人所得以及沿途风景的点滴精华,以飨各位读者。:)

菜鸟时期

我刚开始接触线性图标设计的时候,为汲取灵感参考了这些大师的作品:JustasGalaburda, Matt Yow, Rocky Roark, Adam Whitcroft, Ryan Putnam,云云。他们的杰作予人以深刻启发。

那会儿我在一家燃气锅炉公司任平面设计师、插画师,同时承包一切需要高大上设计的活计。在设计面向潜在客户的宣传册时,我想到要用图标来标显重点。以下是EVLB图标集,是我在线性图标设计领域的初次正式亮相。

领悟

同其他多数设计师一样,我逐渐开始认识到少即多的道理。我发现图标的细节虽然考究却有过剩之嫌,线条亦失之冗杂。这样的图标印刷效果可能很赞,但我认为它们还有待改进,视觉一致性和传播媒介的兼容性还可以提升。

“少即多”

我的第二个重要作品是在跳槽到Roy & Co(我的现任雇主)之后诞生的。那时候我接到了一项任务,要给一家坐落在南约克郡的新兴再抵押公司设计一套专属的粗线型图标。在构思的过程当中我回顾了之前思考的内容,不断提醒自己“少即多,简洁明快是真理。”以下是我的初稿:

这些图标都是由一条连续的线构成的。线宽为6像素

这里展示了线性图标在网页设计中的应用

综览这套线性图标的整体效果,既能让人赏心悦目,又给设计者带来创造和应用的乐趣。它们这种由单条线一气呵成的样式独树一帜,相信在过去都鲜有同例。我在日后的其他任务中也用到了它。

音乐图标集

我曾经受到英国一家大型票务公司的委托,给预备翻新的网站设计不同栏目的图标。起初只有八个,但是后来,你猜怎么着?越做越多根本停不下来,最后交工时我居然弄出了完整的一套图标。

不过话说回来,这是个非常棘手的活,因为要确保图标无论是小尺寸还是大尺寸都能出效果。令它们在简洁明快、富有现代感的同时不会因缩小尺寸而打折扣。为此我自创了一个简单的小测试——30像素测试。

30像素测试

所谓30像素测试其实非常简单,就是检测这些图标在30×30像素的方框里效果如何。这是确保其缩小后还能保持效果的行之有效的办法。给网站各栏目(音乐节、票务、DJ)设计的图标统统轮廓化后置入30×30像素的方框里观察。这个方法帮了我大忙,有些图标经得起考验,有些就不行。这是许多设计师会学到或者已经明白的一点。

30像素测试示例

我的音乐图标集

品牌图标的探索与设计

所谓品牌图标,顾名思义,就是为某品牌而设计的主题性图标。我曾奉BOSS之命为Roy & Co设计四款品牌图标。它们将以中到大的尺寸形式出现在新网站上,同时用在宣传资料中。我得牢记这些要点。

我发挥学以致用的精神,意图将自己学到的新技能贯彻到这项任务中去。目前为止我的收获是:少即多,保持一致性,描边只用1或2像素,图标风格简洁明快富有现代感。这就是设计法则…或者说我认为如此。

打破自我成规,善莫大焉

(通过检验)我发现目前的作品缺乏力度,它们需要更多细节,但同时要把握一个度,以免复杂到挑战忍耐极限的地步。得让它们在突显Roy & Co的品牌形象的同时不会太过突兀。思来想去我决定打破我的一个规则,多添点细节。历经反复斟酌修改的历程,完成稿终于出炉了:

为Roy & Co设计的全部图标

Roy &Co品牌图标的细节与应用效果

谨记

PS文档里置入图标时栅格化是很不可取的做法。确保图标在Illustrator里存的是SVG格式,或至少保证它在PS里是矢量智能对象。这有助于保持图标质量,使它在网页上看起来美观而清爽。

我的近期成果

在过去的这18个月里我在图标设计领域收获良多。不仅学会在线性图标设计中贯彻简洁清爽的风格,避免过度设计,还学会了顺其自然,明白了天道酬勤的道理…

免费的线性图标合集。来源于DesignRazzi

其实设计并没有什么一定之规,你只需顺应心性,边走边学,最重要的是持之以恒地自我修炼,努力成为更好的平面设计师或插画师。

我的其他线性图标作品

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有