Alert
網頁上會跳出的提示或警告。通常會有個按鈕讓你關掉它,常見的有「知道了」、「確定,下一步」、「再試一次」 。
Autocomplete
自動完成。但其實沒有很自動也沒有很完成,舉例像是填地名的時候,如果我輸入「台」,Autocomplete 就會幫我顯示「台北」、「台中」、「台南」、「台東」等台字輩的地名。
Popover
彈出框。按了某個 Button 後彈出的文字框。
Progress
進度條。網頁或是應用程式加載一直在轉的圈圈或是告訴你已經載入 50%、70%、90% 或 99.9% 的進度條。
Snackbar
消息條。在某個時間點會悠悠地出現三到五秒或是更多秒,然後再悠悠地消失的訊息框,像是「下載中」或是「出現錯誤,請稍後再試」,沒有額外功能也不能操作的存在。
Textarea Autosize
就是指 Text Field 會依照輸入的字數變大或變小。如果突然想不起來 Text Field 是什麼,可以看那些總是叫不出名字的 UI Components【Inputs 篇】,裡面有提到。
Transitions
過渡動畫。
後記 📷
其實我一直想把這系列的文章做一個類似辭彙檢索的懶人包,但大部分的UI Components 都沒有讓人一看就明白的中文翻譯或解釋,這也是當初為什麼我會想寫這一系列的文章。總而言之,目前我還沒想到要如何做 UI Components 的懶人包,也許需要等到中文詞彙的發展跟上 UI Components 進展的腳步吧 😃
UI Components 的文章都連結都在這,歡迎參考 📎
Part1 👇
那些總是叫不出名字的 UI Components 【Inputs 篇】
Part2 👇
那些總是叫不出名字的 UI Components 【Navigation 篇】
Part3 👇
那些總是叫不出名字的 UI Components 【Display 篇】
希望這些文章可以幫助到大家,如果有寫錯的地方或更好的建議也歡迎提供 feedback (this.yingchencheng@gmail.com),謝謝大家 ❤️