图标扁平化风格的优点(类扁平化图标设计)(1)

文/张朦朦 扁平化设计与拟物化设计是两种完全不同的设计风格,扁平 化设计的优点主要有三点:

图标扁平化风格的优点(类扁平化图标设计)(2)

①扁平化设计常常使用一些流行的色彩搭配和图形元素,可以更好的表现出时尚和简约的美感。

图标扁平化风格的优点(类扁平化图标设计)(3)

②扁平化设计中很少使用渐变、高光和阴影等效果,或者使用的微弱的效果,这样可以避免各种视觉效果对用户视线的干扰。

图标扁平化风格的优点(类扁平化图标设计)(4)

③优秀的扁平化设计具有良好的架构、排版布局、色彩运用和高度一致性,从而保证其易用性和可识别性。

图标扁平化风格的优点(类扁平化图标设计)(5)

好的设计无论是否扁平,都应该通过整洁的视觉交互、有效的设计和易用的体验为用户解决问题。 如果界面太过于扁平,可操作的元素就会淹没在看起来一样的扁平化元素中,没有任何良好的视觉提示的话,人们并不能知道能和哪个对象进行交互。

图标扁平化风格的优点(类扁平化图标设计)(6)

类扁平化设计既可以解决扁平化设计所带来的问题,又向扁 平化靠拢,不武断地抛弃渐变和投影灯效果,相反可以使用细微的渐变、投影灯颜色效果,来营造空间感、距离感、视觉层次和边缘效果。

图标扁平化风格的优点(类扁平化图标设计)(7)

在类扁平化设计中,通过一些微妙的美学效果给用户一种视觉上的暗示,告诉用户哪些对象很重要,并且可以操作,这样就大大提高了设计的可操作性和易用性,并且保持了扁平化的风格。

图标扁平化风格的优点(类扁平化图标设计)(8)

图标扁平化风格的优点(类扁平化图标设计)(9)

①可识别性。 图标的设计要能够准确地表达相应的操作,让浏览者一眼就能明白图标要表达的意思。

②差异性。 只有图标之间有差异性,才能被浏览者所关注和记忆,从而对设计内容留有印象。

图标扁平化风格的优点(类扁平化图标设计)(10)

③与环境的协调性。 任何图标或者设计都不可能脱离环境而独立存在,图标最终要放在界面中才会起作用,图标的设计要考虑图标所处环境,这样的图标才能更好地为设计服务。

图标扁平化风格的优点(类扁平化图标设计)(11)

④视觉效果。 图标设计追求视觉效果,一定要在保证差异性、可识别性和协调性原则的基础性,先满足基本的功能需求,然后考虑更高层次的视觉要求。

⑤创造性。 在保证图标实用性的基础上,还要提高图标的创造性,只有这样才能和其他图标相区别,给浏览者留下深刻的印象。

图标扁平化风格的优点(类扁平化图标设计)(12)

图标扁平化风格的优点(类扁平化图标设计)(13)

为了避免扁平化图标在设计中,可能出现的图标符号化过于简单、识别度不够的问题,需要在基础风格上增加一定的阴影、长阴阳和梯度风格。

图标扁平化风格的优点(类扁平化图标设计)(14)

① 基础风格。 不添加任何的渐变、阴影、高光等体现图标透视感的图形元素,而是通过机器简约的基本形状图形、符号等表现出图标的主题。

图标扁平化风格的优点(类扁平化图标设计)(15)

②阴影风格。 为图标中主体图形元素添加常规的阴影效果。

③ 长阴影风格。 长阴影设计主要用于较小的对象和元素,在扁平化图标设计中应用最为广泛。

图标扁平化风格的优点(类扁平化图标设计)(16)

④ 微渐变风格。 就是将简单的图形元素与传统的拟物化图标的高光表现方式相结合,通过微渐变的方式体现出图标的层次感和立体感。

图标扁平化风格的优点(类扁平化图标设计)(17)

① 官方头条号:设计智造 顶级创意设计师必备

② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!

,