互動狀態詞條 4-03

作用中Active State

也常叫做：作用中狀態、Active、按下效果

你可能會這樣說

按住按鈕還沒放開的瞬間，按鈕變深、往下移一點點，放開後彈回來，像實體按鍵被壓下去。另外，導覽列上「現在這一頁」的連結樣式好像也叫 active，想搞清楚兩者關係。

作用中（active）在網頁裡有兩個常見意思：一是「滑鼠按住的那一刻」的按壓回饋，二是導覽列上「目前所在頁面」的標示。

按壓回饋給人踏實感，常配合輕微下移或縮小，像實體按鍵被壓下去；沒有它，按鈕點起來像戳一張圖片。

導覽列的作用中樣式則是位置感：使用者抬頭一看就知道自己在哪一頁，逛再深都不會迷路。

立即報名

按住時放開的彈回

實際網站是按住那一刻套用、放開就彈回——這裡先幫你把參數選好。

圖 4-4　選選看按住的回饋：下沉或微縮，放開要馬上彈回。

中文就可以

1. 按鈕按住時往下移 1 像素，底色加深一階。
2. 放開後 150 毫秒內平滑恢復原狀。
3. 導覽列目前頁面的連結顯示主色與底線，其他頁面維持原樣。
4. 這些樣式全站統一，不要每個按鈕各玩各的。