ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-07-08 18:03:57  阅读:190  来源: 互联网

标签:高效 扁平化 必看 物化 UI 风格 变成 图标


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

 

 

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

 

 

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

 

 

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

 

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

 

 

 

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

 

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

 

 

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

 

 

 

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

 

 

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

 

 

标签:高效,扁平化,必看,物化,UI,风格,变成,图标
来源: https://www.cnblogs.com/zbuley/p/16459255.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有