iOS系统UI界面标准 ui界面设计规范ios

ios设计规范

设计三大原则

一、视觉层：清晰
文字清晰易读、图标精确而清晰、装饰精巧而适合、使得用户更易理解。负空间、颜色、字体、图形和界面元素突出重要内容并传达交互性。

设计要点01：颜色（保证在任何情况下都可以辨别）
设计要点02：排版（对比、 重复、亲密、对比的四大原则）
二、交互层：遵从
不要太过花哨

三、结构层：深度

使用不同的视觉层级和真实的运动效果来传达层次的感觉，赋于界面活力，并促进用户的理解。

ios规范细节拆解

一、界面结构

1. 状态栏
   固定在屏幕上边缘
   @1x尺寸为20pt（40px）
2. 导航栏
   半透明（70%）位于状态栏下方
   @1x下尺寸为44pt（88px）
   空间数目一般不超过2个
3. 标签栏
   半透明（70%）位于屏幕底部
   @1x尺寸下为59pt（98px）
   一次最多承载5个标签，多余5个图标以列表形式收纳到“更多”里
4. 工具栏
   半透明（70%）
   @1x尺寸为44pt（88px）
   工具栏可放文字和图标，当项目超过三个以上的项目可以使用图标

二、系统字体

中文字体：苹方
英文字体：Helvetica

三、人机交互

用户通过在屏幕上执行手势与设备进行交互。

四、案例实际解析

1. 左图右文与右图左文
   设计符合用户浏览的排版方式，突出内容，减少和弱化不必要的信息，让用户更关注
2. 搜索体验
   搜索关键词、记录搜索历史、热门推荐
3. 内容刷新
   下拉刷新、“feed流”及上滑出现新内容
4. 页面加载
   分布加载、懒加载、预加载
5. 个人中心
6. 阅读体验
   减少不必要的信息，让用户专注于内容文字本身，把设置等干扰元素隐藏到二级弹窗
7. 评论回复
   用户在阅读内容可直接进行恢复、无需二次点击

网页设计规范