命名公式
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??n'bɑ:r]導航欄(縮寫:nav)
tabbar [tæb'bɑ: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?: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?] 下拉框
button [?b?tn] 按鈕
list [l?st] 列表
radio [?re?dio?] 單選框
background [?bæk?ɡra?nd] 背景
play [ple?] 播放
功能
OK 確定
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] 默認(縮寫:def)
press [pr?s] 按下(縮寫:pre)
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] 空白
更多關于“UI培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學,課程大綱緊跟企業需求,更科學更嚴謹,每年培養泛IT人才近2萬人。不論你是零基礎還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。