写点什么

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

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

评论

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

挑一个产品,想一个你想做的新功能,然后写个相对完整的文档

mas

架构学习20210302日(001)

张小胖

基于GES图数据库的大规模数据追溯服务优化

华为云开发者联盟

数据 华为云 图数据库 数据追溯 华为云GES

玩家永远是对的——认知失调

Justin

心理学 28天写作 游戏设计

To B产品经理需要哪些能力呢?

博文视点Broadview

一文帮你搞懂 Android 文件描述符

vivo互联网技术

android 文件 文件系统

MySQL异常问题经验贴

华为云开发者联盟

MySQL 数据库 时区 SSL 连接

【万字好文】一文看懂持续部署按需发布!DevOps部署和发布方法大全

京东科技开发者

DevOps SaaS

区块链助力山东文化旅游整体行业解决方案

源中瑞-龙先生

0 期产品训练营第五周作业 - 学情周报活动图

skylar

第五周

Jove

Elasticsearch search scroll 游标查询

escray

elastic 七日更 28天写作 死磕Elasticsearch 60天通过Elastic认证考试 3月日更

Atlassian Data Center 如何优化企业中新员工的远程入职流程

Atlassian

HR Atlassian 远程工作

如何实现在直播中播放音频文件

anyRTC开发者

音视频 WebRTC 直播 RTC 音频

一个100%省力的,让城市管廊运维变得轻松的秘诀

一只数据鲸鱼

物联网 数据可视化 智慧城市 3D可视化 智慧管廊

ICDAR2021首届文档图像与自然语言处理研讨会征稿开始

爱极客侠

来自农村的大学生开发者,用技术改变自己的家乡

华为云开发者联盟

开发者 物联网 IoT 华为云 智慧大棚

Linux 多线程详解 —— 线程创建、终止、等待、分离

赖猫

Linux 多线程与高并发 服务器开发 Linux服务器开发 Linux线程

云计算、大数据已经过时?不,正是因为它们RPA才能大流行

王吉伟频道

人工智能 云计算 大数据 RPA 自动化

3月份开始了

Nydia

设计模式【3.1】-- 浅谈代理模式之静态、动态、cglib代理

秦怀杂货店

动态代理 代理模式

算法刷题提醒——微信小程序 [持续优化ing]

小匚

深度思考 随笔杂谈 成长与思考

在云中应用自动化的5种方法

云计算

第五六周心得

Trigger

极客时间 产品经理训练营

数仓GaussDB(DWS)全量备份总结

华为云开发者联盟

数据安全 GaussDB 备份 Roach 数据备份

可视化表单编辑器

day day up

产品文档总结

mas

滚动加载的网页只需点 10 下鼠标即可抓取,无编码学爬虫之四

梦想橡皮擦

Python 28天写作 3月日更

产品更新 | 阿里云CDN边缘图像处理功能开放内测

阿里云Edge Plus

CDN 边缘计算 图像处理

产品经理如何帮助减少技术债务 ?

禅道项目管理

产品 代码规范 技术债

一文详解什么是可解释AI

华为云开发者联盟

AI mindspore Gradient GradCAM RISE

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