金刚区是一个页面中头部的重要位置、是页面的核心功能区域,表现形式为多行排列的宫格区图标。那么,金刚去的图标应该如何去设计呢?
原支付宝口碑
金刚区图标常用做法:45°渐变底板+白色面性图标+微投影
网上流传一种做法,图标底板之上的图形区域范围是底板乘以黄金比例0.618的结果。但纵观市面上的案例,如此做法的少之又少,而且设计本来也没有特定的数值,具体情况要具体应用,而且习惯性操作后容易让自己的思维陷入死角。
底板上图形设计区域约占底板区域的50%~65%之间,45°渐变可以让图标看上去更加有设计感,渐变的两色要在同一色系,渐变不要过于明显。整体金刚区图标底板色的饱和度和明度要尽量做成视觉统一。白色面性图标会使图标整体看上去更加简约,直接。
有些稍复杂的图形在做白色面性图标时可以做一些渐变在上面,或者做一些透明度的变化,如上图贝壳APP和之前的支付宝口碑APP。在图形上加一些底板色同色系的投影上去,营造一些层次感空间感,但切记不要让投影过于明显和颜色脏。
当然,并非一定要做统一圆形底板的面性图标。不带底板的异形图标,线性图标都可以,具体还得看业务需求,如果不需要金刚区视觉效果很重的话可以考虑线性图标,更加的轻量、简洁、逼格高。