滑軌
讓使用者可以在滑軌上移動控鈕,來決定所需要的數值。
每個位置代表的數值由左到右遞增,並且可在左右放置圖片或數字,來提示當前位置所代表的意義。
類型依照使用情境可分為以下兩類:
- 連續性滑軌用於使用者不需要知道明確數值時。
大於零
顏色:主題色(控鈕),主題色(橫桿)非使用中橫桿
顏色:黑
不透明度:26 %使用中橫桿
顏色:黑
不透明度:38 %停用
顏色:黑
不透明度:26 %
大於零
顏色:主題色 200(控鈕),主題色 200(橫桿)橫桿
顏色:白
不透明度:30 %停用
顏色:白
不透明度:30 %
滑軌加上圖示
滑軌加上文字,數字可以編輯,編輯後滑軌會移動到相對應的位置
- 離散性滑軌用於使用者需要知道確切數值的時候,滑軌上會切分數個平均寬度的錨點,讓使用者方便選取數值。
顏色風格同連續性
顏色風格同連續性