原文: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
