类扁平化图标设计!

陈芝兰

30天以前 5浏览
类扁平化图标设计!

扁平化设计与拟物化设计是两种完全不同的设计风格,扁平化设计的优点主要有三点:①扁平化设计常常使用一些流行的色彩搭配和图形元素,可以更好的表现出时尚和简约的美感。
②扁平化设计中很少使用渐变、高光和阴影等效果,或者使用的微弱的效果,这样可以避免各种视觉效果对用户视线的干扰。
③优秀的扁平化设计具有良好的架构、排版布局、色彩运用和高度一致性,从而保证其易用性和可识别性。
好的设计无论是否扁平,都应该通过整洁的视觉交互、有效的设计和易用的体验为用户解决问题。
如果界面太过于扁平,可操作的元素就会淹没在看起来一样的扁平化元素中,没有任何良好的视觉提示的话,人们并不能知道能和哪个对象进行交互。
类扁平化设计既可以解决扁平化设计所带来的问题,又向扁平化靠拢,不武断地抛弃渐变和投影灯效果,相反可以使用细微的渐变、投影灯颜色效果,来营造空间感、距离感、视觉层次和边缘效果。
在类扁平化设计中,通过一些微妙的美学效果给用户一种视觉上的暗示,告诉用户哪些对象很重要,并且可以操作,这样就大大提高了设计的可操作性和易用性,并且保持了扁平化的风格。
①可识别性。
图标的设计要能够准确地表达相应的操作,让浏览者一眼就能明白图标要表达的意思。
②差异性。
只有图标之间有差异性,才能被浏览者所关注和记忆,从而对设计内容留有印象。
③与环境的协调性。
任何图标或者设计都不可能脱离环境而独立存在,图标最终要放在界面中才会起作用,图标的设计要考虑图标所处环境,这样的图标才能更好地为设计服务。
④视觉效果。
图标设计追求视觉效果,一定要在保证差异性、可识别性和协调性原则的基础性,先满足基本的功能需求,然后考虑更高层次的视觉要求。
⑤创造性。
在保证图标实用性的基础上,还要提高图标的创造性,只有这样才能和其他图标相区别,给浏览者留下深刻的印象。
为了避免扁平化图标在设计中,可能出现的图标符号化过于简单、识别度不够的问题,需要在基础风格上增加一定的阴影、长阴阳和梯度风格。
①基础风格。
不添加任何的渐变、阴影、高光等体现图标透视感的图形元素,而是通过机器简约的基本形状图形、符号等表现出图标的主题。
②阴影风格。
为图标中主体图形元素添加常规的阴影效果。
③长阴影风格。
长阴影设计主要用于较小的对象和元素,在扁平化图标设计中应用最为广泛。
④微渐变风格。
就是将简单的图形元素与传统的拟物化图标的高光表现方式相结合,通过微渐变的方式体现出图标的层次感和立体感。

本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。

免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com

平面广告
大家都在看
猪八戒网坦白贴:猪八戒网能提供哪些服务?

猪八戒网到底能为客户做什么?

平面广告网站/软件工商财税知识产权营销传播影视动漫
143浏览
茶百道logo设计理念是什么?新设计,更吸睛!

茶百道logo设计理念是什么?新设计,更吸睛!

平面广告
144浏览
包装设计最漂亮的十大香烟是哪些?

包装设计最漂亮的十大香烟是哪些?

平面广告
90浏览
设计商标时,字体应该怎么选?

关注企业服务官,每日推送企业生意经!

平面广告
69浏览
13个伟大的马logo设计创意及释义

13个伟大的马logo设计创意及释义

平面广告
57浏览
文创产品设计

文创产品设计

平面广告
7浏览
coco奶茶logo设计理念,没想到还有如此丰富的内涵

coco奶茶logo设计理念,没想到还有如此丰富的内涵

平面广告
157浏览
特步的logo设计理念

特步的logo设计理念

平面广告
620浏览
分享几款ERP管理系统UI界面设计,个个高端酷!

分享几款ERP管理系统UI界面设计,个个高端酷!

平面广告
23浏览
“江小白”的食品包装设计解析

“江小白”的食品包装设计解析

平面广告
9浏览
赫姆勒腕表&包装盒全案设计

赫姆勒腕表&包装盒全案设计

平面广告
8浏览
恒安集团logo设计

恒安集团logo设计

平面广告
14浏览
四、产品设计过程包括那几个阶段?

四、产品设计过程包括那几个阶段?

平面广告
118浏览
关于屈臣氏店铺设计的调研报告及建议

关于屈臣氏店铺设计的调研报告及建议

平面广告
7浏览
海南热带雨林国家公园LOGO设计正式发布!

海南热带雨林国家公园LOGO设计正式发布!

平面广告
4浏览
类扁平化图标设计!

类扁平化图标设计!

平面广告
5浏览
伴手礼包装盒设计收费情况如何?

伴手礼包装盒设计收费情况如何?

平面广告
68浏览
包装设计费用大概多少?哪些因素影响设计价格?

包装设计费用大概多少?哪些因素影响设计价格?

平面广告
67浏览
怎么教你制作工业包装设计效果图

怎么教你制作工业包装设计效果图

平面广告
3浏览
推荐学习设计技能的两本图书教材

推荐学习设计技能的两本图书教材

平面广告
4浏览
点赞
收藏
分享