您所在的位置：奇趣闻 >> 数码科技 >> 正文

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

2021-07-23 15:27:31 来源：网络整理作者：管理员

大家有没有被说过，设计做的不精致？拿图标举例，不精致的原因基本就是统一性没做好。我们总说做图标要统一，但是到底要统一哪些要素？有没有一个完整的自检表呢？今天四海方城就带大家看看需要统一哪 9 个要素。

大小统一

这个很容易理解，就是一组图标看起来大小是一致的。但是最近发现了一个比较重要的点，就是很多同学做一组练习，相邻的图标都差不太多，但是隔的比较远的图标放在一起就差很多了，比如下面这几个图标，就是逐渐变大的：

所以对于大小统一，我们必须要做到，一组图标里，任意两个图标拿出来都是大小统一的，否则就是不及格。

保持大小统一的方法见这篇 – 图标设计规范。

圆角统一

圆角统一也是比较好理解的点，无非就是圆角大小，像下面这两个图标：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

如果圆角差很多，你很容易发现，因为都是差不多大小的矩形，但是我们很容易忽略一些细节，比如下面第一个图标的三角形，和旁边的日历相比，就过于尖锐：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

这是图标里面很细的细节，所以容易被忽视，大家一定要重视。

语言统一

语言统一你可以理解为设计风格统一，如果一组图标里面出现了多种风格，那会显得非常不专业。

比如下面这组练习：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

大体看好像是一种语言，但仔细观察其实还是有很多细节不统一的，比如外轮廓上面有的有白色，有的没有，白色还分带描边和不带描边：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

这就是在语言上不统一的案例，大家在做练习的时候，一定要想清楚你的语言是什么。

粗细统一

粗细统一就不用说了吧，基本就是用在线性图标线条粗的，比如像这种比较明显的粗细不一致，就不应该出现了：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

这都是最最基础的问题。

疏密统一

疏密统一其实是很多新人朋友容易犯的错，比如下面这一组图标：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

大部分地方是比较透气疏松的，但是只有第二个比较密集，这样就会让人感觉比较突兀，整体不够和谐。这就是疏密程度的统一性，一定要把握住节奏感，否则就会不舒服。

间距统一

这个点一般用在断线图标上，也就是你开口大小的统一性，比如一个开很大，一个开很小：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

那就证明细节没有做到位。

比例统一

比例可以分很多种，比如颜色比例，像下面这个原作的颜色比例就没有太统一：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

在优化临摹之后，达到了颜色比例的平衡：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

再比如之前说的一个案例，粗细线条的比例：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

第一个图标，粗线与细线的比例：95:5

第二个图标，粗线与细线的比例：70:30

第三个图标，粗线与细线的比例：100:0

在这样不统一的情况下，图标是一定不会精致的。这些都是比例统一问题出现的实际场景。

正负形统一

正负形也是没那么容易看出来的，举个例子，下面这组周楠做的图标，乍一看没什么问题，但是仔细一观察，其实我们会发现，白色面积的重量其实是不统一的，那个消息上面的“#”会偏重一点：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

当优化之后，我们再看：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

整体就会比之前统一精致很多。

角度统一

角度，也是增加图标统一感的因素之一，最常见的角度统一方式就是按照一定的倍数来制定规范，比如 30 度的倍数：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

再举一个角度其他方面的例子，在做下面这组图标的时候，最初没有考虑断线的规律：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

所以看久了会觉得有些凌乱，于是我将断线处定为右下角 45 度，如遇到圆角拐角处，可挪动靠近拐角处进行断线：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

这样我们就会看到所有的图标断线位置都大致出现在右下角的地方，最终效果如下：

图标统一性要如何检测？来看腾讯设计师总结的自检要素表

很大程度上提高了图标的统一性，并且在延展执行的时候节省了大量的思考时间（思考在哪里断）。

但是对于断线的位置是否一定要规定其出现的角度，我觉得不一定，也可以从其他角度考虑，但最终的目的还是让整体统一和谐，且延展性高。

总结

以上就是目前总结的 9 个需要统一的点，只要能把所有的统一性做好，精致一定是没问题的。

显示全文

上一篇：涉爆案件刑侦专家、桥梁建筑女焊工，他们是新时代的平凡英雄

下一篇：与运营商正面竞争：康卡斯特将无线业务扩展到企业市场

为您推荐

吴京回应张译华表奖封帝

在5月还有一个电影周，2023海浪电影周在阿那亚再次启航。其中张译和吴京等也出席阿那亚电影周盛典，这是他们自中国观察奖以来第二次联手出席该活动。吴京回应张仪华表奖时说，他真诚地祝贺皇帝作为影帝，网友说.........

发布时间：2023-06-01 06:03:09

