智能手機的移動網(wǎng)頁設(shè)計布局反復(fù)挑戰(zhàn)設(shè)計師。 設(shè)備上的可用空間必須以有意義的方式使用-主要用于內(nèi)容。 因此，最好在不占用空間的情況下進行導(dǎo)航，同時仍然易于查找。 在本期中，創(chuàng)新互聯(lián)網(wǎng)站設(shè)計公司將提供有關(guān)在移動Web設(shè)計中放置導(dǎo)航的建議。

1.經(jīng)典：帶有漢堡圖標的滑入式導(dǎo)航

關(guān)于使用漢堡包圖標的討論很多。 我們的總編輯也不是粉絲。 可用性專家喜歡批評導(dǎo)航是完全隱藏的，只能通過圖標顯示。 這樣，即使是必要的導(dǎo)航元素也可以放置在視口之外。 盡管如此，“漢堡包”圖標已成為移動Web設(shè)計的標準，特別是與滑入式導(dǎo)航結(jié)合使用時。 在大多數(shù)情況下，此圖標位于左上角，導(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.文字圖標組合導(dǎo)航

將有意義的圖標添加到單個菜單項以進行導(dǎo)航是一種流行的設(shè)計方法。 借助大量免費的圖標字體和字體集，您幾乎可以找到適合您的符號。 如果導(dǎo)航的范圍不那么廣，則可以在不使用菜單文本的情況下將圖標保留在移動視圖中。 但是，您應(yīng)該確保每個符號都有足夠的空間，并清楚地表明其代表的含義。 如果您的圖標甚至有點模棱兩可或難以理解，請不要使用此方法。

4.全屏導(dǎo)航

由于導(dǎo)航是網(wǎng)站的重要組成部分，因此許多人在網(wǎng)站的設(shè)計和動畫制作上投入了大量精力。 即使只能通過漢堡包圖標訪問導(dǎo)航，也請不要小心。 因此，許多網(wǎng)頁設(shè)計師在整個顯示器中顯示導(dǎo)航，而不是簡單地滑入菜單。 由于這些全屏外觀，菜單項傾向于以復(fù)雜的動畫顯示或以其他方式隱藏。 各個菜單項通常以大文本顯示。 根據(jù)屏幕的大小，還會顯示指向社交網(wǎng)絡(luò)的其他鏈接或聯(lián)系表。 因此，如果您不喜歡經(jīng)典的滑入式導(dǎo)航，則可以嘗試使用多種菜單項進行全屏導(dǎo)航。 在這里，對您的創(chuàng)造力的唯一限制是顯示尺寸。

以上是創(chuàng)新互聯(lián)為您組織的四種導(dǎo)航類型，以使您的移動網(wǎng)頁設(shè)計更加流行。 漢堡包圖標和滑入式導(dǎo)航是導(dǎo)航的真正經(jīng)典之作。 但是還有許多其他變體。 必須始終考慮菜單項的數(shù)量和網(wǎng)站的復(fù)雜性，這一點很重要。

當(dāng)前文章：讓你的移動網(wǎng)站設(shè)計更受人歡迎
文章URL：http://chinadenli.net/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)