移动UI设计模式(0201)

作者: sshsky | 来源:发表于2015-02-01 18:28 被阅读226次

    记录概要,以下均为常规标题模式,随着平台的发展,可能有些许差异,但大体框架应该大同,本书可作为APP设计参考。

    1. 导航

    1.1 主要导航模式

    • 跳板式
    • 列表菜单式
    • 选项卡菜单式
    • 陈列馆式
    • 仪表式
    • 隐喻式
    • 超级菜单式

    1.2 次要导航模式

    • 页面轮盘式
    • 图片轮盘式
    • 扩展列表式

    2. 表单--常见表单模式

    • 登录表单
    • 注册表单
    • 核对表单
    • 计算表单
    • 搜索表单
    • 多步骤表单
    • 长表单

    3. 表格和列表

    • 基本表格
    • 无表头表格
    • 行分组表格
    • 固定列表格
    • 级联式表格
    • 可编辑表格
    • 带有视觉指示器的表格
    • 带有内容总览和数据的表格

    4. 搜索、分类和过滤

    • 显性搜索
    • 自动补全搜索
    • 范围搜索
    • 保存搜索记录并显示最近搜索内容
    • 搜索标准(表单)
    • 搜索结果
    • 屏内分类
    • 分类排序选择器
    • 分类表单
    • 屏内过滤
    • 过滤容器
    • 过滤对话框
    • 过滤表单

    5. 工具

    • 工具栏
    • 重叠菜单
    • 情景工具
    • 内联操作
    • 调用操作按钮
    • 批量操作

    6. 图表

    • 带过滤器的图表
    • 总览加数据式图表
    • 滚动预览图表
    • 数据点细节图
    • 详细信息图
    • 缩放图
    • 数据透视表
    • 火花谱线图

    7. 视觉吸引

    • 对话框
    • 提示
    • 使用向导
    • 视频演示
    • 幻灯片
    • 首次使用引导
    • 持续视觉吸引
    • 可发现的视觉吸引

    8. 反馈与功能可见性

    常见反馈

    • 出错
    • 确认
    • 系统状态

    功能性可见性模式

    • 触摸
    • 滑动
    • 拖曳

    9. 帮助

    • 使用说明
    • 界面元素说明
    • 使用向导

    10. 反模式

    • 标新立异
    • 隐喻错位
    • 愚蠢的对话框
    • 图表垃圾
    • 按钮海

    相关文章

      网友评论

      本文标题:移动UI设计模式(0201)

      本文链接:https://www.haomeiwen.com/subject/kralxttx.html