标识概览

本页为上海苏奈科技有限公司视觉识别系统(VIS)手册的要点,展示了我公司标识的使用规范。

速览:背景 × 版本

浅色背景 / 横版

浅色背景 / 横版

深色背景 / 横版

深色背景 / 横版

浅色背景 / 竖版

浅色背景 / 竖版

深色背景 / 竖版

深色背景 / 竖版

标识预览与背景切换

在不同背景下预览:

浅色背景 深色背景
标识(横版-浅色背景)

横版

标识(竖版-浅色背景)

竖版

浅色背景 深色背景

背景与对比度

正确:对比度充足

正确:对比度充足

禁止:对比度不足

禁止:对比度不足

复杂背景

背景图片

正确:复杂背景加遮罩

正确:复杂背景加遮罩

背景图片

禁止:直接叠加在复杂背景

禁止:直接叠加在复杂背景

安全留白与最小尺寸

留白示意(浅色)

≥ 0.5×

≥ 0.5×

≥ 0.5×

≥ 0.5×

最小尺寸-横版

≥120px 宽

最小尺寸-竖版

≥72px 宽

布局与对齐

正确:中轴对齐

正确:中轴对齐

禁止:随意错位

禁止:随意错位

保护区与周边元素

保护区示意(浅色)

保护区

与文案/按钮的安全距离

按钮

一段示例文案

元素放置应在保护区之外

载体适配(圆角 / 圆形)

方形容器适配
方形容器
圆角容器适配
圆角容器
圆形容器适配
圆形容器

输出尺寸与清晰度

1× 尺寸示意

1×(≥120px 宽)

2× 尺寸示意

2×(≥240px 宽)

3× 尺寸示意

3×(≥360px 宽)

网格参考

栅格 16px栅格参考(浅色)
栅格 16px栅格参考(深色)

误用示例

正确:保持比例

正确:保持比例

禁止:拉伸变形

禁止:拉伸变形

禁止:旋转

禁止:旋转

禁止:改色

禁止:改色

下载(PNG)