
服务图标 3.0 的升级做的:
制定统一的绘制规范
·制定图标库的辅助线;

·辅助线的绘制:用形状和线条绘制需要的尺寸,右键—建立参考线;

·线条的描边属性;

·线条的使用规范:icon 由外部框体和辅助图形两部分组成,外部框体线条为 2 像素,辅助图形为 1 像素;
·外部角为 4px;内部角为 2px
延续现有的设计风格
·在原有图标的基础上做了优化,把尖锐改为圆润,使图标更具亲和力,增加稳定和可信赖可信赖感;

·精细化绘制,保证每个图形的尺寸和位置都是整数;线条需对齐像素格,在实际使用中清晰度会很高;
让图标更能表达服务
·与服务的相关人员对接,挖掘服务特色,用最少的线条完成对服务的展示;
·多方案的对比筛选
如何界定图标复杂度
这个问题目前还没有较为科学和客观的评判标准,而在 3.0 图标库整体是简洁的,在于与服务的负责人沟通的时候很难界图标的复杂程度,而复杂与否又是一个很主观的问题。

用绘制图标的锚点和交点数量,作为图标的复杂系数,如云的形状是由 7 个锚点组成的,复杂系数即为 7;加号的锚点为 4,交点为 1,则其复杂系数为 5。

复杂程度界定:
通过以上的复杂系数分析,确定华为云复杂系数基线为 30;
之后增加点服务图标复杂基数不得超过 30;
可以作为新版图标的策略,指导之后的图标体系升级。

更大的挑战
服务图标库 3.0 已上线华为云官网,https://developer.huaweicloud.com/dsource/
整个的华为云是由多个图标库组成的,之间存在的差异,所以拉通整个华为云的图标库设计工作也是迫在眉睫,为此我们也做了很多努力,相信 2018 年会有一些实质性的突破,值得期待哦。
本文转载自 Think 体验设计公众号。
原文链接:https://mp.weixin.qq.com/s/H67wF3yvTOrK-aJYfc598A
评论