提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
“总有一天你会发现,你所经历的痛苦与磨难,其实都是你的救赎”。
感谢一路上支持的朋友们,如果没有你们我可能不会成长的这么快~
说起图标,可能你脑子里有无限种想象!
界面图标通常会接近以下几种基本形状。它有可能像一个竖矩形,或者斜矩形、平矩形,还有的像圆形、三角形、正方形。
这是我最开始认识图标时候的模样~,给我的感觉就是无非一个图标形状,形状改变白色填充而已。
相信很多同学刚刚入门的时候,眼中的图标都是这样紫~!
90年代早期的图标界面,大多数是以实现功能为主,那时候还没有现在这么多的UI设计师,人们的审美水平也没当下要求得那么高,很多图标都是程序猿开发代码之余,随便搞个大概的形状上去填补一下空缺,让界面看起来不那么单调就好。我认识的老一辈程序猿,很多人说出了他们也曾经当过“美工”的经历,哈哈。。。
随着人类文明的不断进步,人们的审美也不断地提高,从乔帮主发布了第一代iPhone开始,人们开始了注重设计体验,近10年来界面图标的设计得到了质的飞跃式发展!
但总的来说形状的千变万化,最终也离不开点、线、面的结合。再结合颜色、形状、空间、渐变、文理之感、光影等多维度变换而成。
图标在一个界面中充当的成分起画龙点睛的作用,它能起引导作用将抽象的界面动作以显示的图形展示,把本来枯燥无味的界面变得更加生动,有趣。
基于经验知识积累的目的,本文把过往以及日常应用中接触过的图标类型,做一个简单地分类总结,以及简单地分析。
01面性图标
面性主要是以填充形状为主要表现形式的图标。面性图标也是应用的比较广泛的一种,就像生活中的“万甘油”用在哪里,都不会有很大的问题。识别度也比较高,让人可以一目了然。
镂空对比
适当地镂空或者进行修建,可以更加突出图标地细节,使图标表示含义更加形象。
点缀色
给图标加一点对比色可以凸显作用,在众多图标中差异化出现
渐变叠加
渐变叠加可以很好地融入品牌色,拌入微投影可以更加彰显质感
反白
可以在特定形状图层上对图标进行反白,使图标更具一个统一的大小范围。
02线性图标
线性图标以简单地线段构成,在高端奢侈方面使用比较多,给人高贵神秘感觉。
线性
线性图标可以勾勒图形形状,使图标更加精致简约,一般高端产品会使用线行图标居多,给人纤细高贵的感觉。
线性+断点+渐变
断点渐变投影,可以让图标是个性/年轻/活力的代表,可以把产品表现的年轻有活力。
03卡通类图标
卡通类图标一般用于儿童类、游戏、二次元、插画等。
线面结合-卡通插画
面性-扁平写实
04拟物图标
拟物写实
游戏写实
2.5d等距
最后
给大家带来的是一组直播类的图标分享。(文末付下载文件)
以下为所有图标
以上分享的案例在于总结设计技巧,一个图标在不同的应用场景可以有不同的表现形式,虽然图标只是界面中的一小部分,但是却起到很大的点缀作用,不同的场景可以演绎出千千万万种图标,以上只是茫茫图标大海中介绍的一叶扁舟,万变不离其中,不管哪种图标也是由基本的点线面构成。我们除了要掌握基本内容之外,生活中还要多留意细节观察,思考和分析
所谓设计源于生活,这样才有可能设计出更高水平的作品~
写作不容易,如果大家觉得有用,请竖起您的大拇指~蟹蟹
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册