iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0
自我挑戰組

Design System Research系列 第 20

2.4.11 Design System - Switches/Toggle

  • 分享至 

  • xImage
  •  

作息的重要性
我大部分的時候可以屬於夜貓子類型 但幾次實驗下來發現
熬夜→睡不飽→上班想睡→花比較多時間完成待辦→下班屬於自己的時間減少→熬夜
然後就成了一個惡性循環 也會反應在身體上
解決的辦法就只有早起 真的希望能一直保持早起下去 這樣一整天屬於自己的時間感覺變多了!
如果有任何維持早起的方法 歡迎跟我分享!

Switch 大概是最受歡迎的元件了(最近好像要出新機...真的很怕自己手抖入坑
有些設計系統會命名為Toggle 但都是指 滑動的開關元件

初學如果沒看過 Material Design 有可能會誤用 Radio Button 在開關設計上
我自己大致是這樣判斷的

  1. 有很多選擇、用戶可以多選 > Checkbox
  2. 有很多選擇、用戶只能單選 > Radiobox
  3. 只有二極化的選擇、用戶只能單選 > Switches

N/Ng 也有整理一個表格幫助大家判斷什麼情況應該使用哪一種,這邊判斷 Checkbox&Toggle 的差異是在反應時間,如果會立即觸發的使用Toggle、反之要點擊按鈕送出才會反應的則使用 checkbox
https://ithelp.ithome.com.tw/upload/images/20211005/20142064OFufQFjGmR.png

設計上元件 Enable & Disable 狀態的差異要讓用戶能很直覺的明白,不管是用顏色、文字或符號作為輔助都可以
顏色上最好使用 非灰階&灰階,因為若選擇兩個都是 非灰階的顏色,很難讓用戶判斷哪個是 Enable、哪個是 Disable


實務經驗上的小故事

接觸不同領域的事物會拓展更多視野,在社群平台常常看到同領域的想要在該領域學習而有各類職業性社團,不過記得好幾年前看過一個設計相關紀錄片,裡面有位知名的設計提到(不記得確切內容,但大意類似)
跟同是設計師的人聚在一起他覺得自己想法跟創意會被限縮,所以很喜歡找不同領域的人聊天,可以激發很多不一樣的想法跟看事情的角度
一直記得這個片段,也希望以後能效仿他的做法讓自己的視野更寬廣

Day 20 End


上一篇
2.4.10 Design System - Input Text
下一篇
2.4.12 Design System - Lists
系列文
Design System Research30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言