手机端设计规范（750*1334）

以750*1334为例     统一字体:苹方

一、文本

1.主题类:

• 展示标题:小字号 36 加粗 行距50   大字号  40  加粗行距58
• 主标题:大字号  32  加粗  小字号28  中等
• 副标题:大字号30  加粗   小字号  24  中等

2.文本类:

• 主文本:字号36  中等  行距58
• 辅文本:字号60  行距48  中等
• 次要文本:字号24   中等

3.按钮:

• 实心大按钮 （圆角矩形   圆角 8）  88*560     字号36
• 实心小按钮/ 空心线框性小按钮（圆角矩形  圆角4）  140*55   字号24   中等

4.系统图标

• 大图标:44*44
• 中图标:36*36
• 小图标:24*24

5.导航图标

• 大号:96*96（使用首页导航）
• 小号:72*72（使用分页导航）

6.头像:

112*112 （使用用户中心）   小:72*72（用户评论）

7.标签:

（圆角线框  13.5像素圆角）80*28（宽度没有唯一标准）   字号20

8.悬浮操作按钮:

112*112(圆) 投影(距离0 大小8  不透明40)  悬浮按钮可加44*44的大图标

9.缩略图:

• 比例  4:3  16:9   1:1
• 232*174(三图)    350*196(2图)      710*398(1图)
•  左右结构 320*270（1图）

10.列表:

• 上下结构:1图  2图  3图
• 左右结构:1图

11.搜索框:

750*88  （500*60  圆角30）

banner尺寸：  750*260

标签：24,圆角,750,1334,112,36,字号,按钮,设计规范
来源： https://www.cnblogs.com/gxywb/p/12047975.html