前言

最近發(fā)生了兩件事：

和新來(lái)的研發(fā)溝通個(gè)問(wèn)題——讓他替換下icon。

他問(wèn)我什么是icon螺句？

我說(shuō)就是圖標(biāo)蝶押，他說(shuō)哦哦

和另外一個(gè)產(chǎn)品討論一個(gè)交互，我說(shuō)使用穿梭選擇器卜朗，他問(wèn)我什么是穿梭選擇器？

我說(shuō)就是這種涎拉，他說(shuō)哦哦

?

對(duì)于很多組件名稱(chēng)晾咪，有時(shí)候我也搞不明白。產(chǎn)品實(shí)習(xí)生之前問(wèn)我徽標(biāo)內(nèi)容數(shù)值最多顯示99+行不行鞋既？

我也是一愣力九，才知道他說(shuō)的就是小紅點(diǎn)。

?

我想邑闺，很多同學(xué)都會(huì)有搞不清楚組件名稱(chēng)叫什么的時(shí)候跌前，所以我整理了一些組件名稱(chēng)，以及一些其他名詞陡舅。

?

內(nèi)容較多抵乓，建議收藏，希望對(duì)各位有用靶衍。

組件相關(guān)

1. icon

就是指圖標(biāo)灾炭，比如像app的icon圖標(biāo)，還有在頁(yè)面內(nèi)的圖標(biāo)颅眶，都能叫做icon蜈出。

icon需要有象征意義，需要有隱喻性帚呼，需要讓人能在最短的時(shí)間內(nèi)理解出icon的含義掏缎。

問(wèn)你個(gè)事，抖音的第三個(gè)icon是啥煤杀？

2.?穿梭選擇器

也叫穿梭框眷蜈，一般為左右兩欄，左邊為待選擇項(xiàng)沈自，右邊為已選項(xiàng)酌儒。

從左邊選到右邊表示已選，從右邊移到左邊枯途，表示取消選擇忌怎。

常用在B端產(chǎn)品中籍滴，當(dāng)需要多選且選擇項(xiàng)較多時(shí)，就可以使用穿梭選擇器榴啸。

當(dāng)可選項(xiàng)很多孽惰，大于10個(gè)時(shí)，可以考慮使用穿梭選擇框鸥印。這樣用戶(hù)就可以清楚的知道自己選擇了哪些內(nèi)容勋功。

?

3.?徽標(biāo)（Badge）

徽標(biāo)可以理解為小紅點(diǎn)，就是在圖標(biāo)库说、文字右上角狂鞋、或者在頁(yè)面某個(gè)地方的紅色小圓點(diǎn)。常用來(lái)表示有新消息或者是為了達(dá)到某種信息提示潜的。

徽標(biāo)的形式不僅只有小紅點(diǎn)骚揍，也有紅圈里加數(shù)字，表示新消息數(shù)量啰挪。也有直接小紅圈+文字信不，來(lái)更好的傳達(dá)信息。

4.?骨架屏

骨架屏是一種加載狀態(tài)脐供，也叫做加載占位符浑塞，加載時(shí)在頁(yè)面上通過(guò)灰色塊顯示出大致結(jié)構(gòu)。

可以有效緩解用戶(hù)的等待焦慮感政己，向用戶(hù)表達(dá)出“這個(gè)頁(yè)面有這樣的數(shù)據(jù)”的感覺(jué)酌壕。同時(shí)結(jié)合光澤掠過(guò)或者灰色塊來(lái)回收縮的動(dòng)畫(huà)，來(lái)表達(dá)頁(yè)面正在加載中歇由。

骨架屏比普通的加載loading動(dòng)畫(huà)能提供更好的視覺(jué)效果卵牍，能產(chǎn)生加載很快的感覺(jué)，對(duì)用戶(hù)體驗(yàn)也更好沦泌。

相同的響應(yīng)時(shí)間內(nèi)糊昙，菊花轉(zhuǎn)轉(zhuǎn)的再快，也比不上骨架屏來(lái)的感覺(jué)快谢谦。

?

5.?缺省頁(yè)/空狀態(tài)頁(yè)

是指在頁(yè)面內(nèi)沒(méi)有數(shù)據(jù)時(shí)顯示出空狀態(tài)效果释牺。避免沒(méi)有數(shù)據(jù)時(shí)顯示出空白頁(yè)面，讓用戶(hù)陷入“到底有沒(méi)有數(shù)據(jù)”的困惑回挽。