烤箱烤大虾多长时间

【导读】烤箱烤大虾多长时间，下面是小编为你收集整理的，希望对你有帮助！烤箱烤大虾需要十分钟。将虾稍微腌制一下，２００度，十分钟就好。烤箱停止之后，还有余温，可以再放置五分钟再拿出来。记得最后在虾背上铺上黄油，并且烤前烤箱需要１８０度预热５分钟。烤虾是一道美味的菜品，制作......

发布时间：2023-06-01 06:01:03

何自强：一位电影解说UP主的电影梦

如果你喜欢电影，或许你刷到过他的视频——扁豆看电影。这个账号在全网的粉丝超过千万，解说过的电影也接近500部，它背后的主人叫何自强。现在的他已经不仅是个UP主（指在视频网站、论坛等上传视频音频文件的人.........

发布时间：2023-06-01 05:03:11

什么叫动车

【导读】什么叫动车，下面是小编为你收集整理的，希望对你有帮助！指轨道交通系统中装有动力装置车辆，包括机车和动力车厢两大类。动车装配有驱动车轮，而与之相对应地无驱动装置车辆为拖车。动车为安装有车轮驱动机器设备铁路车辆，不是动车组。不仅高速列车中有动车，所有火车类型......

发布时间：2023-06-01 05:01:03

洪欣的致歉信不是繁体字

5月1日清晨，洪欣突然发文自称和张丹峰不再是夫妻关系，张丹峰也回应说“对，不过了”，还附上了笑哭了的表情包，不难看出二人是在冲动下发文的。随后，毕滢也发微博喊话两人吵架归吵架，别拿离婚开玩笑，这么发展.........

发布时间：2023-06-01 04:03:10

南巨龙:南美超巨型恐龙(超过30米长/尾巴灵活)

【导读】南巨龙:南美超巨型恐龙(超过30米长/尾巴灵活)，下面是小编为你收集整理的，希望对你有帮助！南巨龙是一种泰坦巨龙类的超巨型恐龙，体长超过30米，诞生于8800万年前的白垩纪末期，最大的特点就是它的尾巴灵活性非常强，比雷龙还要更加敏捷精准，据说能够快速拍中一只巨脉蜻蜓，第一批南巨龙化石是在南美......

发布时间：2023-06-01 04:01:03

高叶礼服开线了

5月18日是第76届戛纳世界电影节红毯开幕的第二天，今天有不少明星陆续抵达，红毯依旧出现百花齐放的状况。首先是张雨绮，今天是她本次戛纳红毯的第二套造型了。张雨绮一向在造型方面相当大胆，这次穿着白色礼衣.........

发布时间：2023-06-01 03:03:21

贺铸最豪放的词是哪首?

【导读】贺铸最豪放的词是哪首?，下面是小编为你收集整理的，希望对你有帮助！贺铸是北宋词人，字方回，又名贺三愁，人称贺梅子，自号庆湖遗老。他出身贵族，是宋太祖贺皇后族孙，后来又娶宗室之女，是贺知章后裔。由于先祖贺知章是庆湖的，所以就自号为庆湖遗老。贺铸擅长写词，词的风格很多样......

发布时间：2023-06-01 03:01:04

父母受扰王一博方呼吁抵制“追私”

近日，剧组被闯,父母受扰,王一博方呼吁抵抗“追私”违规行为！之前王一博被曝出一段视频，视频中王一博的手机被安装了监听软件，并且在某酒店房间内，拍照了大量的不雅观视频。该工作曝光之后，引发了众多网友的重.........

发布时间：2023-06-01 02:03:11

三星堆为什么不挖了挖掘保护技术不够成熟(现今技术突破)

【导读】三星堆为什么不挖了挖掘保护技术不够成熟(现今技术突破)，下面是小编为你收集整理的，希望对你有帮助！三星堆自1929年被发现，1934年时华西大学博物馆组成的考古队首次小范围发掘了三星堆遗址，此后在八十多年当中陆陆续续进行了十多次挖掘。明明三星堆可以进行深入研究，毕竟它带给我们如此多的谜团，挖掘的越......

发布时间：2023-06-01 02:01:03

西游记七大圣怎么排名混天大圣是七大圣中辈分最低的大圣

【导读】西游记七大圣怎么排名混天大圣是七大圣中辈分最低的大圣，下面是小编为你收集整理的，希望对你有帮助！西游记中七大圣的排名分别为驱神大圣、覆海大圣、齐天大圣、移山大圣、通风大圣、平天大圣、混天大圣。七大圣是西游记中本领最高的集团代表之一，七大圣各个都是英雄豪杰，并且武功和本领都不在齐天大圣孙悟空之下，......

发布时间：2023-06-01 01:01:04