原文：APP界面控件中英文名称汇总 作者：venus0917

一、界面模式Mobile Design Pattern

 

1. 启动界面

（智能手机启动时所显示的界面）

- 启动界面/开机界面Splash

- 过场界面Walk though  

- 教程界面/用户指引Coach Mark/User Guide

- 空数据提示消息

2. 顶层界面

（用于显示各种各样的信息，并通过导航功能将其他界面关联起来）

- 门户界面

- 用户信息界面User Profiles

- 电商界面

- 企业界面

3. 一览界面

（通常包含列表类的UI组件，用于连续显示所有相关内容）

- 搜索结果Search

- 时间轴

- 图库Image Browse

- 通知/活动

4. 详细信息界面Detail View

 

- 阅览器（照片/视频）

- 新闻报道Article

- 地图Map

- 产品

 

5. 插入/操作界面

（执行特定的操作）

- 注册/登陆login & Register

- 消息发布Comment/Checkin

- 照片拍摄

- 设定/管理Settings

 

二、基本UI组件

 

1. 导航控件Navigation Bar与控制控件Control

 

- 标签式导航控件/选项卡菜单式Tab Menu/Navigation

a 标准模式/固定选项卡Fixed Tabs

b 底部布局模式

（如果应用的主要类别超过5个，可以把“更多”放在最右侧的第五个选项卡上）

c 下划线模式/顶边栏

d 滚动模式/滚动选项卡式

（滚动选项卡一般比标准的标签栏要窄，因为它们没有必要作为触摸对象）

e 垂直模式/导航抽屉/侧边式抽屉Navigation Drawers

（只在首次启动时弹出抽屉，可以拥有多个层级）

      

- 分段控件Segmented Control/Scope Bar

a 标准模式

b 内联文本模式

- 滑动导航控件

a 标准模式

b 页面指示器组模式

c 标签式导航控件组模式

- 下拉式菜单Spinners

a 标准模式/悬浮式操作控件Action Overflow

b 控制模式

c 气泡模式/弹出窗口Popover

- 深入式菜单

a 标准模式

- 折叠式菜单/手风琴式Accordion  

（这种模式比跳转到另一页面再跳回去更高效）

   

b 气泡模式

- 仪表盘式导航控件

         

- 跳板式菜单/启动面板Dashboard/Springboard/Launchpad 

（一个带有菜单选项的登陆界面，而菜单选项就是进入各个应用的起点。

优点是跨平台，可放置很多选项。缺点是全部选项扁平化，没有任何优先级）

- 返回按钮Back button/Up button/Home

a 返回按钮模式

b 徽标模式

c Home图标模式

- 向上向下滚动按钮

a 标准模式

b 向下滚动模式

c 叠加模式

d 索引模式

 

- 分页按钮

- 无限分页列表

a 标准模式

b 按钮模式

- 刷新控件Refresh Control

- 侧滑式菜单

2. 列表

 

- 垂直列表/列表菜单List Menu/Table/hierarchal navigation

       （每一个列表项都是进入该应用各项功能的入口，并且模块之间的切换需要返回到列表主页）

a 标准模式

b 值模式

c 缩略图模式

d 半尺寸模式

- 网格列表/陈列馆式Gallery

     （最适合呈现经常更新的视觉效果直观的无层级内容，可采用网格布局或轮盘布局）

a 标准模式

b 标签叠加模式

c 块状标签模式

- 轮播面板Cover Flow/Carousel

a 标准模式

b 控制模式

c 商标展板模式

d 导航模式

- 时间轴

a 标准模式

b 消息模式

- 日历/日期列表Calendar

a 月份模式

b 周模式

c 日模式

3. 表单

 

- 文本框/撰写Compose

a 单行模式

b 搜索框模式

c 多行模式

- 开关

a 复选框模式（复数选择）Checkboxes

b 单选框模式（单项选择）Radio Buttons

   

c 开关按钮模式On/Off Switches

- 选择器Picker

a 标准模式

b 复数模式

- 滑块

- 拖放控件

4.通知与消息Notifications

 

- 模态消息

- 无模态消息

a 标准模式

b 状态栏消息

- 块消息

- 角标

a 标准模式

b 通知模式

- 气泡消息

 

5. 信息的可视化

 

- 无限循环指示器

a 标准模式

b 原创模式

c 条状模式

- 进度条Progress

- 页面指示器Page Indicator

a 标准模式

b 页面模式

c 步骤模式

- 图表

a 柱状图模式

b 折线图模式

c 饼图模式

- 评分控件

a 标准模式

b 表情模式

c 好评差评模式

d 等级模式

6. 图标

- 房屋

- 放大镜

- 齿轮

- 星形

a 收藏夹模式

b 评分模式

- 模拟时钟

- 大头针

- 人像

a 单人模式

b 双人模式

c 三人模式

- 铅笔

a 创建新条目模式

  

b 编辑模式

- 回收站/垃圾箱

a 移至回收站模式

b 立即删除模式

- 加号

- 叉号

a 清除模式

  

b 终止模式

c 关闭模式

- 照相机

- 三连圆点

a 水平排列模式

b 垂直排列模式

- 相连圆点

- 分享Share

- 三连短线/导航图标/汉堡包图标

a 菜单开启模式

b 一览显示模式

c 列表排序模式

- 刷新

7. 动画

 

- 向左向右滑动

- 叠加展开收起

- 淡入淡出

- 翻转

- 放大缩小

- 摇动扭动

三、手势

1. 轻触Tap

2. 拨动Flick

3. 滑动Swipe

4. 按压Press

5. 拖动Drag

6. 多点缩放Pinch in/out