服务直达卡片UI设计规范

收藏

我的收藏

一、icon 画法规范

1. 为使页面整体更整洁、规律，给出的规范中长宽高差较小，icon辨识度主要通过内部线条去传达，要求尽量简洁，去除不必要的线条。
2. 需在96PX96PX的尺寸上做图建立组件，在375画布上显示尺寸为32PX32PX（32PX32PX的图标主要应用于底 tab 和“我的”页面大面积icon出现的情况）/24PX24PX/ 16PX16PX三种尺寸，输出三倍图为96PX96PX和72PX72PX两种尺寸的PNG。
3. 画布安全区域尺寸为76PX76PX，建议图形不要超过安全区域。

4. 图形分面性和线性，圆角弧度和大小固定，推荐采用线性图标。

（左为线性，右为面性）

二、线性图标示例

三、面性图标示例