缺省頁(yè)包括網(wǎng)絡(luò)異常没咙，加載失敗、無(wú)權(quán)限千劈、搜索無(wú)結(jié)果等祭刚。

缺省頁(yè)不僅是只一個(gè)頁(yè)面全是空狀態(tài)，在頁(yè)面中的某個(gè)模塊中也會(huì)有空狀態(tài)，針對(duì)某個(gè)模塊內(nèi)也要添加缺省狀態(tài)涡驮。

沒(méi)有數(shù)據(jù)非常影響用戶(hù)體驗(yàn)暗甥，這時(shí)就靠缺省頁(yè)來(lái)安慰用戶(hù)。添加合適的文案捉捅、圖案撤防、引導(dǎo)、動(dòng)效來(lái)給用戶(hù)一些正向的傳達(dá)锯梁。

比如沒(méi)有關(guān)注即碗，我們推薦用戶(hù)可關(guān)注的博主。當(dāng)加載失敗時(shí)陌凳，可以添加“重新加載”按鈕，讓用戶(hù)再次刷新内舟。

?

缺省頁(yè)空狀態(tài)屬于數(shù)據(jù)為空的臨界值合敦，經(jīng)常會(huì)一不小心遺漏，敲黑板验游，需要注意空狀態(tài)充岛。

6.?tab頁(yè)

指標(biāo)簽頁(yè)，可以理解為菜單耕蝉、導(dǎo)航欄崔梗。通過(guò)不同tab頁(yè)聚合不同信息收納在一個(gè)頁(yè)面區(qū)域內(nèi)。

Tab頁(yè)分為頂部垒在、底部蒜魄、側(cè)邊欄。

頂部tab是最常見(jiàn)的场躯，在很多app和網(wǎng)站中都有使用谈为，因?yàn)轫敳縯ab占據(jù)的頁(yè)面空間更小，同時(shí)采用滑動(dòng)的形式可以容納很多tab踢关。

頂部tab除了有文字伞鲫，還有圖標(biāo)tab。

側(cè)邊欄tab有左签舞、右秕脓，常見(jiàn)的是左側(cè)欄。如果更想突出內(nèi)容儒搭，可以采用右側(cè)邊欄吠架。

tab頁(yè)的層級(jí)關(guān)系一般是底部tab＞頂部tab＞側(cè)邊欄tab。對(duì)于頁(yè)面內(nèi)容太多時(shí)师妙，也能互相嵌用诵肛。比如頂部tab頁(yè)里再套個(gè)二級(jí)左側(cè)邊欄tab。

在ios里有個(gè)Segmented Controls，叫分段控件怔檩，和tab頁(yè)很像褪秀，都是用來(lái)聚合頁(yè)面。

不一樣的是薛训，分段控件只能手動(dòng)點(diǎn)擊媒吗，不能左右滑動(dòng)切換，而tab頁(yè)可以左右滑動(dòng)切換頁(yè)面乙埃。

分段控件可以是文字分段闸英，也可以是圖標(biāo)，下圖是圖標(biāo)分段控件介袜。

7.?模態(tài)彈窗與非模態(tài)彈窗

模態(tài)彈窗：對(duì)用戶(hù)操作做出阻礙的彈窗甫何。用戶(hù)必須對(duì)彈窗內(nèi)容做出回應(yīng)才能進(jìn)行下一步操作，在操作確認(rèn)遇伞、重要信息提醒時(shí)辙喂，都需要用到模態(tài)彈窗。

?

對(duì)于用戶(hù)使用場(chǎng)景的不同鸠珠，可以選擇使用不同的模態(tài)彈窗巍耗，比如對(duì)話框、氣泡提示渐排、動(dòng)作欄等（這些概念下邊會(huì)說(shuō)）

?

非模態(tài)彈窗：不會(huì)阻礙用戶(hù)操作的彈窗炬太。像toast提示、通告欄就是非模態(tài)（這些概念下邊會(huì)說(shuō)）驯耻。

?

8.?氣泡（popover）

氣泡可以理解為一個(gè)小彈窗亲族，就像氣泡一樣，體積小吓歇、重量輕孽水，想往哪飄就往哪飄，剛顯示出來(lái)城看，手指一搓女气，就bou~的沒(méi)有了。

氣泡是種形式测柠，結(jié)合不同場(chǎng)景炼鞠，常見(jiàn)的有氣泡確認(rèn)框、氣泡卡片轰胁、氣泡引導(dǎo)等谒主，特點(diǎn)就是輕、小赃阀、靈活霎肯。

