钉钉开发文档

图标

更新时间: 2019-5-24

风格
基础语义明确,无赘余装饰,整体方正,避免过于圆润。有线性和填充两种形式。

栅格和尺寸
统一绘制在48*48PX画布内,线条宽度3PX(特殊情况下可为4),圆角最大3PX。
图标按照应用场景等比缩放,限定如下尺寸。

绘制规范
以40*40方形为基础大小,设计完成后,请参照现有的icon,对比体量感,保证icon体量上的相等

颜色

命名
Iconfont命名规则:icon图标本身含义(如果是填充样式,统一加上fill后缀)。
禁止在命名中使用中文、阿拉伯数字、空格。
icon_phone
icon_phone_fill

状态图标
一般用于结果页面状态提示

应用logo设计
每个应用程序都需要一个美丽而令人难忘的图标,以引起用户的注意,并在主屏幕上脱颖而出。App图标是第一次与用户沟通,请务必重视。
在200*200PX的尺寸下设计,请在下方的标准网格线中设计,图形尽量不要超过最大圆圈的范围。

1.图形:建议使用最能代表本应用的单个元素或logo,并将其图形化,保持简洁明了,避免过多修饰,避免过于复杂,避免直接使用照片,避免使用过细字体或两个以上的汉字,以保证缩小时的清晰显示效果。

2.色彩:建议使用简单的色彩搭配,或参考我们的建议色板,避免使用与表意认知不相符的色彩、避免直接对彩色做色相黑白处理(仍可以使用黑白色搭配)

3.其他:图标是第一印象,克制的使用图标,若使用角标建议参考以下角标设计规范。

4.导出:图标保持正方形输出,因为系统会自动添加一个圆角值1/8,#191F25、Alpha 0.04 1PX描边的蒙版。

以上内容是否对您有帮助:
在文档使用中是否遇到以下问题(多选):
  • 内容错误
  • 更新不及时
  • 链接错误
  • 缺少代码/图片示例
  • 太简单/步骤待完善
手机号
更多建议
提交成功,感谢您的反馈!