loading请求处理中...
广告位招商×
当前位置: 首页 > 威客攻略 > 图标设计

类扁平化图标设计

2019-11-14 10:19:59 阅读 28735次 0 标签: 图标设计 作者: 陈先生12121


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

类扁平化图标设计

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

类扁平化图标设计

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


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

类扁平化图标设计

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

类扁平化图标设计

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

类扁平化图标设计

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

类扁平化图标设计

类扁平化图标设计

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

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

类扁平化图标设计

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

类扁平化图标设计

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

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


类扁平化图标设计

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


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


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

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


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


扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

设计价格是多少?怎样找到合适的设计人才?

官方顾问免费为您解答

 
图标设计相关任务
DESIGN TASK 更多
情侣社区APP启动图标设计

¥500 已有49人投标

红酒总裁俱乐部图标设计

¥100 已有2人投标

企业图标设计需求

¥2000 已有37人投标

龍缘婚庆LOGO图标设计

¥300 已有22人投标

APP图标设计

¥1000 已有25人投标

安卓和ios系统小图标设计

¥500 已有4人投标