還有個(gè)大特點(diǎn)就是會(huì)有個(gè)小箭頭，來(lái)表示這個(gè)氣泡從哪出來(lái)的，能夠突出顯示特定位置的提示观游。所以在引導(dǎo)用戶(hù)時(shí)搂捧，就可以大大方方的使用氣泡引導(dǎo)。

對(duì)于一些不常用功能懂缕、或者快捷功能入口允跑，可以采用隱藏的方式，在顯示的時(shí)候就可以通過(guò)“氣泡卡片”的形式彈出來(lái)搪柑。

9.?浮出層（popup）

這里浮出層是指浮出在半透明層上的彈窗窗口聋丝，可在浮出層中進(jìn)行操作。通常是點(diǎn)擊頁(yè)面某個(gè)區(qū)域后展示出來(lái)工碾。

10.?動(dòng)作欄（Action Sheets）

常指從頁(yè)面底部彈出的底部列表彈窗弱睦，懸浮在半透明蒙版上，不需要進(jìn)行跳轉(zhuǎn)頁(yè)面渊额，在當(dāng)前頁(yè)面就可以進(jìn)行更多的操作每篷。

?

11.活動(dòng)視圖 （ActivityViews）

這個(gè)概念來(lái)自ios，簡(jiǎn)單理解是指在從底部出現(xiàn)的彈窗端圈，常見(jiàn)的樣式為icon+標(biāo)題，可以讓用戶(hù)快速訪問(wèn)其它功能子库。

當(dāng)動(dòng)作欄用于分享場(chǎng)景時(shí)舱权，可以叫做分享面板。

12.Toast

也叫吐司提示仑嗅、輕提示宴倍，是一種非常輕量級(jí)提示。出現(xiàn)后仓技，過(guò)幾秒自動(dòng)消失鸵贬。出現(xiàn)位置有屏幕頂部、中部脖捻、底部阔逼。

由于出現(xiàn)時(shí)間短、面積小地沮，過(guò)幾秒就會(huì)自動(dòng)消失嗜浮，所以不能添加過(guò)多的文字，也不能放重要信息摩疑。Toast屬于非模態(tài)危融。

13.通告欄 （Notice Bar）

形式一般為在頁(yè)面上方顯示的小橫條內(nèi)容±状可用來(lái)做狀態(tài)提示吉殃、消息通知。屬于非模態(tài)，可以提示用戶(hù)蛋勺，但不影響用戶(hù)的操作瓦灶。

通告欄比toast達(dá)到的提示更重，因?yàn)樗黠@迫卢；比彈窗提示倚搬、氣泡提示達(dá)到的提示輕，因?yàn)樗粫?huì)影響用戶(hù)的操作乾蛤。

?

通告欄位置通常在頁(yè)面上方每界，也有在頁(yè)面下方顯示〖衣簦可以主動(dòng)消失眨层，也可以常駐。同時(shí)在一個(gè)頁(yè)面內(nèi)也可以添加多個(gè)通告欄上荡。

14.提示對(duì)話框?（Snackbar）

可以理解為懸浮在頁(yè)面底部的消息通知趴樱，可以自動(dòng)消失，也可以常駐酪捡，手動(dòng)點(diǎn)擊消失叁征。??

snackbar的提示強(qiáng)度比Toast強(qiáng)，不影響用戶(hù)操作逛薇，屬于非模態(tài)捺疼。另外snackbar在出現(xiàn)時(shí)可以添加操作按鈕，引導(dǎo)用戶(hù)做其它操作永罚。

? ?

15.HUD

HUD有幾種說(shuō)法啤呼，我們一個(gè)個(gè)看下。

• HUD-輕提示呢袱，和上邊的Toast相似官扣。

與toast不同的是，它作為提示出現(xiàn)時(shí)羞福，都在頁(yè)面中部顯示惕蹄，Toast只有文字，而HUD為圖標(biāo)+文字坯临。

• HUD-平視顯示器.全稱(chēng)是Head-up Display焊唬。

在航空航天、汽車(chē)領(lǐng)域HUD指將參數(shù)內(nèi)容投射到頭盔看靠、擋風(fēng)玻璃的一種顯示設(shè)備赶促。可以在視線中顯示的參數(shù)內(nèi)容挟炬，如開(kāi)車(chē)時(shí)不需要看儀表盤(pán)鸥滨，在視野范圍內(nèi)就能看到車(chē)速嗦哆。

