asmr大尺度娇喘在线听_亚洲a在线视频_教室吃奶门在线观看视频_男女做爰猛烈呻吟声想要

當前位置:首頁 > 新聞中心 > 互聯網動態
web導航菜單,還有哪些可行性的方案責任編輯 :李飛    文章來源 :星翼創想(waterplane.cn)    發布時間 :2017-09-01    閱讀次數:2720     專題 :網站設計

web導航菜單還有哪些可行性方案:


分為以下幾大部分:


1.web導航菜單有哪些基本的形式,各自有哪些特點?


2.web導航菜單,還有哪些可能性?


1.web導航菜單有哪些基本的形式,各自有哪些特點


1.1水平導航


因為導航菜單存在頂部(最不容易忽略的地方),易讀性更強,最常見也最容易上手。


優點:減少對內容區的干擾,可以更好的強化內容區沉浸式的閱讀。因為留給內容區域的空間是最大的,所以對于橫向版面要求比較大的內容(例如:后臺信息總覽大圖、大型的列表、類似基于圖片的業務)比較適合。


缺點:橫向tab數量、以及沒給tab的字符數都存在限制。另外層級擴展性也相對較差,單單水平導航層級最好不要超過2級。


思考點:水平tab在視覺形式選擇上,需要注意什么?


下面是5種tab樣式:


當導航菜單字符書較少時,適當的強化視覺效果(圖標,標簽,下劃線),可以做出適當的差異化,但是不能增加視覺負荷(因為加圖標而加圖標,圖標語義不夠,反而顯得擁擠)。


1.2垂直導航


優點:限制性更小(菜單字符數,菜單數量),另外具有一定的擴展性(圖標+文字,單純圖標,兩者之間的切換);菜單的自定義;菜單層級可以更加深(樹狀導航)。


缺點:菜單層級上仍然存在限制,占用內容區域,減弱了沉浸閱讀。


1.3混合型導航


混合型導航主要解決了水平/垂直導航的菜單層級問題,在復雜的B端產品較為常見。


2.web導航菜單,還有哪些可能性


2.1彈出式導航欄


隨著響應式技術普及,彈出式導航漸漸走出傳統陳舊的導航方式,導航移動化。減少了頁面干擾元素,為頁面騰出更大的空間。適用層級淺,注重追求極致的的視覺體驗的產品。


2.2首屏導航欄


因為網站信息層級淺,這種新型導航并不會引起網站功能性的不適,反而起到一個脫穎而出的效果。

以上兩個例子,因為信息層級淺,新式的導航給web帶來了特有的調性。但是對于B端產品,這種方式是完全不適用的,多而深的層級下是不是就沒有其他的可能性了呢?


2.3B端產品導航菜單可能性1:“瀏覽器菜單”


適用信息架構“淺而廣、并沒有明顯的優先級“的產品。為了導航的簡潔性,提高效率,菜單根據用戶需要顯示。


2.4B端產品導航菜單可能性2:“當前導航菜單”


適用信息架構“廣而深”的產品,“當前導航菜單”可以在廣而深的菜單中獨立出來,便于用戶的業務操作,減少因為菜單切換帶來的行為負荷,也一定程度的減少了視覺負荷。


2.5B端產品導航菜單可能性3:Windows 10風


模塊之間完全相互獨立,區分明顯,并且切換頻率低,內容區對于沉浸式的操作要求較高(例如視頻業務)。


2.6B端產品導航菜單可能性4:我的導航欄


例如OA系統,模塊海量級,深不可測,用起來尤其痛苦。我的導航欄+樹型導航更配。



本文轉載自網絡,版權歸原作者所有!



文章轉載請保留網址:http://waterplane.cn/news/industry/1874.html

掃碼添加微信
159 8667 8737
24小時電話

返回頂部