亮网络解锁器,解锁网络数据的无限可能 了解详情
写点什么

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

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

评论

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

面试官:今日头条启动很快,你觉得可能是做了哪些优化?

程序员 移动开发

面试官:说一说Android启动优化

android 程序员 移动开发

面试时,问哪些问题能试出一个 Android 应用开发者真正的水平12?

android 程序员 移动开发

面试时,问哪些问题能试出一个 Android 应用开发者真正的水平?

android 程序员 移动开发

面试题学习与复习二

android 程序员 移动开发

面试官教你做人:字节跳动在招2000人,招聘要求让人窒息…

android 程序员 移动开发

面试官:View的事件分发我必问,不会给你一个pass

android 程序员 移动开发

鸿洋:拖不得了,Android11真的要来了,最全适配实践指南奉上

android 程序员 移动开发

面试官:为什么 Activity

android 程序员 移动开发

高仿知乎日报无限轮播图+指示符切换动画效果

android 程序员 移动开发

面试官:我面Android程序员,经常遇到背题的,一问原理就露馅了

android 程序员 移动开发

Java 自定义注解(二)

程序员架构进阶

Java 注解 11月日更

面试官:“会不会熟练使用Jetpack”--我

android 程序员 移动开发

linux之我常用的20条命令( 之三)

入门小站

Linux

在线文本转2-36任意进制工具

入门小站

工具

面试官还问Handler?那我要给你讲个故事

android 程序员 移动开发

CSS响应式布局之REM

Augus

CSS 11月日更

面试官:“看你简历上写熟悉 Handler 机制,那聊聊 IdleHandler 吧

android 程序员 移动开发

面试了15位来自985211高校的2020届研究生之后,思考良久,写下此文。 掘金技术征文

android 程序员 移动开发

面试官又双叒叕“突袭”:如何优化一个网络请求

android 程序员 移动开发

面经分享:字节跳动Android开发大佬的百度,美团,快手等大厂Offer收割之旅

android 程序员 移动开发

领域驱动设计简介

android 程序员 移动开发

高级UI强行进阶:自定义View实现女朋友欲罢不能的网易云音乐宇宙尘埃特效,拿去装笔不用谢~

android 程序员 移动开发

架构1期模块十毕业总结

五只羊

架构实战营

音视频高手课01-Clang交叉编译最新FFmpeg

android 程序员 移动开发

spring 的aop笔记

加里都好

面试被虐?不要慌,看懂这份Android面试真经大厂不是问题!

android 程序员 移动开发

音视频入门(二)色彩空间RGB和YUV

android 程序员 移动开发

音视频开发:为什么推荐使用Jetpack CameraX?

android 程序员 移动开发

面试半年,上个月成功拿到字节跳动offer,全靠我啃烂了这份2020最新面试题!

android 程序员 移动开发

面试官:“会不会熟练使用Jetpack” 我

android 程序员 移动开发

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