16.透明指示層

是指在頁(yè)面中顯示出交互操作的指示層，也是種反饋組件婿滓，常見(jiàn)的如看視頻的快進(jìn)提示老速，或者是調(diào)整音量的提示。

有些文章把HUD也叫作透明指示層凸主，正確性我無(wú)法判斷橘券，所以在這把透明指示層單獨(dú)說(shuō)明。

17.工具提示/文字提示（Tooltips）

常指在鼠標(biāo)懸浮在某個(gè)圖標(biāo)卿吐、按鈕旁舰、文本等元素上，顯示出來(lái)描述或者功能說(shuō)明嗡官，用于輔助用戶(hù)了解某個(gè)功能箭窜。

18.Chips

有些文章翻譯為紙片，但是我覺(jué)得不形象衍腥，那么Chips是什么呢磺樱？

看下邊的圖，這個(gè)像按鈕的就是chips婆咸。

但是Chips與按鈕是不同的竹捉，按鈕的內(nèi)容是固定的，而chips是動(dòng)態(tài)的尚骄，根據(jù)支持內(nèi)容不同顯示不同的內(nèi)容活孩。所以chips更像是標(biāo)簽。

Material Design將Chips分為4類(lèi)乖仇，分別是輔助chips、過(guò)濾chips询兴、輸入chips乃沙、建議chips。

• 輔助chips：可以跨越多個(gè)app的智能或自動(dòng)化操作诗舰，比如說(shuō)購(gòu)買(mǎi)電影票后把看電影的時(shí)間添加到日歷警儒。

  
  

• 過(guò)濾chips：用于篩選，可用于單選與多選眶根。

  
  

• 輸入chips：用戶(hù)輸入的信息聚合蜀铲，比如發(fā)郵件輸入收件人后，后邊有個(gè)“×”属百。

  
  

• 建議chips：動(dòng)態(tài)生成的建議來(lái)幫助縮小用戶(hù)的意圖记劝。

  
  

19.步進(jìn)器（Stepper）

步進(jìn)器是指通過(guò)增、減按鈕對(duì)數(shù)值進(jìn)行控制的組件族扰。常用于小范圍整數(shù)數(shù)值輸入,每次增厌丑、減的數(shù)量都是恒定的定欧。

20.滑動(dòng)選擇器

是指通過(guò)橫軸中通過(guò)滑動(dòng)的方式選擇對(duì)應(yīng)的數(shù)值、區(qū)間怒竿。

特點(diǎn)是在橫軸中展示出了最小值與最大值砍鸠，用戶(hù)可以通過(guò)滑動(dòng)的方式自己選擇對(duì)應(yīng)數(shù)值。

區(qū)間滑動(dòng)選擇器是指可以選擇最小值與最大值耕驰，讓用戶(hù)自己選擇區(qū)間范圍爷辱，常用于價(jià)格選擇。

21.懸浮按鈕/浮動(dòng)按鈕/Fab

Floating action buttons 朦肘，浮動(dòng)按鈕饭弓，就是懸浮按鈕。

常用于主功能入口厚骗，如新建示启。

22.導(dǎo)航欄、狀態(tài)欄

狀態(tài)欄是手機(jī)屏幕上方顯示時(shí)間领舰、電量夫嗓、手機(jī)信號(hào)的那一欄

導(dǎo)航欄是指狀態(tài)欄下邊的那一欄，導(dǎo)航欄可以是很簡(jiǎn)單的只有一個(gè)標(biāo)題冲秽、也可以放搜索框舍咖，或者其它操作按鈕，或功能入口锉桑。

23.指示器

在圖片或卡片可進(jìn)行左右滑動(dòng)時(shí)排霉，常使用指示器來(lái)表達(dá)所在位置。

根據(jù)指示器的樣式不同民轴，有圓點(diǎn)指示器攻柠、滑塊指示器、線型指示器后裸、數(shù)字指示器瑰钮。

24.卡片

卡片是一種容納信息的展示方式，每張卡片內(nèi)承載不同內(nèi)容微驶，不僅能有效處理信息集合浪谴，同時(shí)有效的讓用戶(hù)聚焦到卡片中的內(nèi)容。

卡片的高效分區(qū)因苹、信息突出在很多產(chǎn)品中都已經(jīng)使用到苟耻。

25.泳道

可以橫向左右滑動(dòng)來(lái)查看內(nèi)容的方式叫做泳道。

