设计规范要求

目录

一、苹果6，7，8

二、文本

1、标题类

2、文本类

三、几大区的宽高设置

四、分割元素

五、按钮的使用

六、系统图标的尺寸

七、导航图标（金刚区）的尺寸

八、图像的尺寸大小

九、 标签

详情请看：设计规范

---

一、苹果6，7，8

规范参照分辨率：750px*1334px     字体设置为苹方字体

主流市场分辨率：750px*1624px（X及以上）

苹果用skech来做ui方面的如小程序   app  系统后台

而win系统用的是xd

二、文本

1、标题类

（1）展示标题

        小-字号36px  加粗 行距50px  大-字号40px 加粗 行距58px

  (2)  主标题

        大-字号32px  加粗   小-字号28px 中等

（3）副标题

        大-30px字号 加粗     小-24px 中等

2、文本类

（1）主文本

        字号    大小36px   中等    行距58px

（2）辅文本

        字号    大小30px  中等     行距48px

（3）次要文本

        字号   大小24px   中等

        注意：行间距是字的大小的1.2或1.5倍

三、几大区的宽高设置

（1）状态栏（顶部）

        H:44px    W:750px

   (2)  导航栏

        H:88px    W:750px

（3）主菜单栏

        H:98px    W:750px

（4）底部安全区域

        H：68px

四、分割元素

        分割线随着一级一级的层级关系而变浅

         其次常见的是分割背景

五、按钮的使用

        

         

六、系统图标的尺寸

        大图标：44px*44px

        中图标：36px*36px

        小图标：24px*24px

七、导航图标（金刚区）的尺寸

        

八、图像的尺寸大小

        大—用户中心：112px*112px

        小-评论区：72px*72px

九、 标签