华为云服务图标升级的“那点儿事”(二)

阅读数:1 2020 年 1 月 10 日 11:49

华为云服务图标升级的“那点儿事”(二)

服务图标 3.0 的升级做的:

  1. 制定统一的绘制规范
    华为云服务图标升级的“那点儿事”(二)

·制定图标库的辅助线;

华为云服务图标升级的“那点儿事”(二)
·辅助线的绘制:用形状和线条绘制需要的尺寸,右键—建立参考线;
华为云服务图标升级的“那点儿事”(二)

·线条的描边属性;

华为云服务图标升级的“那点儿事”(二)
·线条的使用规范:icon 由外部框体和辅助图形两部分组成,外部框体线条为 2 像素,辅助图形为 1 像素;
·外部角为 4px;内部角为 2px

  1. 延续现有的设计风格
    华为云服务图标升级的“那点儿事”(二)

·在原有图标的基础上做了优化,把尖锐改为圆润,使图标更具亲和力,增加稳定和可信赖可信赖感;
华为云服务图标升级的“那点儿事”(二)
·精细化绘制,保证每个图形的尺寸和位置都是整数;线条需对齐像素格,在实际使用中清晰度会很高;

  1. 让图标更能表达服务
    ·与服务的相关人员对接,挖掘服务特色,用最少的线条完成对服务的展示;
    华为云服务图标升级的“那点儿事”(二)
    ·多方案的对比筛选

  2. 如何界定图标复杂度

这个问题目前还没有较为科学和客观的评判标准,而在 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

评论

发布