UI設計必背英語|002切圖

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]文本框

頁面

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?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] 空白


推薦閱讀:

TAG:UI設計師 | UI設計入門 | 交互設計 |