標籤:線圖 拖動 F12 照片 ati 包含 模組 ffd blank
原文: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
APP介面控制項中英文名稱匯總