写点什么

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

  • 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:49770

评论

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

Apache Flink 误用之痛

Apache Flink

大数据 flink 流计算 实时计算 数据处理

依赖倒置原则

Jeannette

Flink作业问题分析和调优实践

Apache Flink

大数据 flink 流计算 实时计算

架构师训练营第二章 总结

尔东雨田

20年行业变革与技术演进,当下CDN如何为政企数字化转型加速?

阿里云Edge Plus

CDN 边缘计算 移动视频

【大厂面试06期】谈一谈你对Redis持久化的理解?

NotFound9

数据库 redis 后端

第二周总结

晨光

第二周总结

qqq

极客大学架构师训练营

数仓系列 | 深入解读 Flink 资源管理机制

Apache Flink

大数据 flink 流计算 实时计算

软件开发简史

Jeannette

《实现领域驱动设计》拆书稿 DDD入门 & 领域、子域和限界上下文

三界

架构 领域驱动设计 DDD

课程总结

GAC·DU

看清远处模糊的事,不如做好身边清楚的事

Neco.W

创业心态 未知

红警1游戏开源,代码非常规范。网友:秀色可餐

程序员生活志

开源 红警1

如何构建低延时的直播体验,让互动更实时?

阿里云Edge Plus

CDN 短视频 直播 视频

编程这件事

dapaul

小师妹学JVM之:JDK14中JVM的性能优化

程序那些事

JVM 小师妹 JIT JDK14 签约计划第二季

使用WebMaker快速预览Ionic页面效果

davidce

Ionic WebMaker 混合应用开发

面向开发者的 WSL2 安装指南

simpleapples

Python Windows 10 wsl Go 语言

当你启动Redis的时候,Redis做了什么

老胡爱分享

redis 源码分析 面试

28岁程序员期权过亿,彪悍从字节退休,网友:酸了酸了!

程序员生活志

程序员 字节跳动 开发 退休

免费下载 | 阿里云实时计算整体解决方案白皮书重磅发布!

Apache Flink

大数据 flink 流计算 实时计算

从字符串到常量池,一文看懂String类设计

程序员DMZ

JVM 常量池 intern

第二周 作业

尔东雨田

架构师训练营 0 期第二周

Blink

第二周作业

Aldaron

【Week02】框架设计

Aldaron

设计模式的主要原则

极客大学架构师训练营 框架设计、设计原则、设计模式 第四课 听课总结

John(易筋)

极客时间 极客大学 极客大学架构师训练营 设计原则 框架设计

依赖倒置架构

GAC·DU

第二周作业

晨光

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