UI設計術語中英文對照大全 | 向左向右

03-17

「

這些術語的英文

你都知道嗎？

」

UI是什麼？

UI: User Interface [?juz? ??nt??fes] 用戶界面

UX: User Experience [?juz? ?k?sp?ri?ns] 用戶體驗

HCI/CHI: Human Computer Interaction [?hjum?n『k?m?pjut???nt???k??n] 人機交互

UCD: User-Centered Design [?juz??sent?d??za?n] 用戶中心設計

AI(Artificial Intelligence)[?ɑ:rt??f??l』?n?t?l?d??ns] :人工智慧

AR(Augmented Reality)[?:gment?d『ri??l?ti]: 增強現實技術

VR(Virtual Reality)[?v?:rt?u?l『ri??l?ti]: 虛擬現實技術

UI會遇到的人？

PM:Product Manager[?prɑ:d?kt?m?n?d??]產品經理

UED:User Experience Designer[?juz???k?sp?ri?nsd??za?n?]用戶體驗設計師

UER – User Experience Researcher[?juz???k?sp?ri?nsr??s?:rt? ]用戶研究師

RD:Research & Developer[r??s?:rt?d??v?l?p] 研發工程師

FE – Front End [fr?nt?nd]前端工程師

BE – Back End [b?k?nd]後端工程師

QA – Quality Assurance [?kwɑ:l?ti????r?ns]測試工程師

DBA – Database Administrator 資料庫

TS – Technology Support[tek?nɑ:l?d?is??p?:rt] 技術支持

OP – Operation [?ɑ:p??re??n]運維工程師

UI設計的方法？

Brainstorming[?bre?nst?:rm??]:頭腦風暴

Contextual Design[k?n?t?kst?u?ld??za?n]:情境設計

Customization[k?st?ma?ze???n]:個性化，定製

Individualization[??nd?v?d??rla?ze??n]：個性化

Design Session[d??za?n?s???n]:設計討論會

Concrete Use Case[?kɑ:?kritjuzjuz]:創建用例

Essential Use Case[??s?n??ltjuzjuz]:基本用例

Flow Model[flo ?mɑdl]:流程模式

Goal-Directed Design[go?ld?rekt?dd??za?n]:目標導向設計

Graphic Design[?ɡr?f?kd??za?n]:圖形設計

High Fidelity Prototype[ha?『f??d?l?ti,fa?-?pro?t?ta?p]:高保真原型。細節都比較詳細的原型

Paper Prototype (Paper Mockup)[?pe?p?r?pro?t?ta?p]：紙上原型

Information Architecture[??nf??me??n ?ɑrk??t?kt??]:信息架構

Information Design[??nf??me??nd??za?n]:信息設計

Interaction Design Session[?nt???k??nd??za?ns???n]:交互設計討論會

Knowledge Management[?nɑl?d? ?m?n?d?m?nt]:知識管理

Level of Experience[?l?v?l?v?k?sp?ri?ns]:體驗層次

Persona[p?r?so?n?]:角色

Physical Model[?f?z?k?l ?mɑdl]:物理環境模式

Portal[?p?:rtl]:入口

Scenario[s??n?rio?]:情節設定

Sequence Model[?sikw?ns?mɑdl]:序列模式：完成任務的步驟

Usability Lab[?ju:z?b?l?t?l?b]:可用性實驗室

Usability Review[?ju:z?b?l?t?r??vju]:可用性評估：指至少兩名專家做的啟發式評估

Usability Test[?ju:z?b?l?t?test]]:可用性測試

User Analysis[?juz???n?l?s?s]:用戶分析

Vision[?v???n]:視圖。再設計就是獲得一些視圖，表現用戶使用系統的過程

Visual Design[?v???nd??za?n]視覺設計，同圖形設計意義差不多，但更廣泛一些，還包含文字的表現和信息設計

Work Environment[w?k ?n?va?r?nm?nt]:使用環境，包括物理的生理的化學的社會的文化的等各種因素

Story Board[?st?ri,b?:rd]故事板

「

頁面切圖

」

1.通用切圖命名格式：控制項_類別_功能_狀態@倍率.png

栗子：tab_icon_home_def@2x.png （對應中文：標籤欄_圖標_主頁_默認default@2x.png）

2.頁面切圖命名格式：頁面_類別_功能_狀態@倍率.png

