滑軌

讓使用者可以在滑軌上移動控鈕,來決定所需要的數值。

每個位置代表的數值由左到右遞增,並且可在左右放置圖片或數字,來提示當前位置所代表的意義。

類型

類型依照使用情境可分為以下兩類:

  • 連續性滑軌用於使用者不需要知道明確數值時。

大於零
顏色:主題色(控鈕),主題色(橫桿)

非使用中橫桿
顏色:黑
不透明度:26 %

使用中橫桿
顏色:黑
不透明度:38 %

停用
顏色:黑
不透明度:26 %

大於零
顏色:主題色 200(控鈕),主題色 200(橫桿)

橫桿
顏色:白
不透明度:30 %

停用
顏色:白
不透明度:30 %

滑軌加上圖示

滑軌加上文字,數字可以編輯,編輯後滑軌會移動到相對應的位置

  • 離散性滑軌用於使用者需要知道確切數值的時候,滑軌上會切分數個平均寬度的錨點,讓使用者方便選取數值。

顏色風格同連續性

顏色風格同連續性