底部工具欄 Footer Tool Bar
狹義的「底部工具欄」指的是作為浮層固定在頁(yè)面底部的工具欄歹茶。區(qū)別于「頂部工具欄」，「底部工具欄」的操作通常是對(duì)整個(gè)頁(yè)面進(jìn)行結(jié)束或總結(jié)厦章。
常見(jiàn)的操作如：確定、保存、刪除男翰、取消、上一步纽乱、下一步等蛾绎。本文所討論是更加廣義的「底部工具欄」，泛指所有用于存放結(jié)束或總結(jié)操作的工具欄鸦列。
根據(jù)操作不同租冠，在云產(chǎn)品中，關(guān)于「底部工具欄」內(nèi)部位置的討論會(huì)有以下2種類(lèi)型：
1.具有明顯空間次序的操作
在設(shè)計(jì)類(lèi)似「上一步」「下一步」「上一頁(yè)」「下一頁(yè)」「返回」等具有明顯空間次序的操作時(shí)薯嗤，通常按照語(yǔ)義進(jìn)行排布顽爹。
2.不具有明顯空間次序的操作
在設(shè)計(jì)類(lèi)似「保存」「確定」「取消」等不具有明顯空間次序的操作時(shí)，通常要考慮用戶(hù)習(xí)慣和用戶(hù)體驗(yàn)骆姐。
從用戶(hù)習(xí)慣的角度镜粤，微軟的Windows系統(tǒng)讓該操作系統(tǒng)的用戶(hù)習(xí)慣于「確定」等主操作在左側(cè)捏题，而「取消」等輔操作在右側(cè)。
從用戶(hù)體驗(yàn)的交互公荧，蘋(píng)果的Mac系統(tǒng)則根據(jù)「古登堡圖表法」（又稱(chēng)對(duì)角線(xiàn)平衡法）設(shè)計(jì)底部工具欄的內(nèi)部次序，將「確定」等主操作置于「最終視覺(jué)著落點(diǎn)」同规，即右下角稚矿，減少用戶(hù)視線(xiàn)的反復(fù)跳動(dòng)，使得體驗(yàn)更順暢捻浦。
**在特殊情境采用「反設(shè)計(jì)」，為了達(dá)到一定的商業(yè)目的或者為了減少用戶(hù)進(jìn)行破壞性操作朱灿，設(shè)計(jì)師也可以利用「反設(shè)計(jì)」將主操作的「刪除」置于左側(cè)昧识，輔操作的「取消」置于右側(cè)。
針對(duì)云服務(wù)領(lǐng)域跪楞，使用Windows系統(tǒng)的用戶(hù)占大部分，所以在云產(chǎn)品的設(shè)計(jì)中侣灶，建議遵循Windows系統(tǒng)的規(guī)范甸祭，主操作置于左側(cè)，輔操作置于右側(cè)褥影。
根據(jù)載體不同池户，在云產(chǎn)品中，關(guān)于「底部工具欄」對(duì)齊方式的討論會(huì)有以下3種類(lèi)型：
1居中彈窗
針對(duì)「居中彈窗」的底部工具欄凡怎，主要有以下3種設(shè)計(jì)方式：
①相對(duì)彈窗居中對(duì)齊——騰訊云校焦。消息確認(rèn)類(lèi)彈窗一般采用居中對(duì)齊，內(nèi)容彈窗也采用居中對(duì)齊统倒，一致性高寨典。但當(dāng)彈窗內(nèi)容較多時(shí)，易造成頭重腳輕的視覺(jué)感受房匆，且不符合常規(guī)視線(xiàn)流耸成。
②相對(duì)彈窗居右對(duì)齊——阿里云。配合居左的標(biāo)題浴鸿，符合古登堡圖表法的對(duì)角線(xiàn)視線(xiàn)流井氢，視覺(jué)感受平衡，操作自然赚楚。
③相對(duì)表單輸入框左對(duì)齊——青云毙沾。當(dāng)彈窗內(nèi)容僅有規(guī)整的表單時(shí)，符合尼爾森F型視覺(jué)流宠页，填寫(xiě)速度最好左胞。但當(dāng)表單的標(biāo)簽與輸入框采用左右結(jié)構(gòu)而非上下結(jié)構(gòu)時(shí)，常因標(biāo)簽長(zhǎng)度各異而導(dǎo)致操作按鈕位置各異举户，一致性稍欠烤宙。
2側(cè)方滑塊/側(cè)方彈窗/抽屜
當(dāng)「居中彈窗」沒(méi)有足夠的空間容納內(nèi)容信息時(shí)，一般采用「?jìng)?cè)方滑塊」的設(shè)計(jì)俭嘁。騰訊云和阿里云的「?jìng)?cè)方滑塊」設(shè)計(jì)中躺枕，都將底部工具欄居左處理，這也與「?jìng)?cè)方滑塊」通常容納表單相關(guān)供填」赵疲「?jìng)?cè)方滑塊」的形狀呈長(zhǎng)塊狀，為了充分利用空間以及保持表單整齊近她，一般采用標(biāo)簽和輸入框上下排布叉瘩，左對(duì)齊符合尼爾森F型視線(xiàn)流完箩，填寫(xiě)表單的效率最高履腋。圖示中，如果阿里云的表單能夠與底部操作欄左對(duì)齊徒欣，則體驗(yàn)更佳攒磨。
3頁(yè)面
當(dāng)「?jìng)?cè)方滑塊」沒(méi)有足夠的空間容納內(nèi)容信息時(shí)泳桦，一般采用新「頁(yè)面」的設(shè)計(jì)。
①相對(duì)頁(yè)面左對(duì)齊——騰訊云娩缰、Google Cloud Platform
②相對(duì)頁(yè)面右對(duì)齊——阿里云灸撰、AWS
選擇左對(duì)齊還是右對(duì)齊，其實(shí)與頁(yè)面布局相關(guān)拼坎。由于頁(yè)面空間較大梧奢，盡可能地利用橫向空間，此時(shí)演痒，視線(xiàn)流會(huì)呈古登堡圖表法的對(duì)角線(xiàn)型亲轨，底部工具欄右對(duì)齊置于「最終視覺(jué)著落點(diǎn)」，比較容易被用戶(hù)發(fā)現(xiàn)鸟顺。
但當(dāng)頁(yè)面的主體內(nèi)容居于左側(cè)惦蚊，右側(cè)留白或只有輔助信息時(shí)，視線(xiàn)流會(huì)呈尼爾森F型讯嫂，底部工具欄左對(duì)齊比較容易被用戶(hù)發(fā)現(xiàn)蹦锋。
延伸信息：
