AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

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

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

评论

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

2022-10-13:给定一个只包含三种字符的字符串:( 、) 和 *, 写一个函数来检验这个字符串是否为有效字符串。有效字符串具有如下规则: 任何左括号 ( 必须有相应的右括号 )。 任何右括号 )

福大大架构师每日一题

算法 rust 福大大

Java编程之数组

魏铁锤

10月月更

最火的物联网技术MQTT,其服务质量QoS的三个级别分别是什么意思,本文一定对您有帮助!

wljslmz

物联网 mqtt QoS 10月月更

不同的子序列 II

掘金安东尼

算法 10月月更

Java对象的使用和对象内存图解

共饮一杯无

Java 对象 10月月更

jsbridge-n22使用指南

小鑫同学

前端 Node 10月月更

跟着卷卷龙一起学Camera--一亿像素的好坏03

卷卷龙

ISP camera 10月月更

Python进阶(十九)Python3安装第三方爬虫库BeautifulSoup4

No Silver Bullet

Python 字符串 10月月更 BeautifulSoup4

Sass入门使用指南

小鑫同学

前端 Node 10月月更

跟着卷卷龙一起学Camera--一亿像素的好坏01

卷卷龙

ISP camera 10月月更

大数据ELK(二十四):安装Kibana

Lansonli

10月月更 安装Kibana

Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架

小鑫同学

前端 Node 10月月更

cstdio的源码学习分析10-格式化输入输出函数fprintf---宏定义/辅助函数分析01

桑榆

源码刨析 10月月更 C++

Visual Studio Code 安装教程附插件推荐

Yeats_Liao

后端 Java core 10月月更

[整理]CI持续集成-基于Github Action

小鑫同学

前端 Node 10月月更

跟着卷卷龙一起学Camera--一亿像素的好坏02

卷卷龙

ISP camera 10月月更

「Hive进阶篇」一、详解存储格式及压缩方式

大数据阶梯之路

大数据 hive 面试 数仓

金九银十前端面试题总结(附答案)

loveX001

JavaScript

MTPuTTY配置ssh连接Gitlab

Yeats_Liao

后端 Java core 10月月更

架构实战营模块 3 作业

陌生流云

架构实战营

变量与常量介绍笔记

魏铁锤

10月月更

Python进阶(二十)Python爬虫实例讲解

No Silver Bullet

Python 数据分析 10月月更

Java历史与环境搭建笔记

魏铁锤

10月月更

「Hive进阶篇」二、万字长文超详述hive企业级优化

大数据阶梯之路

大数据 hive 面试 hive优化

【一Go到底】第十四天---break快速入门

指剑

Go golang 10月月更

C++使用protobuf嵌套结构体总结

中国好公民st

c++ protobuf 10月月更

声网高纯:领域和方向要聚焦,用最专业的方法做最专业的事丨人物专访

声网

人工智能 音视频

【从0到1学算法】3.折半查找

Geek_65222d

10月月更

微信朋友圈架构设计

风行

架构 架构实战训练营9期

Jib使用小结(Maven插件版)

程序员欣宸

Docker 10月月更 Jib

80%的前端开发都答不上来的js异步面试题

loveX001

JavaScript

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