重庆天象网络科技:UI设计的图标概述,新手必看的设计基础

这篇博客探讨了图标设计的历程,从智能手机早期的拟物化图标,因其降低学习成本而流行,到后来扁平化设计的崛起,追求高效操作。介绍了线性图标、面型图标以及MBE风格等不同形式,展现了图标设计如何在功能性和美学之间寻找平衡。
摘要由CSDN通过智能技术生成

当你看到这些信息的时候能不能快速理解所表达的意思?

你那如果用几个简单的形状组合在一起,就变成了你所熟悉的样子.

这就是图标,图标是通用易理解的可视化语言,传递信息很高效。

此智能手机刚兴起的时候,使用具有真实感的“拟物化图标”,能有效降低学习成本,增强代入感。

不过,“超写实”的效果反而成了高效操作的干扰,后来就出现了拟物化到扁平化的变革,试着把拟物图标沉余的装饰效果去掉,就变成了苹果ios7的扁平化风格。

将图标用线条来表现,就变成了视觉更加轻盈的“线性图标”。

如果想要稳重一些,可以使用面来塑造形体,也就是常见的面型图标。

在图标地步添加一个色彩艳丽的矩形,一个微软的“Metro风格”的磁贴就形成了。

把图标调整为填充偏移的断点描边状态,就变成了趣味的“MBE风格”

当然,你想要扁平中带些个性的表达,适当的加入渐变,就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值