信息架構(gòu):
測(cè)試,可用性:Test,
界面 ——
CLI- line 命令行界面
GUI- user 圖形用戶界面
NUI- user 自然用戶界面
VUI-vioce user 語(yǔ)音用戶界面
布局——
絕對(duì)布局
自動(dòng)布局
橫幅
邊界線
列
內(nèi)容
儀表盤
單幀布局
float 懸浮
grid 網(wǎng)格
水平
布局
線性布局
外間距
bar 導(dǎo)航欄
內(nèi)間距
style 瀑布流
相對(duì)布局
row 行
表格布局
tool bar 工具欄
小部件
垂直
控件 ——
alert 警告
錨點(diǎn)
sheet 底部動(dòng)作條
按鈕
畫布
card 卡片
復(fù)選框
chip 紙片
data 日期選擇器
提示框 對(duì)話框
分隔線
float 懸浮
image 圖像
item 條 項(xiàng)目
label 只讀文本
link 鏈接
list 列表
list view 列表視圖
加載
menu 菜單
多頁(yè)控件(小圓點(diǎn))
panel 面板
密碼
選擇器
bar 進(jìn)度條
radio 單選框
table 表格
title 瓦片( 專有名詞)
time 時(shí)間選擇器
title 標(biāo)題
bar 滾動(dòng)條
滾動(dòng)視圖
選擇器
選擇控制器
滑塊
sub 副標(biāo)題
提交
開關(guān)
tag 標(biāo)簽
文本框
開關(guān)
tool tips 工具提示
網(wǎng)頁(yè)視圖
手勢(shì) ——
click 點(diǎn)擊
drag 拖曳
手指
熱區(qū)
pinch 捏
press 按 壓
伸展
swipe 滑動(dòng)
tap 輕觸
zoom in 放大
zoom out 縮小
成果 ——
draft 草稿
demo 演示
交互文檔
HI FI -high 高保真原型
LO FI - low 低保真原型
原型
線框圖
UX 交互流程圖
用戶研究 ——
A/B test a/b 測(cè)試
專家評(píng)估
eye 眼動(dòng)跟蹤
focus group 焦點(diǎn)小組
啟發(fā)式評(píng)估
用戶畫像
問卷調(diào)研
可用性測(cè)試
user map 用戶體驗(yàn)地圖
user study/user 用戶調(diào)研
data 數(shù)據(jù)分析
產(chǎn)品與商業(yè) ——
賬號(hào)
廣告
AS 客戶服務(wù)
ASO-app store 應(yīng)用商店優(yōu)化
商業(yè)
copy 文案
CMS 內(nèi)容管理系統(tǒng)
客戶
客服
feed 信息流
FSD- 功能詳細(xì)說明
功能
個(gè)性化
市場(chǎng)
MRD- 市場(chǎng)需求文檔
MVP- 最小化可行產(chǎn)品
PGC- 專業(yè)生產(chǎn)內(nèi)容
PRD- 產(chǎn)品需求文檔
產(chǎn)品設(shè)計(jì)
項(xiàng)目 進(jìn)度
share 份額
黏性
口號(hào) 標(biāo)語(yǔ) 廣告語(yǔ)
策略
user 用戶
UGC-user 用戶原創(chuàng)內(nèi)容
UML- 統(tǒng)一建模語(yǔ)言
viral 病毒式營(yíng)銷
UI ——
對(duì)齊
art base 美術(shù)/設(shè)計(jì)出身
brand 品牌
color 顏色
icon 圖標(biāo)
flat 扁平化設(shè)計(jì)
font 字體
grid 柵格系統(tǒng)
層次
KV-key 主視覺、主畫面
layer 層
可讀性
logo 商標(biāo)
素材
透明度
響應(yīng)式設(shè)計(jì)
分辨率
sans serif 非襯線字體
serif 襯線字體
擬物化設(shè)計(jì)
style 樣式
紋理
排版
技術(shù) ——
API 應(yīng)用程序編程接口/應(yīng)用程序界面
后臺(tái)
客戶端
容器
數(shù)據(jù)庫(kù)
deep 深度學(xué)習(xí)
開發(fā)者
格式化
框架
機(jī)器學(xué)習(xí)
庫(kù)
優(yōu)化
性能
plug in 插件
程序
腳本
SDK- kit 軟件開發(fā)工具
SEO 搜索引擎優(yōu)化
服務(wù)器
技術(shù)
type 類型
timer 計(jì)時(shí)器 定時(shí)器
url 統(tǒng)一資源定位 網(wǎng)址
可視性
信息可視化 ——
bar chart 柱狀圖
chart 氣泡圖
chart 圖表
儀表盤
信息可視化
line chart 折線圖
pie chart 餅圖
radar chart 雷達(dá)圖
chart 散點(diǎn)圖
tree view 樹狀圖
命名公式 ——
1.通用切圖命名格式:控件_類別_功能_狀態(tài)@倍率.png
栗子:@2x.png (對(duì)應(yīng)中文:標(biāo)簽欄_圖標(biāo)_主頁(yè)_默認(rèn)@2x.png)
2.頁(yè)面切圖命名格式:頁(yè)面_類別_功能_狀態(tài)@倍率.png
栗子:@2x.png(對(duì)應(yīng)的中文為:郵件_圖標(biāo)_搜索_ 點(diǎn)擊@2x.png)
命名英文縮寫的原則:
字母數(shù)不超過8個(gè)的直接寫;較長(zhǎng)單詞去頭部的幾個(gè)字母;遵循約定俗稱的縮寫方式
控件 ——
bar [?stet?s‘bɑ:r] 狀態(tài)條(縮寫:)
bar [?n?v??ɡe??n'bɑ:r]導(dǎo)航欄(縮寫:nav)
[t?b'bɑ:r] 標(biāo)簽欄(縮寫:tab/)
[s?:rt?'bɑ:r] 搜索欄(縮寫:)
['tu:lbɑ:r] 工具欄(縮寫:)
[?b?tn]按鈕(縮寫:btn)
edit menus [??d?t‘menju:z]編輯菜單
['le?b?lz]標(biāo)簽(縮寫:lab)
[?s?ɡ?m?nt?d?tro?l]分段控制器(分段選項(xiàng)卡)
alert view [??l?:rt'vju] 提醒視圖
popup ['p?p?p] 彈窗
[?sk?n??] 掃描
['p?k?r] 選擇器
page [ped?'k?n?tro?l] 頁(yè)面控制器(頁(yè)面指示器)
[?prɑ:gres‘?nd?ke?t?z] 進(jìn)度指示器
[?k?t?v?ti‘?nd?ke?t?z] 活動(dòng)指示器
[r??fr???kɑ:ntent?tro?l] 頁(yè)面刷新指示器
['sla?d?r] 滑動(dòng)器
['step?z]步進(jìn)器
[sw?t??s]開關(guān)
text [t?kst‘fildz]文本框
頁(yè)面 ——
login [?l?:g?n]登陸頁(yè)(計(jì)算機(jī)常用)
[?r?d??st?]注冊(cè)
sign in [sa?n ?n] 登陸(生活常用)
sign up [sa?n ?p]注冊(cè)
home [ho?m] 主頁(yè)
find [fa?nd] 發(fā)現(xiàn)
[?k?spl?r] 探索
[?k?t?v?ti] 活動(dòng)
[?m?n?d?m?nt] 管理
['mes?d??z] 信息
news [nu:z] 新聞
[s?:rt?'ri?z?lts] 搜索結(jié)果
music [?mjuz?k] 音樂
notes [no?t] 筆記
[?k?l?nd?] 日歷
video [?v?dio?] 視頻
[?s?t??] 設(shè)置
[?w?e?] 天氣
[?kɑ:nt?kt] 聯(lián)系人
[?p?:rs?nl?s?nt?]個(gè)人中心
類別 ——
image [??m?d?] 圖片
[skro?l] 滾動(dòng)條
[?prɑ:gres] 進(jìn)度條
line [la?n] 線條
icon [?a?kɑ:n] 圖標(biāo)
tab [t?b] 標(biāo)簽
tree [tri] 樹
mask [m?sk] 蒙版
label [?le?bl] 靜態(tài)文本框
[?t?ekbɑ:ks] 勾選框
[??n??me??n] 動(dòng)畫
sign [sa?n] 標(biāo)記
edit [??d?t] 編輯框
combo [?kɑ:mbo?] 下拉框
[?b?tn] 按鈕
list [l?st] 列表
radio [?re?dio?] 單選框
[?b?k?ɡra?nd] 背景
play [ple?] 播放
功能 ——
OK 確定
add [?d] 添加
[??n?n?st?l] 卸載
[?n?st?l] 安裝
[s??l?kt] 選擇
[d??f?lt] 默認(rèn)
view [vju] 查看
[s?:rt?] 搜索
more [m?r] 更多
[?k?ns?l] 取消
[di?lit] 刪除
pause [p?z] 暫停
[r??fr??] 刷新
close [klo?z] 關(guān)閉
[?da?n?lo?d] 下載
[k?n?t?nju] 繼續(xù)
send [s?nd] 發(fā)送
min 最小化
max 最大化
[?wet??] 等待
[??mp?:rt] 導(dǎo)入
[?f?:rw?rd] 向前
[?ri:?stɑ:rt] 重新開始
menu [?m?nju] 菜單
back [b?k] 后退
[?p?det] 更新
常見狀態(tài) ——
[?n?:rml] 普通
[?f??k?st] 獲取焦點(diǎn)
['v?z?t?d] 已訪問
[d??f?lt] 默認(rèn)
press [pr?s] 按下
[?ha??la?t] 點(diǎn)擊
[d?s?eb?ld] 禁用
[s?'lekt?d] 選中
hover [?h?v?r] 懸停
error [??r?] 錯(cuò)誤
[k?m?plit] 完成
blank [bl??k] 空白
以下是一大波UI設(shè)計(jì)常用詞匯~
界面/ ——
啟動(dòng)頁(yè): page/
引導(dǎo)頁(yè): page
啟動(dòng):