iT邦幫忙

2021 iThome 鐵人賽

DAY 13
0
自我挑戰組

設計麻瓜系列 第 13

013-狀態

到今天最大的困難,好像變成了想主題要寫什麼。

來介紹一下做出一個元件後,基本上可以衍伸的思考可能會有的狀態有幾個:

Default - 基本狀態,在什麼事情都不做時會有的狀態。
Hover - 滑鼠移動到元件上時,會出現的狀態。
Focus - 對這個狀態做出反應時,會出現的狀態。
Active - 這個狀態啟動時會出現的狀態。
Loading - 讀取中狀態。
Disable - 不能使用的狀態。
Error - 錯誤狀態。
Success - 成功狀態。

基本上常出現的狀態,會對應到的狀態會有這些。如果搭配variant的話,就可以使用完整的命名,來作為分類依據。
如果是其他使用軟體,則可以使用簡寫來達成第一眼也能快速反應,像是取第一個字母,或是前三個字母等方式作為簡易的標示。此作法可以方便在顯示寬度較為不足的狀況中,盡量的起到辨識的作用。


上一篇
012-忘記打文章
下一篇
014-iOS 15
系列文
設計麻瓜15

尚未有邦友留言

立即登入留言