將多個(gè)元素內(nèi)容在一定區(qū)域內(nèi)橫向滑動(dòng)扶檐，擴(kuò)展了頁(yè)面的橫向空間凶杖，一般是手動(dòng)滑動(dòng)查看，并沒(méi)有自動(dòng)滑動(dòng)款筑。

26.Banner

Banner是指出現(xiàn)在頁(yè)面中明顯的橫幅圖片官卡，通常作為推薦位蝗茁、廣告位，如產(chǎn)品推薦寻咒、廣告位等哮翘。

?

大家應(yīng)該都清楚這個(gè)

?

但是根據(jù)樣式不同，還能分為膠囊banner毛秘、瓷片區(qū)banner饭寺、白底banner，這些名字是否為標(biāo)準(zhǔn)的叫挟，我也不清楚艰匙，所以如果你不知道描述，可以就按這種名字叫抹恳。

27.瓷片區(qū)

將不同矩形塊通過(guò)網(wǎng)格布局的方式就組成了瓷片區(qū)员凝。

特點(diǎn)就是布局很靈活，比banner占據(jù)的空間小奋献，相同面積能夠放更多的流量入口健霹。

28.金剛區(qū)

是指在首頁(yè)中icon+文字通過(guò)宮格形式排列的區(qū)域。把多個(gè)功能入口排列的一起瓶蚂，很好的起到了引流的作用糖埋，特點(diǎn)還是很靈活。

據(jù)說(shuō)是“金剛區(qū)”“瓷片區(qū)”這些詞是美團(tuán)造的窃这，“金剛區(qū)”意思為“百變金剛”瞳别，靈活多變；“瓷片區(qū)”就像瓷片貼墻上一樣杭攻，工工整整祟敛。

?

Banner、金剛區(qū)兆解、瓷片區(qū)被稱(chēng)為3大運(yùn)營(yíng)版塊垒棋，起著為不同業(yè)務(wù)模塊、不同活動(dòng)引流的作用痪宰。

導(dǎo)航相關(guān)

29.抽屜導(dǎo)航

我們先說(shuō)下抽屜，抽屜是指一種對(duì)組件展示方式的描述畔裕，像抽屜一樣進(jìn)行開(kāi)合衣撬，將多余內(nèi)容隱藏，出現(xiàn)的時(shí)候彈出扮饶，和浮出層很像具练。

對(duì)于不常用的功能，將功能入口隱藏起來(lái)甜无，用戶(hù)需要時(shí)扛点，點(diǎn)擊入口哥遮，然后將功能列表顯示出來(lái)。

當(dāng)起到導(dǎo)航作用時(shí)陵究，就叫抽屜導(dǎo)航眠饮，也叫溢出菜單、擴(kuò)展菜單铜邮、漢堡導(dǎo)航仪召，就是將側(cè)邊欄隱藏起來(lái)。

30.宮格導(dǎo)航

先說(shuō)下宮格松蒜，宮格是指一種布局方式扔茅，通過(guò)icon+文字直接平均排列開(kāi)，讓用戶(hù)直接看到每個(gè)獨(dú)立的模塊入口秸苗，自己去點(diǎn)擊召娜。

當(dāng)宮格布局用于導(dǎo)航時(shí)，就可以叫做宮格導(dǎo)航惊楼，像金剛區(qū)就是宮格導(dǎo)航玖瘸。

31.索引導(dǎo)航

索引導(dǎo)航欄是指通過(guò)首字母、或者數(shù)字進(jìn)行分類(lèi)組織內(nèi)容胁后，并進(jìn)行導(dǎo)航的控件店读。

32.舵式導(dǎo)航

舵式導(dǎo)航是底部tab的變體，常用在Apptabbar上攀芯。

對(duì)于app的核心功能屯断、想要用戶(hù)操作的功能放在中間，變換下形式侣诺，引導(dǎo)用戶(hù)去點(diǎn)擊殖演。

通常在UGC社區(qū)中，為了引導(dǎo)用戶(hù)發(fā)布內(nèi)容年鸳，將入口放在最明顯的位置趴久，通過(guò)最短的路徑，引導(dǎo)用戶(hù)發(fā)布搔确。

設(shè)計(jì)相關(guān)

33.襯線體彼棍、無(wú)襯線體

襯線體是指在字的筆畫(huà)邊角中有彎彎繞繞的字體，像宋體就是襯線體膳算。

