4.固釘導(dǎo)航
4.1款式
以固定不動(dòng)在網(wǎng)頁頁面對話框的某一個(gè)部位，翻轉(zhuǎn)網(wǎng)頁頁面時(shí)不影響其部位。
?、佼?dāng)內(nèi)容地區(qū)較為長時(shí)，必須翻轉(zhuǎn)網(wǎng)頁頁面，這些內(nèi)容相匹配的實(shí)際操作或?qū)Ш奖仨氃诜D(zhuǎn)范疇內(nèi)自始至終呈現(xiàn)，如側(cè)面萊單、回到頂部按鍵等。（如果你感興趣，可以免費(fèi)注冊一鍵制作你喜歡的網(wǎng)站）
?、诋?dāng)網(wǎng)頁頁面可視性范疇過鐘頭，導(dǎo)航內(nèi)容怕被擋住，則以內(nèi)藏式固釘導(dǎo)航款式。
4.2設(shè)計(jì)方式
?、俟提攦?nèi)藏式導(dǎo)航
一般用以掩藏導(dǎo)航的標(biāo)準(zhǔn)下，在設(shè)計(jì)上必須固定不動(dòng)導(dǎo)航在顯示屏上的部位時(shí)，也可用以因網(wǎng)頁頁面可視性范疇很鐘頭，導(dǎo)航內(nèi)容怕被擋住。如圖掩藏導(dǎo)航。
②固釘水準(zhǔn)導(dǎo)航
一般做為在翻轉(zhuǎn)網(wǎng)頁頁面時(shí)，關(guān)于免費(fèi)網(wǎng)站模板，導(dǎo)航自始至終在對話框固定不動(dòng)部位呈現(xiàn)，在設(shè)計(jì)上可做為豎直型網(wǎng)頁頁面設(shè)計(jì)和全屏幕轉(zhuǎn)換網(wǎng)頁頁面設(shè)計(jì)時(shí)需選用。
③固釘豎直導(dǎo)航
一般做為全屏幕轉(zhuǎn)換的網(wǎng)頁頁面設(shè)計(jì)中，豎直導(dǎo)航固定不變，只轉(zhuǎn)換banner或內(nèi)容。
?、芄提敱憬莅存I
如在網(wǎng)頁頁面較多時(shí)，右邊經(jīng)常會出現(xiàn)“回到頂部”的便捷按鍵，便捷客戶查詢頂端內(nèi)容;或右邊一些便捷的方法，例如聯(lián)系方式，二維碼等，經(jīng)常要時(shí)刻提示客戶可關(guān)心。
5.底端導(dǎo)航
5.1款式
關(guān)于免費(fèi)網(wǎng)站，網(wǎng)頁頁面內(nèi)容較長時(shí)，底端導(dǎo)航便捷客戶快速訪問。
5.2底端導(dǎo)航基本內(nèi)容
網(wǎng)頁頁面的底端導(dǎo)航內(nèi)容在這里全部列出去，大伙兒可依據(jù)要求來自主挑選：
①導(dǎo)航的所有內(nèi)容，包含主導(dǎo)航和所有次導(dǎo)航
?、诼?lián)系電話：包含詳細(xì)地址、電話、電子郵箱、手機(jī)聯(lián)系人、發(fā)傳真、二維碼、網(wǎng)站地址
?、跮ogo
④版權(quán)信息，包含著作權(quán)隸屬，備案號，服務(wù)支持。
?、萦焰?/p>
?、薜貓D坐標(biāo)：假如底端室內(nèi)空間很大得話能夠考慮到。
?、邉e的便捷按鍵：如服務(wù)條款、隱私保護(hù)申明、法律法規(guī)申明、專利權(quán)等。
?、嘁恍V告詞或英語單詞，一般以設(shè)計(jì)為標(biāo)準(zhǔn)，為添充留白藝術(shù)地區(qū)，使網(wǎng)頁頁面更有層級
在底端導(dǎo)航的設(shè)計(jì)中，優(yōu)先要選中必須展現(xiàn)的內(nèi)容，再挑選必須展現(xiàn)的方法，如背景顏色、排版設(shè)計(jì)方法、原素運(yùn)用等，尋找合適要求的一種。
三、別的導(dǎo)航款式歸類及設(shè)計(jì)方式
1.Tab導(dǎo)航
1.1款式(此一部分內(nèi)容來源于ant.design)
①基礎(chǔ)款式：推動(dòng)全部網(wǎng)頁頁面的內(nèi)容，用以主作用轉(zhuǎn)換，橫著tab，選定則正下方出現(xiàn)基本色橫杠。
②信用卡款式：用以網(wǎng)頁頁面中部分展現(xiàn)，包囊型器皿能非常好的和別的內(nèi)容防護(hù)。
?、勰z襄型款式：用以信用卡內(nèi)的選擇項(xiàng)轉(zhuǎn)換，常常和別的部件融合應(yīng)用，讓客戶迅速轉(zhuǎn)換相匹配內(nèi)容。
?、茇Q狀款式：用以歸類較多的選擇項(xiàng)，可以不限定歸類總數(shù)，具有更強(qiáng)的可擴(kuò)展性。
?、輽M著流程條：流程條使正確引導(dǎo)客戶依照步驟達(dá)到目標(biāo)的導(dǎo)航條，能夠協(xié)助客戶對操作步驟長短和流程有一個(gè)預(yù)估，并具體指導(dǎo)自身在哪個(gè)流程。橫著流程條超過2步時(shí)應(yīng)用，但提議不超過5步，每環(huán)節(jié)文本維持在12標(biāo)識符內(nèi)。
?、尴虿襟E流程條：一般居網(wǎng)頁頁面左邊，飄浮固釘，可增加幾行文本描述，合適較多的流程或流程數(shù)變化規(guī)律時(shí)應(yīng)用。
⑦分頁查詢器：當(dāng)有很多內(nèi)容必須呈現(xiàn)時(shí)開展分頁查詢載入解決，分頁查詢器能夠讓客戶清晰的具體指導(dǎo)自身所要訪問 的內(nèi)容有多少，早已訪問 了是多少，還剩下是多少。
2.面包糠導(dǎo)航
關(guān)于網(wǎng)站建設(shè)服務(wù)，在網(wǎng)頁頁面中常會用以內(nèi)容網(wǎng)頁頁面，告之客戶“你在哪”，還可點(diǎn)一下面包糠導(dǎo)航來回到前多層級的網(wǎng)頁頁面，在作用上也適用面包糠下拉列表作用。
3.下拉列表(子導(dǎo)航)
3.1款式
?、倩A(chǔ)下拉列表：電腦鼠標(biāo)移進(jìn)即顯示信息，單項(xiàng)選擇題就可以，點(diǎn)一下則自動(dòng)跳轉(zhuǎn)。
?、诖嬗胁荒苡貌藛螜冢和吕?，以分隔線、深灰色字來表明不能點(diǎn)一下。
?、廴R單彈出來方位：可上彈出來，或下彈出來。
?、荛_啟方法：移進(jìn)開啟，點(diǎn)一下開啟。
?、荻嗟燃壢R單，一般三級，較好
?、迬О存I的下拉列表：一般按鍵為icon
?、呤髽?biāo)右鍵菜單：鼠標(biāo)單擊鼠標(biāo)右鍵來開啟。
3.2設(shè)計(jì)方式
?、倩驹O(shè)計(jì)方式 ：僅有二級時(shí)，用基礎(chǔ)下拉列表的款式，僅僅在情況、外框、移進(jìn)時(shí)做設(shè)計(jì)的轉(zhuǎn)變。
?、跈M著通欄進(jìn)行：一般在網(wǎng)站設(shè)計(jì)時(shí)，充分考慮下拉列表進(jìn)行時(shí)小量擋住banner或設(shè)計(jì)必須時(shí)選用，可用以少等級，更適用多等級萊單。多等級通欄進(jìn)行時(shí)候更形象化的呈現(xiàn)萊單內(nèi)容及等級關(guān)聯(lián)。
?、蹅?cè)面進(jìn)行：上邊有提及的，豎直導(dǎo)航在子導(dǎo)航進(jìn)行時(shí)，適用電子商務(wù)等服務(wù)平臺。
好啦，這期內(nèi)容到此就結(jié)束了，期待能給到你一些協(xié)助。
