UI设计规范
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
字体大小30px
索引列表字体搭配1
字体大小32px
用于索引列表标题（32px）
详情简介（26px）
字体大小26px
索引列表字体搭配2
字体大小30px
用于索引列表标题（30px）
详情简介（24px）
字体大小24px
索引列表字体搭配3
字体大小30px
用于带头像列表标题（30px）
详情简介（22px）
字体大小22px
标准字-简体
36px
56
仅用于导航栏标题文字和详情页标题文字，例如：贴吧标题、新闻标题、活动说明标题
32px
50
常用重要列表文字标题，例如：列表标题，各种设置列表，评论内容
30px
46
头像列表文字标题，例如：二级导航文字，带头像列表标题，贴吧详情文字，输入提示来自字等28px44
用于较重要小标题，例如：副标题，评论标题，点赞标题，按钮文字等
UI设计规范——IOS篇
1.屏幕尺寸：以1334*750作为设计标准尺寸
iPhone6 plus
iPhone6
iPhone5/5s/5c
1242*2208px
750*1334px
640*1136px
2.布局标准
1）界面的所有间距和标准尺寸应为8px 的倍数（特殊情况要调整）
2）Ios平台所有可操作元素最小点击区域尺寸为88*88px
26px
40
用于详情描述文字，例如：列表详情，作品详情，卡片标题等
24px
38
用于较重要的，例如：提示信息，数据描述，警示文字，错误提示等
22px
34
用于菜单栏文字，例如：底部菜单栏文字，极少部分的备注信息
4.字体搭配标准
文章详情字体搭配
字体大小36px
用于详情页面的标题文字（36px）
详情文字（30px）
顶部状态栏高度：40px
导航栏最小高度：88px
导航栏下滑动tab高度：80px
列表卡片高度：88px
小标题高度：64px
按钮高度：88px
底部菜单栏98px
内容块之间最小间距：16px
内容结束的最小间距：16px
屏幕左右与内容间距：24px
一行常规内容块的高度为：88px
3.字体大小标准
字号大小
行间距
索引列表字体搭配1
字体大小32px
用于索引列表标题（32px）
详情简介（26px）
字体大小26px
索引列表字体搭配2
字体大小30px
用于索引列表标题（30px）
详情简介（24px）
字体大小24px
索引列表字体搭配3
字体大小30px
用于带头像列表标题（30px）
详情简介（22px）
字体大小22px
标准字-简体
36px
56
仅用于导航栏标题文字和详情页标题文字，例如：贴吧标题、新闻标题、活动说明标题
32px
50
常用重要列表文字标题，例如：列表标题，各种设置列表，评论内容
30px
46
头像列表文字标题，例如：二级导航文字，带头像列表标题，贴吧详情文字，输入提示来自字等28px44
用于较重要小标题，例如：副标题，评论标题，点赞标题，按钮文字等
UI设计规范——IOS篇
1.屏幕尺寸：以1334*750作为设计标准尺寸
iPhone6 plus
iPhone6
iPhone5/5s/5c
1242*2208px
750*1334px
640*1136px
2.布局标准
1）界面的所有间距和标准尺寸应为8px 的倍数（特殊情况要调整）
2）Ios平台所有可操作元素最小点击区域尺寸为88*88px
26px
40
用于详情描述文字，例如：列表详情，作品详情，卡片标题等
24px
38
用于较重要的，例如：提示信息，数据描述，警示文字，错误提示等
22px
34
用于菜单栏文字，例如：底部菜单栏文字，极少部分的备注信息
4.字体搭配标准
文章详情字体搭配
字体大小36px
用于详情页面的标题文字（36px）
详情文字（30px）
顶部状态栏高度：40px
导航栏最小高度：88px
导航栏下滑动tab高度：80px
列表卡片高度：88px
小标题高度：64px
按钮高度：88px
底部菜单栏98px
内容块之间最小间距：16px
内容结束的最小间距：16px
屏幕左右与内容间距：24px
一行常规内容块的高度为：88px
3.字体大小标准
字号大小
行间距