無(wú)襯線體與襯線體完全相反座硕，是筆畫(huà)線條統(tǒng)一，邊角沒(méi)有彎彎繞繞的字體涕蜂，像微軟雅黑就是無(wú)襯線體华匾。

34.容器變換

容器變換是一種動(dòng)效的定義，來(lái)自 Material Design机隙。

通俗的說(shuō)是指在一個(gè)小卡片的基礎(chǔ)上放大擴(kuò)展到新頁(yè)面蜘拉。如點(diǎn)擊小紅書(shū)首頁(yè)瀑布流卡片萨西，進(jìn)入到詳情頁(yè)面的動(dòng)效，就是容量變換旭旭。

容器變換采用過(guò)渡的方式谎脯，引導(dǎo)用戶(hù)的視線，減少使用過(guò)程中的頓挫感您机，提升流暢度穿肄。

35.語(yǔ)義色

直接用顏色表示出具體語(yǔ)境含義

如紅色：警告

黃色：提示

綠色：成功

灰色：不支持

藍(lán)色：鏈接色

rex-design語(yǔ)義色板

36.內(nèi)容出界

內(nèi)容出界是指讓內(nèi)容溢出畫(huà)框的設(shè)計(jì)方式，可以突出氛圍际看，讓畫(huà)面更有沖擊力咸产。

37.Z軸

這個(gè)概念也來(lái)自Material Design，在二維設(shè)計(jì)的基礎(chǔ)上升到了三維仲闽，為了表現(xiàn)出頁(yè)面中的深度脑溢，引進(jìn)了Z軸的概念。

簡(jiǎn)單理解赖欣，就是層級(jí)關(guān)系屑彻。

通過(guò)使用陰影、浮層等來(lái)體現(xiàn)出頁(yè)面的高度顶吮。

其它

38.熱區(qū)

熱區(qū)是指頁(yè)面中可以點(diǎn)擊的區(qū)域社牲，點(diǎn)擊熱區(qū)會(huì)觸發(fā)一個(gè)交互事件。

比如說(shuō)點(diǎn)擊頭像悴了，進(jìn)入個(gè)人主頁(yè)搏恤，頭像區(qū)域就是個(gè)熱區(qū)。

熱區(qū)的尺寸范圍也會(huì)影響用戶(hù)體驗(yàn)湃交，比如說(shuō)單選按鈕熟空，為了讓用戶(hù)快速選擇，我們可以選擇擴(kuò)大熱區(qū)范圍搞莺，將圖標(biāo)+文字作為熱區(qū)息罗。

39.?熱力圖

熱力圖，也叫熱圖才沧，是指以特殊高亮的形式在頁(yè)面中顯示用戶(hù)經(jīng)常點(diǎn)擊的區(qū)域迈喉，區(qū)域越亮，所以用戶(hù)點(diǎn)擊越多温圆。

熱力圖非常直觀的展示出用戶(hù)在頁(yè)面上的操作挨摸，對(duì)于我們分析頁(yè)面的合理性，提高頁(yè)面轉(zhuǎn)化率都有很好的指導(dǎo)作用捌木。

總結(jié)

以上就是我想介紹的一些組件名稱(chēng)以及其他名詞，當(dāng)然一些組件的中文名稱(chēng)通過(guò)不同的翻譯方式嫉戚，在國(guó)內(nèi)的叫法各異刨裆。

我們不需要去過(guò)度糾結(jié)名稱(chēng)的專(zhuān)業(yè)叫法澈圈，只要這個(gè)名稱(chēng)讓團(tuán)隊(duì)成員有相同的認(rèn)識(shí)，不會(huì)出現(xiàn)誤解帆啃，能夠滿足溝通就夠了瞬女。

比如微信小程序右上角膠囊按鈕里的三個(gè)點(diǎn)

我找遍了微信小程序組件庫(kù)也沒(méi)找到標(biāo)準(zhǔn)叫法，但是直接叫三個(gè)點(diǎn)努潘，大家也都知道是什么诽偷，所以就沒(méi)必要再去糾結(jié)了。

如果你想更深入了解組件的用法疯坤，你可以去下邊幾個(gè)網(wǎng)址去看看

1报慕、Android

https://m3.material.io/components/menus/guidelines

2玛臂、ios

https://developer.apple.com/design

3旭寿、RexDesign

https://alibaba.github.io/rex-design/design

4、AntDesign

https://ant.design/components/overview-cn/

5缎讼、ArcoDesign

https://arco.design/docs/spec/link

------------?End?------------