文| 丹頂鶴的日記本
在《設(shè)計(jì)師如何在職場獲得尊重》 中，我表達(dá)了準(zhǔn)確使用專業(yè)名詞的重要性拟糕。
然而判呕，實(shí)際工作中，我?guī)状位煜龑I(yè)詞匯送滞。在被同事或朋友指出來后，我一直醞釀將自己用錯(cuò)過的詞匯整理出來辱挥，這篇文章是一個(gè)開始犁嗅。
1. Toolbar 和Tab bar
在iOS 10規(guī)范里、大部分的app實(shí)現(xiàn)中晤碘，工具欄(Toolbar)和標(biāo)簽欄(Tab bar)褂微，都懸浮在頁面底部，上面并排3-5個(gè)操作按鈕园爷。因?yàn)橥庥^的相似性宠蚂，交互設(shè)計(jì)師常常將二者混淆。
很多應(yīng)用程序呀癣，將二者的高度都設(shè)置成49pt(Tab bar)的高度，可能是因?yàn)榻y(tǒng)一高度便于實(shí)現(xiàn)弦赖，也可能是因?yàn)橄罾福麄冏约阂膊恢蓝呤峭耆煌膬煞N控件。
1.1 層級(jí)不同：
工具欄屬于頁面級(jí)，工具欄上的操作只對(duì)所屬的頁面上的數(shù)據(jù)有效。
標(biāo)簽欄屬于全局帽撑。
1.2 功能不同：
工具欄上的按鈕兄春，是為了實(shí)現(xiàn)一個(gè)目的，和app進(jìn)行交互佩伤。
標(biāo)簽欄輔助實(shí)現(xiàn)，app的信息架構(gòu)扁平化，用戶可以快速的在不同視圖之間切換惭载，而不必回到信息樹的根部。
打個(gè)比方响巢，
- 工具欄里的按鈕是一套公寓的家用電器描滔，人們在自己的公寓里，用這些工具實(shí)現(xiàn)各種生活必須活動(dòng)踪古。
- 標(biāo)簽欄里的標(biāo)簽是門牌號(hào)含长，人們在一幢居民樓里，根據(jù)門牌號(hào)尋找自己的房間伏穆，或者去別人的房間拘泞。
1.3 iOS 10規(guī)范里，高度不同：
工具欄：44pt
標(biāo)簽欄：49pt
2. Switch長得像錄音機(jī)按鈕枕扫，而RadioButton另有其人
在一次開會(huì)，被經(jīng)理指出命名有錯(cuò)之前烟瞧，我一直都認(rèn)為诗鸭，上圖的切換按鈕是Radiobutton。 因?yàn)槲艺J(rèn)為它外形長得像錄音機(jī)参滴。
后來別人跟我解釋說：“Radio在這里是收音機(jī)强岸，以前的錄音機(jī)都是只能按下一個(gè)鍵，其他鍵會(huì)馬上彈起來的砾赔，所以叫做RadioButton蝌箍。”
好吧过蹂，我記得錄音機(jī)的按鈕十绑，不是圓的，哈哈酷勺。
3. 身為小圓點(diǎn)本橙，卻有個(gè)霸氣的名字叫Badge
實(shí)話實(shí)話，你們管下圖這樣的小圓點(diǎn)叫什么脆诉？
大部分人都說“小紅點(diǎn)”啊亏狰！
還有人說役纹，消息通知。message notification完全是另一個(gè)控件暇唾。
而我促脉，我以前看到這個(gè)注釋，就以為是profile那個(gè)頭像策州。所以瘸味，是相當(dāng)?shù)膩G臉的。
如果按照英文直接翻譯够挂，是徽章旁仿。但是徽章不能很好的表達(dá)這個(gè)控件的功能。感謝@xihayouyi的留言孽糖，和我經(jīng)理的指點(diǎn)枯冈。Badge更好的翻譯是“角標(biāo)”。
4. 不是所有的彈窗都叫Toast
彈窗分為 “模態(tài)”的和“非模態(tài)”的办悟。Toast是屬于非模態(tài)的尘奏。而Alert，Popover, Action sheet, 是模態(tài)的病蛉，可以統(tǒng)一叫他們 模態(tài)對(duì)話框(modal dialogs)罪既。
模態(tài)是UI 視圖的一個(gè)狀態(tài)。這個(gè)狀態(tài)下铡恕，對(duì)話框中的內(nèi)容獲取了焦點(diǎn)，想要操作對(duì)話框以外的功能丢间，必須先對(duì)該對(duì)話框進(jìn)行響應(yīng)探熔。
Toast 和HUD
- Toast 這個(gè)控件是安卓系統(tǒng)的原生控件，iOS對(duì)應(yīng)的控件叫HUD烘挫。但是HUD和半透明黑色Toast外觀上有差異诀艰，是半透明毛玻璃。
- Toast 和HUD其垄，在界面上停留一段時(shí)間，會(huì)自動(dòng)消失卤橄，不需要人為交互關(guān)閉绿满。
- Toast和HUD 是非模態(tài)的，他們出現(xiàn)的時(shí)候窟扑，可以操作其他視圖喇颁。
自認(rèn)為Toast這個(gè)命名實(shí)在太形象了漏健，
- 一是安卓系統(tǒng)本身就是個(gè)吃貨系統(tǒng)，這點(diǎn)Toast很符合安卓的命名習(xí)慣橘霎。
- 圓角矩形蔫浆，彈出來。很像切片吐司從面包機(jī)中彈出來姐叁。
Alert
Alert是模態(tài)的瓦盛。及，不對(duì)它進(jìn)行操作外潜，就不可以操作其他視圖原环。
Popover
浮出層是用戶點(diǎn)擊界面上的某個(gè)控件，主動(dòng)觸發(fā)的模態(tài)對(duì)話框橡卤。
最后我畫了個(gè)示意圖扮念，方便理解。
類似這樣容易混淆的交互設(shè)計(jì)名詞碧库，還有很多柜与。我嘗試在一個(gè)設(shè)計(jì)師群里，問過大家嵌灰，發(fā)現(xiàn)并不只有我一人混淆過弄匕。我更確定了整理交互名詞的必要性。之后沽瞭，我會(huì)不斷完善和補(bǔ)充這個(gè)列表迁匠。如果對(duì)你有幫助，就收藏驹溃，并查看更新吧城丧。如果您發(fā)現(xiàn)文章里的錯(cuò)誤，一定不要有所顧及豌鹤，即時(shí)反饋給我亡哄，謝謝啦。
