类扁平化图标设计!

陈芝兰

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

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

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

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

平面广告
大家都在看
ppt制作收费标准多少钱(ppt设计费用明细)

ppt制作收费标准多少钱(ppt设计费用明细)

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

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

平面广告
318浏览
如果你对字体和排版设计感兴趣,请关注这10个Ins博主

如果你对字体和排版设计感兴趣,请关注这10个Ins博主

平面广告
42浏览
药品包装盒设计赏析

药品包装盒设计赏析

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

特步的logo设计理念

平面广告
682浏览
设计总监为您答疑解惑:五彩斑斓的黑

设计师以黑为画布,运用光影材质,呈现五彩斑斓美。超越挑战,创新案例演绎设计之美。智慧融入作品,创造无限可能。五彩斑斓的黑,象征创意追求。设计师创造视觉奇迹,颂美自然,展现独特光彩。

网站/软件平面广告
30浏览
优酷品牌升级,新LOGO去除圆圈设计,意为“破圈前行”

优酷品牌升级,新LOGO去除圆圈设计,意为“破圈前行”

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

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

平面广告
100浏览
服装设计师的AI入门10步画完基本款款式图,款式图绘制思路

服装设计师的AI入门10步画完基本款款式图,款式图绘制思路

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

类扁平化图标设计!

平面广告
8浏览
不愧是中国第一学府!清华大学logo设计都这么有意义,太赞了

不愧是中国第一学府!清华大学logo设计都这么有意义,太赞了

平面广告
224浏览
国产高颜值多功能迷你电饭煲,极简造型设计,堪称厨电界“苹果”

国产高颜值多功能迷你电饭煲,极简造型设计,堪称厨电界“苹果”

平面广告
32浏览
书籍封面设计的定位及要求

书籍封面设计的定位及要求

平面广告
27浏览
10款最适合海报设计的英文字体

10款最适合海报设计的英文字体

平面广告
80浏览
超详细!从2年间,看手机外壳材质及设计变迁!

超详细!从2年间,看手机外壳材质及设计变迁!

平面广告
116浏览
百事可乐logo设计理念

百事可乐logo设计理念

平面广告
129浏览
包装和产品的关系

包装和产品的关系

平面广告
38浏览
联想拯救者新品海报来袭!三种设计风格任君挑选

联想拯救者新品海报来袭!三种设计风格任君挑选

平面广告
41浏览
浅谈新中国书籍装帧设计中装饰风格的演变

浅谈新中国书籍装帧设计中装饰风格的演变

平面广告
12浏览
猪八戒网坦白贴:猪八戒网能提供哪些服务?

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

平面广告网站/软件工商财税知识产权营销传播影视动漫
173浏览
点赞
收藏
分享