手机端设计规范(750*1334)
更新时间:2023-05-25 21:55
以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
上一篇:iphone各个型号屏幕分辨率总结 下一篇:前端项目从0-1详解