聊聊图标和MBE图标

图标主要采取相似性和类比性进行定义。

举个例子来说明相似和类比的含义：

厕所的标志通常使用穿裙子的小人代表女厕，穿裤子的小人代表男厕，采取的就是相似性。

厕所的标志也有使用口红代表女厕，烟斗代表男厕，采取的就是类比性。

图标发展的历史

拟物时代

扁平时代

多元时代

图标的分类可以根据功能分类为展示图标和功能图标，展示图标就需要带来视觉的冲击，功能性图标就不是那么需要吸引人注意力。

图标的分类根据其呈现的形式可以分为线、面、线面结合等。

在为产品设计图标的时候需要考虑：

产品定位
产品视觉风格
应用场景

MBE风格的图标

线面图标，有活力

断点式描边

在连续多的地方做了断点处理，因为在曲折的地方已经具备了很强的视觉冲击力。

2. 高饱和度色彩

3.同类色色块光影处理

4.表情化设计元素

5.丰富的辅助图形

对于第四点的表情要简单，不要喧宾夺主；

第五点，不能复杂、适当留白、颜色饱和度不能超过主体色彩；

MBE风格图标的使用场景：适合交互逻辑不复杂的功能图标或者色彩分明的展示图标，娱乐化的图标。

在用户遇到不好的体验的时候，可以采取MBE图标提示，缓解用户的情绪。

具体的操作学习可以见：https://www.imooc.com/video/18236

聊聊图标和MBE图标相关推荐

【Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载的 ttf 图标文件 )
文章目录一.FlutterIcon 下载图标二.自定义 svg 图标生成 ttf 字体文件三.使用下载的 ttf 图标文件四.完整代码示例五.相关资源一.FlutterIcon 下载图标 ...
python 图标字体_Icon-font图标字体的四类制作方法
FontAwesome经历了两年的进化,如今已成为不少工具性应用开发者的首选.但FontAwesome的图标毕竟有限,在某些特定的情景中,FontAwesome的字体并不能准确地传达合适的意义.为自己 ...
mfc vs2013 项目怎么更改类名_VS2010 更改MFC标题及标题栏图标和exe图标
标题及标题栏图标和 exe 图标在 VS2010 下新建一个 MFC 的多文档应用程序, 程序默认的标题是 " 文档名 - 工程名 " . 图标默认的是写着 MFC 的三个方块 ...
.bat文件该图标_电脑桌面图标变成白色方块图标怎么办？
本人遇到的真实问题: 当电脑系统的图标在新建.修改或移动桌面快捷方式图标时,图标会显示成不正常的白色图样,但是双击图标任然能打开运行,但是有严重强迫症的我看着甚是不舒服. 经过了几个小时的度娘,为了广 ...
scrapy如何指定生成python3的项目_如何把阿里图标库的图标生成代码并应用于自己的项目...
有时候需要用很多图标去完成一定的页面效果和工作展现,框架内置的图标可能满足不了我们的需求,有个很好的图标库想必大家都知道-----就是阿里图标库.那么我们如何才能够把阿狸图标库的图标引用到自己的项目中 ...
Android 屏幕适配攻略（六）设置通知样图标与启动图标适配
Android 屏幕适配攻略(六)设置通知样图标与启动图标适配 1 Android中资源文件中的图片加载分析 Android中对屏幕的像素适配处理分类屏幕密度对应的标签对应的像素 120dip ...
Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标等
包含安卓.苹果各种主流手机.平板线框图元件库.IOS系统图标.人物图标.导航和分页.表格元素.各种小图标等 1.本作品由完整演示.元件库版.框架模板三部分组成 • 完整演示的.rp格式文件包含了全部元 ...
【Qt串口调试助手】1.8 - 修改Qt应用图标和窗口图标
修改Qt应用图标和窗口图标. GitHub源码:Qt串口调试助手下载修改应用图标首先选择一张喜欢的图片,来作为应用图标,图片格式必须为 .ico. easyicon.net 有很多可供下载的资源. ...
如何把不同尺寸ico格式图标_iConvert Icons——图标创建转换工具
iConvert Icons for mac是Mac os平台上的一款帮助用户制作图标的Mac软件,iConvert Icons for mac图标现在可以创建和从几乎任何格式转换图标的最简单的方法. ...
【UI】10套抗疫图标，疫情图标，图标素材（免费）！
[UI]抗疫图标,疫情图标素材(免费) 知名的免费图标网站 Iconfinder 要和大家一起对抗新冠病毒,和图标设计师联手推出一系列「防疫免费图标集」(Coronavirus awareness i ...

聊聊图标和MBE图标

图标发展的历史

MBE风格的图标

聊聊图标和MBE图标相关推荐

最新文章

热门文章