栗子：mail_icon_search_pre@2x.png（對應的中文為：郵件_圖標_搜索_ 點擊@2x.png）

命名英文縮寫的原則：字母數不超過8個的直接寫；較長單詞去頭部的幾個字母：遵循約定俗稱的縮寫方式。

控制項

status bar [?stet?s『bɑ:r] 狀態條（縮寫：status）

navigation bar [?n?v??ɡe??nbɑ:r]導航欄（縮寫：nav）

tabbar [t?bbɑ:r] 標籤欄（縮寫：tab/tabbar）

searchbar [s?:rt?bɑ:r] 搜索欄（縮寫：searchbar）

toolbar [tu:lbɑ:r] 工具欄（縮寫：toolbar）

button [?b?tn]按鈕（縮寫：btn）

edit menus [??d?t『menju:z]編輯菜單

labels [le?b?lz]標籤（縮寫：lab）

segmented controls [?s?ɡ?m?nt?d?tro?l]分段控制器（分段選項卡）

alert view [??l?:rtvju] 提醒視圖

popup [p?p?p] 彈窗

scanning [?sk?n??] 掃描

picker [p?k?r] 選擇器

page controls [ped?k?n?tro?l] 頁面控制器（頁面指示器）

progress Indicators [?prɑ:gres『?nd?ke?t?z] 進度指示器

activity Indicators [?k?t?v?ti『?nd?ke?t?z] 活動指示器

refresh content controls [r??fr???kɑ:ntent?tro?l] 頁面刷新指示器

slider [sla?d?r] 滑動器

steppers [step?z]步進器

switches [sw?t??s]開關

text fields [t?kst『fildz]文本框

頁面

home [ho?m] 主頁

find [fa?nd] 發現

explore [?k?spl?r] 探索

activity [?k?t?v?ti] 活動

management [?m?n?d?m?nt] 管理

messages [mes?d??z] 信息

news [nu:z] 新聞

search results [s?:rt?ri?z?lts] 搜索結果

music [?mjuz?k] 音樂

notes [no?t] 筆記

calendar [?k?l?nd?] 日曆

video [?v?dio?] 視頻

settings [?s?t??] 設置

weather [?w?e?] 天氣

contact [?kɑ:nt?kt] 聯繫人

personal center [?p?:rs?nl?s?nt?]個人中心

類別

image [??m?d?] 圖片

scroll [skro?l] 滾動條

progress [?prɑ:gres] 進度條

line [la?n] 線條

icon [?a?kɑ:n] 圖標

tab [t?b] 標籤

tree [tri] 樹

mask [m?sk] 蒙版

label [?le?bl] 靜態文本框

checkbox [?t?ekbɑ:ks] 勾選框

animation [??n??me??n] 動畫

sign [sa?n] 標記

edit [??d?t] 編輯框

combo [?kɑ:mbo?] 下拉框

button [?b?tn] 按鈕

list [l?st] 列表

radio [?re?dio?] 單選框

background [?b?k?ɡra?nd] 背景

play [ple?] 播放

功能

add [?d] 添加

uninstall [??n?n?st?l] 卸載

install [?n?st?l] 安裝

select [s??l?kt] 選擇

default [d??f?lt] 默認

view [vju] 查看

search [s?:rt?] 搜索

more [m?r] 更多

cancel [?k?ns?l] 取消

delete [di?lit] 刪除

pause [p?z] 暫停

refresh [r??fr??] 刷新

close [klo?z] 關閉

download [?da?n?lo?d] 下載

continue [k?n?t?nju] 繼續

send [s?nd] 發送

min 最小化

max 最大化

waiting [?wet??] 等待

import [??mp?:rt] 導入

forward [?f?:rw?rd] 向前

restart [?ri:?stɑ:rt] 重新開始

menu [?m?nju] 菜單

back [b?k] 後退

update [?p?det] 更新

常見狀態

normal [?n?:rml] 普通

focused [?f??k?st] 獲取焦點

visited [v?z?t?d] 已訪問

default [d??f?lt] 默認

press [pr?s] 按下

highlight [?ha??la?t] 點擊

disabled [d?s?eb?ld] 禁用

selected [s?lekt?d] 選中

hover [?h?v?r] 懸停

error [??r?] 錯誤

complete [k?m?plit] 完成

blank [bl??k] 空白