写点什么

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

  • 2020-01-10
  • 本文字数:693 字

    阅读完需:约 2 分钟

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

服务图标 3.0 的升级做的:


  1. 制定统一的绘制规范


·制定图标库的辅助线;



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



·线条的描边属性;



·线条的使用规范:icon 由外部框体和辅助图形两部分组成,外部框体线条为 2 像素,辅助图形为 1 像素;


·外部角为 4px;内部角为 2px


  1. 延续现有的设计风格


·在原有图标的基础上做了优化,把尖锐改为圆润,使图标更具亲和力,增加稳定和可信赖可信赖感;



·精细化绘制,保证每个图形的尺寸和位置都是整数;线条需对齐像素格,在实际使用中清晰度会很高;


  1. 让图标更能表达服务

  2. ·与服务的相关人员对接,挖掘服务特色,用最少的线条完成对服务的展示;

  3. ·多方案的对比筛选

  4. 如何界定图标复杂度


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


2020-01-10 11:49879

评论

发布
暂无评论
发现更多内容

Spring进阶(六):Spring事务问题分析及解决方案探究

No Silver Bullet

spring 8月月更 事务问题

长安链学习-启动脚本分析

长安链

Python自学教程1-安装pycharm和执行环境

和牛

Python 测试 8月月更

开源一夏 | 我们都是开源者

宁在春

开源 8月月更

毕业总结

intelamd

收藏好,程序员必逛的 20 个网站

乌龟哥哥

8月月更

学习 C++ 编程,怎么才能找到合适的练手项目?

Jackpop

头脑风暴:最长公共子序列

HelloWorld杰少

算法 LeetCode 8月月更

Linux 的十大下载管理器,提升效率杠杠的,偷着乐吧!

wljslmz

Linux 8月月更

Kubernetes是不是下一个容错域

CTO技术共享

C++多态纯虚函数和抽象类与多态案例(二)

CtrlX

c c++ 面向对象 多态 8月月更

电商秒杀系统设计

intelamd

Kubernetes 集群API创建管理

CTO技术共享

HTTPS 协议

武师叔

8月月更

应用层

武师叔

8月月更

二叉树的递归和迭代实现(java)

工程师日月

8月月更

每日一R「11」数据结构(二)切片

Samson

8月日更 ​Rust

OpenHarmony技术挑战课题征集

极客天地

Kubernetes 服务网格实现

CTO技术共享

【LeetCode】最大二叉树Java题解

Albert

LeetCode 8月月更

RocketMQ高可用设计之主从复制和读写分离

急需上岸的小谢

8月月更

收藏不迷路 —— Flutter 转场动效大合集

岛上码农

flutter 前端 安卓开发 ios 开发 8月月更

HTTP 通信

武师叔

8月月更

IPv6相关翻译技术

穿过生命散发芬芳

ipv6 8月月更

ITIL与DevOps对比

阿泽🧸

ITIL 8月月更

7 天学个Go,Go 结构体 + Go range 来学学

梦想橡皮擦

Python 爬虫 8月月更

什么是 OpenJ9

HoneyMoose

RxJS Observable 为什么要长成这个样子?!

掘金安东尼

前端 函数式编程 8月月更

开源一夏 | JavaScript实战之闭包与函数调用的相互应用详解

恒山其若陋兮

开源 8月月更

又一款超好用开源知识库管理工具!

Jackpop

长安链学习-build_release.sh

长安链

华为云服务图标升级的“那点儿事”(二)_语言 & 开发_Think体验设计_InfoQ精选文章