2022-04-23 分類: 網(wǎng)站設(shè)計
智能手機的移動網(wǎng)頁設(shè)計布局反復(fù)挑戰(zhàn)設(shè)計師。 設(shè)備上的可用空間必須以有意義的方式使用-主要用于內(nèi)容。 因此,最好在不占用空間的情況下進(jìn)行導(dǎo)航,同時仍然易于查找。 在本期中,創(chuàng)新互聯(lián)網(wǎng)站設(shè)計公司將提供有關(guān)在移動Web設(shè)計中放置導(dǎo)航的建議。
1.經(jīng)典:帶有漢堡圖標(biāo)的滑入式導(dǎo)航
關(guān)于使用漢堡包圖標(biāo)的討論很多。 我們的總編輯也不是粉絲。 可用性專家喜歡批評導(dǎo)航是完全隱藏的,只能通過圖標(biāo)顯示。 這樣,即使是必要的導(dǎo)航元素也可以放置在視口之外。 盡管如此,“漢堡包”圖標(biāo)已成為移動Web設(shè)計的標(biāo)準(zhǔn),特別是與滑入式導(dǎo)航結(jié)合使用時。 在大多數(shù)情況下,此圖標(biāo)位于左上角,導(dǎo)航會向右滑動到視口中。 甚至Google的Material Design也使用此版本的導(dǎo)航。 到目前為止,它是如此廣泛,以至于不再適合使用。 但是您可以確保您網(wǎng)站的每個訪問者都能找到導(dǎo)航。 您可以選擇此經(jīng)典產(chǎn)品,因為盡管它可能不符合預(yù)期,但現(xiàn)在大家都知道了。
2.帶有“更多”按鈕的靈活導(dǎo)航
那些不想從視口中隱藏整個導(dǎo)航的人一定會喜歡以下導(dǎo)航。 這是經(jīng)典的水平導(dǎo)航,菜單項按優(yōu)先級排序,無論如何應(yīng)該如此。 第一個菜單項是最重要的。 其他項目按降序列出。 因為尤其是在大型網(wǎng)站中,不可能所有菜單項都適合導(dǎo)航,因此您只需要隱藏所有不合適的內(nèi)容,然后在導(dǎo)航末尾添加“更多”按鈕即可。 這之后是一個包含所有其余導(dǎo)航鏈接的下拉菜單。 優(yōu)點是不會隱藏整個導(dǎo)航。 將顯示所有合適的內(nèi)容。 通常,將顯示所有最重要的菜單項。 這種靈活的導(dǎo)航是完全可見和完全隱藏的結(jié)合。
3.文字圖標(biāo)組合導(dǎo)航
將有意義的圖標(biāo)添加到單個菜單項以進(jìn)行導(dǎo)航是一種流行的設(shè)計方法。 借助大量免費的圖標(biāo)字體和字體集,您幾乎可以找到適合您的符號。 如果導(dǎo)航的范圍不那么廣,則可以在不使用菜單文本的情況下將圖標(biāo)保留在移動視圖中。 但是,您應(yīng)該確保每個符號都有足夠的空間,并清楚地表明其代表的含義。 如果您的圖標(biāo)甚至有點模棱兩可或難以理解,請不要使用此方法。
4.全屏導(dǎo)航
由于導(dǎo)航是網(wǎng)站的重要組成部分,因此許多人在網(wǎng)站的設(shè)計和動畫制作上投入了大量精力。 即使只能通過漢堡包圖標(biāo)訪問導(dǎo)航,也請不要小心。 因此,許多網(wǎng)頁設(shè)計師在整個顯示器中顯示導(dǎo)航,而不是簡單地滑入菜單。 由于這些全屏外觀,菜單項傾向于以復(fù)雜的動畫顯示或以其他方式隱藏。 各個菜單項通常以大文本顯示。 根據(jù)屏幕的大小,還會顯示指向社交網(wǎng)絡(luò)的其他鏈接或聯(lián)系表。 因此,如果您不喜歡經(jīng)典的滑入式導(dǎo)航,則可以嘗試使用多種菜單項進(jìn)行全屏導(dǎo)航。 在這里,對您的創(chuàng)造力的唯一限制是顯示尺寸。
以上是創(chuàng)新互聯(lián)為您組織的四種導(dǎo)航類型,以使您的移動網(wǎng)頁設(shè)計更加流行。 漢堡包圖標(biāo)和滑入式導(dǎo)航是導(dǎo)航的真正經(jīng)典之作。 但是還有許多其他變體。 必須始終考慮菜單項的數(shù)量和網(wǎng)站的復(fù)雜性,這一點很重要。
當(dāng)前文章:讓你的移動網(wǎng)站設(shè)計更受人歡迎
文章URL:http://redsoil1982.com.cn/news/146237.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容