图标统一性要如何检测?来看腾讯设计师总结的自检要素表
原标题:图标统一性要如何检测?来看腾讯设计师总结的自检要素表
大家有没有被说过,设计做的不精致?拿图标举例,不精致的原因基本就是统一性没做好。我们总说做图标要统一,但是到底要统一哪些要素?有没有一个完整的自检表呢?今天四海方城就带大家看看需要统一哪 9 个要素。
大小统一
这个很容易理解,就是一组图标看起来大小是一致的。但是最近发现了一个比较重要的点,就是很多同学做一组练习,相邻的图标都差不太多,但是隔的比较远的图标放在一起就差很多了,比如下面这几个图标,就是逐渐变大的:
所以对于大小统一,我们必须要做到,一组图标里,任意两个图标拿出来都是大小统一的,否则就是不及格。
保持大小统一的方法见这篇 – 图标设计规范。
圆角统一
圆角统一也是比较好理解的点,无非就是圆角大小,像下面这两个图标:
如果圆角差很多,你很容易发现,因为都是差不多大小的矩形,但是我们很容易忽略一些细节,比如下面第一个图标的三角形,和旁边的日历相比,就过于尖锐:
这是图标里面很细的细节,所以容易被忽视,大家一定要重视。
语言统一
语言统一你可以理解为设计风格统一,如果一组图标里面出现了多种风格,那会显得非常不专业。
比如下面这组练习:
大体看好像是一种语言,但仔细观察其实还是有很多细节不统一的,比如外轮廓上面有的有白色,有的没有,白色还分带描边和不带描边:
这就是在语言上不统一的案例,大家在做练习的时候,一定要想清楚你的语言是什么。
粗细统一
粗细统一就不用说了吧,基本就是用在线性图标线条粗的,比如像这种比较明显的粗细不一致,就不应该出现了:
这都是最最基础的问题。
疏密统一
疏密统一其实是很多新人朋友容易犯的错,比如下面这一组图标:
大部分地方是比较透气疏松的,但是只有第二个比较密集,这样就会让人感觉比较突兀,整体不够和谐。这就是疏密程度的统一性,一定要把握住节奏感,否则就会不舒服。
间距统一
这个点一般用在断线图标上,也就是你开口大小的统一性,比如一个开很大,一个开很小:
那就证明细节没有做到位。
比例统一
比例可以分很多种,比如颜色比例,像下面这个原作的颜色比例就没有太统一:
在优化临摹之后,达到了颜色比例的平衡:
再比如之前说的一个案例,粗细线条的比例:
第一个图标,粗线与细线的比例:95:5
第二个图标,粗线与细线的比例:70:30
第三个图标,粗线与细线的比例:100:0
在这样不统一的情况下,图标是一定不会精致的。这些都是比例统一问题出现的实际场景。
正负形统一
正负形也是没那么容易看出来的,举个例子,下面这组周楠做的图标,乍一看没什么问题,但是仔细一观察,其实我们会发现,白色面积的重量其实是不统一的,那个消息上面的“#”会偏重一点:
当优化之后,我们再看:
整体就会比之前统一精致很多。
角度统一
角度,也是增加图标统一感的因素之一,最常见的角度统一方式就是按照一定的倍数来制定规范,比如 30 度的倍数:
再举一个角度其他方面的例子,在做下面这组图标的时候,最初没有考虑断线的规律:
所以看久了会觉得有些凌乱,于是我将断线处定为右下角 45 度,如遇到圆角拐角处,可挪动靠近拐角处进行断线:
这样我们就会看到所有的图标断线位置都大致出现在右下角的地方,最终效果如下:
很大程度上提高了图标的统一性,并且在延展执行的时候节省了大量的思考时间(思考在哪里断)。
但是对于断线的位置是否一定要规定其出现的角度,我觉得不一定,也可以从其他角度考虑,但最终的目的还是让整体统一和谐,且延展性高。
总结
以上就是目前总结的 9 个需要统一的点,只要能把所有的统一性做好,精致一定是没问题的。
相关文章
-
版权时代来临,“赤手空拳”的直播吧如何继续前行?
-
牵手云南:腾讯云的巧妙修辞
-
8点1氪|AI换脸App“ZAO”修改用户协议;iPhone被曝14个安全漏洞;Costco最快明年在沪开第二店
-
阿里CEO张勇的双11总结
-
微博大改版!新增视频菜单栏,短视频保卫战正式开启?
-
数据也会说谎:隐藏在统计数据中的那些小把戏
-
英特尔新VR头显专利可提供酸甜苦辣等化学感觉响应
-
马云撒钱,微信反击明年将“撒积分”,网友:铁公鸡
-
没人用短信拜年了?曾经最时髦的通讯方式,已走到了生涯尽头
-
高通:苹果拒绝签收裁定书;360持有腾讯音乐5千万股
-
苹果在移动互联时代封王,5G时代将会落后华为?
-
最后机会!百度春晚红包提现延至2月16日截止,别再错过
-
“买菜”凶猛,入局“三”思
-
评论|“阿里离职女高管”风波:一场源起网络流量的闹剧
-
至暗2018:网贷规模腰斩过半
-
2022年CIA报考指导-如何创建账户和完善个人信息
-
黎万强的百台小米手机“乌龙抽奖”背后究竟还有什么好戏?
-
对话数传集团CEO施其明:产品2个月涨4倍,NFT技术求解知识产权证券化难题
-
分析师:若Netflix投放广告每年或增加10亿美元收入
-
腾讯、阿里财报齐发,后支付时代金融科技市场产生了什么变局?
-
Snapseed 超全实用教程!手机修图,装这一个 App 就够了
-
这个家装平台年营收12亿:培养6千产业化装修工人曾获2.16亿C轮融资
-
8点1氪|《哪吒》票房突破27亿元;小米将发布第二款5G手机;Facebook发币令全球监管机构担忧
-
快递员妻子病重 刘强东收回奖金还这样说
-
华为手机录音文件在哪个文件夹
-
无法向微信好友发淘宝、抖音链接?一消费者向腾讯提起反垄断诉讼
-
三防三治两专项行动继续落实,网易游戏维护未成年人上网安全
-
直播的没有销量,这些你都做了吗
-
超越腾讯!阿里市值4373亿美元,马云稳坐亚洲市值冠军