金刚区图标优化方案

对爱车频道首页金刚区图标进行的一次优化,解决图标单调枯燥的感觉。同时,对图形进行修改,让图标表意更加清晰明了。

优化前的图标

背景颜色一致,图标整体给人单调枯燥的感觉,在页面中没有点击欲望,容易被用户忽略。图标表意不清晰,没有精准地表现出图标所传达出的事物和场景。

关键字提取

提取新车预订、保养维修、洗车美容、预约有礼的关键字,分别是购、安全、美、礼品。再根据关键字联想出相应的图片场景。

背景色提取

我们可以从图片中提取相应的颜色,然后对提取的颜色进行优化,最终的颜色可以作为图标的背景色。

背景形状

图标背景形状有:圆形、圆角矩形、超椭圆(或圆方)、不规则图形。在金刚区图标中,还有不使用背景形状的图标。不规则图形作为背景,可分为随机不规则图形,具有一定的活力;还有一种可根据自身产品的品牌DNA做为图形。不同形状的背景能给人带来不同的感受,圆形具有亲和力,给人柔和、活泼的感觉;方形比较尖锐,给人一种严谨、工整、安全的感觉,有时看上去也会觉得很危险。如下图:

这种心理感受不光适用于图标设计,在字体设计、界面设计均适用。其实不难发现,有些C端的产品用大圆角、或者圆形比较多,而B端产品常用小圆角,甚至直角。当然,这一点并非说是完全绝对,也不是说完全得遵守这个原则。

而超椭圆是介于圆型和方形之间的一种图形,我们可以理解成是圆形在变换至方形过程中的一种图形。这个过程如果偏向圆形,那么这个超椭圆就比较“软”;这个过程如果偏向方形,那么这个 超椭圆就比较“硬”。

图标图形与背景结合

这次一共设计了两种方案,将超椭圆形的图标用户常规界面,不规则背景作为活动界面。同时,也可以给图标背景添加一些装饰物,让图标更加丰富。

实际应用

两类图标在后台可进行配置,运营根据实际情况来进行选择。