這個(gè)App導(dǎo)航菜單的多樣設(shè)計(jì)不要太好啊!

2022-08-16    分類: 網(wǎng)站建設(shè)

時(shí)代總是在螺旋式地發(fā)展變化中,設(shè)計(jì)潮流也是如此。隨著移動(dòng)端扁平化設(shè)計(jì)推進(jìn),越來越多的設(shè)計(jì)師不滿足于僅僅是色塊、圖標(biāo)和系統(tǒng)字體的枯燥組合,而把更多的心思投入到精益求精的視覺設(shè)計(jì)中。從平面設(shè)計(jì)引申過來的技巧在這時(shí)起到了畫龍點(diǎn)睛的作用:一些細(xì)節(jié)上的處理,為移動(dòng)產(chǎn)品的界面大大地提升了品牌氣質(zhì)。創(chuàng)新互聯(lián)APP設(shè)計(jì)詳解如下:

例如App導(dǎo)航設(shè)計(jì),按排列方式分為:列表式和網(wǎng)格式(矩陣)兩大類,再由此演變成其他類別。

常見的主導(dǎo)航有:標(biāo)簽式、抽屜式、菜單式、桌面式、點(diǎn)聚式等。主導(dǎo)航和二級導(dǎo)航也可以相互轉(zhuǎn)化,即列表式與網(wǎng)格式的相互轉(zhuǎn)化。

一、標(biāo)簽式導(dǎo)航

易用性:★★★★★

趣味性:★

標(biāo)簽式導(dǎo)航是最常見的一種導(dǎo)航形式,它能讓用戶直觀了解到APP的核心功能,與此同時(shí)使用上能夠在幾個(gè)標(biāo)簽中快速切換。標(biāo)簽的分類可以控制在5個(gè)以內(nèi),視覺表現(xiàn)上需把當(dāng)前用戶位置突顯,頁面間的切換快速又不容易迷失,簡單高效。標(biāo)簽欄位置也可根據(jù)需要融入LOGO或者產(chǎn)品核心功能(如拍照)等,豐富標(biāo)簽欄的樣式。

二、抽屜式導(dǎo)航

易用性:★★

趣味性:★★★★

抽屜式導(dǎo)航強(qiáng)調(diào)內(nèi)容,凸顯內(nèi)容,弱化導(dǎo)航界面。抽屜式導(dǎo)航在形式上一般位于當(dāng)前界面的后方,通過左(右)上角或指滑動(dòng)手勢呼出。帶有動(dòng)畫效果,形式上比較吸引眼球。由于導(dǎo)航界面是隱藏在屏幕之外,展開之后整一頁面都是導(dǎo)航菜單內(nèi)容,所以可擴(kuò)展和個(gè)性化的空間很大。但是有利也有弊,由于是整個(gè)導(dǎo)航的隱藏,先是用戶不易發(fā)現(xiàn),再是給用戶在切換功能帶來了操作成本。到達(dá)導(dǎo)航菜單界面之后也需有明確的提示告知用戶當(dāng)前位置,防止用戶“迷路”,這也是許多抽屜式右(左)側(cè)留有前界面的原因。

三、桌面式導(dǎo)航

易用性:★★

趣味性:★★

桌面式導(dǎo)航,類似PC或手機(jī)桌面的各個(gè)應(yīng)用的入口。每個(gè)入口相對的內(nèi)容比較獨(dú)立,一般進(jìn)入某個(gè)入口之后只處理相關(guān)該入口的內(nèi)容。若要到其他入口就需要再返回總匯界面,也就是最初始的位置。這種導(dǎo)航方式在工具類或者雜志類比較適合,每個(gè)工具或者雜志的類型都各不相同。但這種導(dǎo)航不適合需要頻繁切換任務(wù)的情況,目前桌面導(dǎo)航作為主導(dǎo)航的應(yīng)用比較少,多用于做二級導(dǎo)航。

四、菜單式導(dǎo)航

易用性:★★

趣味性: ★★★

菜單式導(dǎo)航,與抽屜式導(dǎo)航的目的相同,都是為了突出內(nèi)容。一般位于產(chǎn)品頂部,通過點(diǎn)擊呼出導(dǎo)航菜單。導(dǎo)航菜單以浮窗形式為于界面上層,可通過點(diǎn)擊導(dǎo)航菜單以外的區(qū)域使其收起。菜單與界面的連貫性比抽屜式要好,容易讓用戶感知當(dāng)前位置。但由于是位于屏幕上方,相對隱蔽而且不能結(jié)合手勢操作,所以該菜單形式也不適合于頻繁的切換功能使用。考慮到導(dǎo)航菜單的可用面積較小,所以一般采用列表的形式展示菜單內(nèi)容。

五、點(diǎn)聚式導(dǎo)航

易用性:★★

趣味性:★★★★★

點(diǎn)聚式導(dǎo)航,它將多個(gè)核心功能聚匯到主界面中顯示,方便用戶呼出使用。由于點(diǎn)聚式占用空間小,所以它常出現(xiàn)在一些主要的流程界面中。一般會融入一些動(dòng)態(tài)的互動(dòng)效果,讓導(dǎo)航更具趣味性。在漸漸的演變中,點(diǎn)聚式會搭載其他導(dǎo)航樣式出現(xiàn)(如標(biāo)簽式)。


綜上,成都APP設(shè)計(jì)公司創(chuàng)新互聯(lián)人認(rèn)為在設(shè)計(jì)過程中,應(yīng)當(dāng)按照實(shí)際需求,結(jié)合內(nèi)容選擇最為合適的導(dǎo)航形式,切忌跟風(fēng)或者先從形式入手從而忽略導(dǎo)航菜單自身的特點(diǎn)。

文章標(biāo)題:這個(gè)App導(dǎo)航菜單的多樣設(shè)計(jì)不要太好啊!
本文路徑:http://m.kartarina.com/news43/190443.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄靜態(tài)網(wǎng)站搜索引擎優(yōu)化服務(wù)器托管App設(shè)計(jì)面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名
主站蜘蛛池模板: 国产精品成人无码免费| 亚洲中文字幕久久精品无码2021| 永久免费av无码不卡在线观看| 亚洲AV无码AV吞精久久| 中文字幕在线无码一区| 一本大道在线无码一区| 亚洲成?Ⅴ人在线观看无码| 午夜亚洲AV日韩AV无码大全| 无码8090精品久久一区| 午夜不卡无码中文字幕影院| 亚洲人成人无码网www国产| 69堂人成无码免费视频果冻传媒 | 无码成人AAAAA毛片| 无码人妻精品中文字幕免费 | 未满十八18禁止免费无码网站| 四虎国产精品永久在线无码| 人妻中文字系列无码专区| 在线观看片免费人成视频无码| 国产日产欧洲无码视频| 中文字幕日产无码| 久久人妻无码中文字幕| 免费精品无码AV片在线观看| 最新高清无码专区| 精品无码三级在线观看视频| 亚洲AV无码成人精品区大在线| 亚洲av无码有乱码在线观看| 久久精品无码专区免费青青 | 久久久精品天堂无码中文字幕| 乱人伦中文无码视频在线观看| 高清无码视频直接看| 久久青青草原亚洲AV无码麻豆| 波多野结AV衣东京热无码专区| 日韩精品无码人妻一区二区三区| 国产精品第一区揄拍无码| 久久久久久久久免费看无码 | 国产精品无码日韩欧| 国产三级无码内射在线看| 亚洲AV无码久久寂寞少妇| 日韩精品无码中文字幕一区二区| 无码人妻精品一区二区三区久久 | 全免费a级毛片免费看无码|