Please enable JavaScript.
Coggle requires JavaScript to display documents.
H5 Patterns (对话框 (模态弹窗及非模态弹窗, Action sheet、居中弹窗、Pop over 等的差异,…
H5 Patterns
设置
“我的” 页面设计范式
设置项单行或多行描述
“我的”个人数据展示
刷新
自动刷新、手动刷新两种机制
手动刷新分手势、按钮等方式
刷新后的即时消息反馈、内容更新或消息数量提醒
常用手势
常用手势、对应的功能
不常用手势、对应的功能
H5 上须慎用的手势操作
返回/关闭
返回、关闭的准确含义
应用间跳转时的返回
不同平台，界面返回 & 硬按键返回区分
导航样式
常用导航范式设计
一级导航、二级导航如何组合
抽屉式导航
搜索
常用搜索范式（强搜索、弱搜索）
全局搜索、局部搜索范式
搜索结果呈现范式
空白页
图形、文字、按钮或组合范式展示空白页
全局为空页面范式
局部为空页面范式
对话框
模态弹窗及非模态弹窗
Action sheet、居中弹窗、Pop over 等的差异
删除、舍弃等特定的弹窗设计范式
多个或多个按钮的处理方式
多语言及翻译时处理
帮助引导
首次或前三次提供引导
使用过程中出现的功能引导
引导范式设计
编辑态
需对多对象操作时，进入编辑态
编辑态常用触发范式、手势或按钮
编辑态典型设计范式
编辑态保存机制
单选/多选
单选触发方式
单选弹窗或全屏页
多选触发方式
Check box 统一对齐方式
无网络连接
轻提示、弹窗、界面内提醒等不同设计范式
不同页面下无网连接的异同处理
横竖屏适配规则
哪些支持横屏、哪些不支持
支撑横屏时的几种典型界面移植范式
其他细则及注意事项
iPhone X 适配规则
典型适配特性释义
状态栏、Home 指示条
安全区定义、操作按钮处理
典型反面案例