那些總是形容不來的 Interaction

UI\UX 設計與前端開發必懂的名詞懶人包 Part4

Ying-Chen
Oct 11, 2020

前情提要 💡

這一篇講的是跟 UX 比較相關的詞彙,學會這幾個簡單的單字,在工作上討論的時候就可以很精確地說出想要的動畫或是效果。

UI 的部分暫時告一段落,若之後有想到其他相關的東西,或是又出現了新的主流元件的話會再繼續寫,之前寫過的文章連結在文末,歡迎參考。

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),謝謝大家 ❤️

--

--