UI設計需要掌握哪些英語單詞?
作為一個有7年多UI設計工作經驗的我說說自己的看法:
英語單詞並不是UI設計必須掌握的知識,但是可以很好的輔助與日常工作,它可以幫助設計師更好的和同事交流,最主要的就是和開發對接(畢竟開發們都是詞彙量大的大佬)。
在工作中用的最多的地方就是設計師對在輸出開發用圖時的檔案命名,清晰規範的命名可以有效的節約溝通成本,可以提高開發的工作效率,可以跟以後的產品迭代和專案跟進創造良好的環境!
掌握英語單詞不是目的,它只是為了我們更好的工作的一種方式。在工作中用拼音的大有人在,我也見過很多設計師在命名時用遇到不會的,也懶得用翻譯,直接用拼音代替的,恰巧開發也比較接受這種方式。
以下是我在網上找的一些資料:1和2是必須知道的,3是工作中需用到的,4是在工作和生活中裝13用的。
1.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)[ɔ:g"mentɪd‘riˈælɪti]: 增強現實技術
VR(Virtual Reality)[ˈvɜ:rtʃuəl‘riˈælɪti]: 虛擬現實技術
2.UI會遇到的人?
PM:Product Manager[ˈprɑ:dʌktˈmænɪdʒɚ]產品經理
UED:User Experience Designer[ˈjuzɚˈɪkˈspɪriəns"dɪˈzaɪnə]使用者體驗設計師
UER – User Experience Researcher[ˈjuzɚˈɪkˈspɪriəns"rɪˈ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ʒi"səˈpɔ:rt] 技術支援
OP – Operation [ˌɑ:pəˈreɪʃn]運維工程師
3.頁面切圖
1.通用切圖命名格式:控制元件_類別_功能_狀態@倍率.png
栗子:[email protected] (對應中文:標籤欄_圖示_主頁_預設[email protected])
2.頁面切圖命名格式:頁面_類別_功能_狀態@倍率.png
命名英文縮寫的原則:字母數不超過8個的直接寫;較長單詞去頭部的幾個字母:遵循約定俗稱的縮寫方式。
控制元件
status bar [ˈstetəs‘bɑ:r] 狀態條(縮寫:status)
navigation bar [ˌnævɪˈɡeʃən"bɑ:r]導航欄(縮寫:nav)
tabbar [tæb"bɑ:r] 標籤欄(縮寫:tab/tabbar)
searchbar [sɜ:rtʃ"bɑ:r] 搜尋欄(縮寫:searchbar)
toolbar ["tu:lbɑ:r] 工具欄(縮寫:toolbar)
edit menus [ˈɛdɪt‘menju:z]編輯選單
labels ["leɪbəlz]標籤(縮寫:lab)
segmented controls [ˈsɛɡˌmɛntɪdˈtroʊl]分段控制器(分段選項卡)
alert view [əˈlɜ:rt"vju] 提醒檢視
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]文字框
頁面
login [ˈlɔ:gɪn]登陸頁(計算機常用)
register [ˈrɛdʒɪstɚ]註冊
sign in [saɪn ɪn] 登陸(生活常用)
sign up [saɪn ʌp]註冊
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ɛðɚ] 天氣
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ʊ] 下拉框
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] 取消
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] 已訪問
press [prɛs] 按下
disabled [dɪsˈebəld] 禁用
selected [sɪ"lektɪd] 選中
hover [ˈhʌvər] 懸停
error [ˈɛrɚ] 錯誤
complete [kəmˈplit] 完成
blank [blæŋk] 空白
4.UI設計的方法?
Brainstorming[ˈbreɪnstɔ:rmɪŋ]:頭腦風暴
Contextual Design[kənˈtɛkstʃuəl"dɪˈzaɪn]:情境設計
Customization["kʌstəmaɪzeɪʃən]:個性化,定製
Individualization[ˌɪndɪvɪdʒʊrlaɪ"zeɪʃn]:個性化
Concrete Use Case[ˈkɑ:ŋkrit"juz"juz]:建立用例
Essential Use Case[ɪˈsɛnʃəlt"juz"juz]:基本用例
Flow Model[flo ˈmɑdl]:流程模式
Goal-Directed Design[goʊl"də"rektɪd"dɪˈzaɪn]:目標導向設計
Graphic Design[ˈɡræfɪk"dɪˈ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ʃən"dɪˈzaɪ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ɪʒən"dɪˈzaɪn]視覺設計,同圖形設計意義差不多,但更廣泛一些,還包含文字的表現和資訊設計
Work Environment[wɚk ɛnˈvaɪrənmənt]:使用環境,包括物理的生理的化學的社會的文化的等各種因素
Story Board[ˈstɔri,bɔ:rd]故事板
UI設計需要掌握哪些英語單詞?
作為一個有7年多UI設計工作經驗的我說說自己的看法:
英語單詞並不是UI設計必須掌握的知識,但是可以很好的輔助與日常工作,它可以幫助設計師更好的和同事交流,最主要的就是和開發對接(畢竟開發們都是詞彙量大的大佬)。
在工作中用的最多的地方就是設計師對在輸出開發用圖時的檔案命名,清晰規範的命名可以有效的節約溝通成本,可以提高開發的工作效率,可以跟以後的產品迭代和專案跟進創造良好的環境!
掌握英語單詞不是目的,它只是為了我們更好的工作的一種方式。在工作中用拼音的大有人在,我也見過很多設計師在命名時用遇到不會的,也懶得用翻譯,直接用拼音代替的,恰巧開發也比較接受這種方式。
以下是我在網上找的一些資料:1和2是必須知道的,3是工作中需用到的,4是在工作和生活中裝13用的。
1.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)[ɔ:g"mentɪd‘riˈælɪti]: 增強現實技術
VR(Virtual Reality)[ˈvɜ:rtʃuəl‘riˈælɪti]: 虛擬現實技術
2.UI會遇到的人?
PM:Product Manager[ˈprɑ:dʌktˈmænɪdʒɚ]產品經理
UED:User Experience Designer[ˈjuzɚˈɪkˈspɪriəns"dɪˈzaɪnə]使用者體驗設計師
UER – User Experience Researcher[ˈjuzɚˈɪkˈspɪriəns"rɪˈ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ʒi"səˈpɔ:rt] 技術支援
OP – Operation [ˌɑ:pəˈreɪʃn]運維工程師
3.頁面切圖
1.通用切圖命名格式:控制元件_類別_功能_狀態@倍率.png
栗子:[email protected] (對應中文:標籤欄_圖示_主頁_預設[email protected])
2.頁面切圖命名格式:頁面_類別_功能_狀態@倍率.png
命名英文縮寫的原則:字母數不超過8個的直接寫;較長單詞去頭部的幾個字母:遵循約定俗稱的縮寫方式。
控制元件
status bar [ˈstetəs‘bɑ:r] 狀態條(縮寫:status)
navigation bar [ˌnævɪˈɡeʃən"bɑ:r]導航欄(縮寫:nav)
tabbar [tæb"bɑ:r] 標籤欄(縮寫:tab/tabbar)
searchbar [sɜ:rtʃ"bɑ:r] 搜尋欄(縮寫:searchbar)
toolbar ["tu:lbɑ:r] 工具欄(縮寫:toolbar)
edit menus [ˈɛdɪt‘menju:z]編輯選單
labels ["leɪbəlz]標籤(縮寫:lab)
segmented controls [ˈsɛɡˌmɛntɪdˈtroʊl]分段控制器(分段選項卡)
alert view [əˈlɜ:rt"vju] 提醒檢視
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]文字框
頁面
login [ˈlɔ:gɪn]登陸頁(計算機常用)
register [ˈrɛdʒɪstɚ]註冊
sign in [saɪn ɪn] 登陸(生活常用)
sign up [saɪn ʌp]註冊
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ɛðɚ] 天氣
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ʊ] 下拉框
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] 取消
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] 按下
disabled [dɪsˈebəld] 禁用
selected [sɪ"lektɪd] 選中
hover [ˈhʌvər] 懸停
error [ˈɛrɚ] 錯誤
complete [kəmˈplit] 完成
blank [blæŋk] 空白
4.UI設計的方法?
Brainstorming[ˈbreɪnstɔ:rmɪŋ]:頭腦風暴
Contextual Design[kənˈtɛkstʃuəl"dɪˈzaɪn]:情境設計
Customization["kʌstəmaɪzeɪʃən]:個性化,定製
Individualization[ˌɪndɪvɪdʒʊrlaɪ"zeɪʃn]:個性化
Concrete Use Case[ˈkɑ:ŋkrit"juz"juz]:建立用例
Essential Use Case[ɪˈsɛnʃəlt"juz"juz]:基本用例
Flow Model[flo ˈmɑdl]:流程模式
Goal-Directed Design[goʊl"də"rektɪd"dɪˈzaɪn]:目標導向設計
Graphic Design[ˈɡræfɪk"dɪˈ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ʃən"dɪˈzaɪ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ɪʒən"dɪˈzaɪn]視覺設計,同圖形設計意義差不多,但更廣泛一些,還包含文字的表現和資訊設計
Work Environment[wɚk ɛnˈvaɪrənmənt]:使用環境,包括物理的生理的化學的社會的文化的等各種因素
Story Board[ˈstɔri,bɔ:rd]故事板