2022-08-16 分類: 網(wǎng)站建設(shè)
時代總是在螺旋式地發(fā)展變化中,設(shè)計潮流也是如此。隨著移動端扁平化設(shè)計推進,越來越多的設(shè)計師不滿足于僅僅是色塊、圖標和系統(tǒng)字體的枯燥組合,而把更多的心思投入到精益求精的視覺設(shè)計中。從平面設(shè)計引申過來的技巧在這時起到了畫龍點睛的作用:一些細節(jié)上的處理,為移動產(chǎn)品的界面大大地提升了品牌氣質(zhì)。創(chuàng)新互聯(lián)APP設(shè)計詳解如下:
例如App導(dǎo)航設(shè)計,按排列方式分為:列表式和網(wǎng)格式(矩陣)兩大類,再由此演變成其他類別。
常見的主導(dǎo)航有:標簽式、抽屜式、菜單式、桌面式、點聚式等。主導(dǎo)航和二級導(dǎo)航也可以相互轉(zhuǎn)化,即列表式與網(wǎng)格式的相互轉(zhuǎn)化。
一、標簽式導(dǎo)航
易用性:★★★★★
趣味性:★
標簽式導(dǎo)航是最常見的一種導(dǎo)航形式,它能讓用戶直觀了解到APP的核心功能,與此同時使用上能夠在幾個標簽中快速切換。標簽的分類可以控制在5個以內(nèi),視覺表現(xiàn)上需把當(dāng)前用戶位置突顯,頁面間的切換快速又不容易迷失,簡單高效。標簽欄位置也可根據(jù)需要融入LOGO或者產(chǎn)品核心功能(如拍照)等,豐富標簽欄的樣式。
二、抽屜式導(dǎo)航
易用性:★★
趣味性:★★★★
抽屜式導(dǎo)航強調(diào)內(nèi)容,凸顯內(nèi)容,弱化導(dǎo)航界面。抽屜式導(dǎo)航在形式上一般位于當(dāng)前界面的后方,通過左(右)上角或指滑動手勢呼出。帶有動畫效果,形式上比較吸引眼球。由于導(dǎo)航界面是隱藏在屏幕之外,展開之后整一頁面都是導(dǎo)航菜單內(nèi)容,所以可擴展和個性化的空間很大。但是有利也有弊,由于是整個導(dǎo)航的隱藏,先是用戶不易發(fā)現(xiàn),再是給用戶在切換功能帶來了操作成本。到達導(dǎo)航菜單界面之后也需有明確的提示告知用戶當(dāng)前位置,防止用戶“迷路”,這也是許多抽屜式右(左)側(cè)留有前界面的原因。
三、桌面式導(dǎo)航
易用性:★★
趣味性:★★
桌面式導(dǎo)航,類似PC或手機桌面的各個應(yīng)用的入口。每個入口相對的內(nèi)容比較獨立,一般進入某個入口之后只處理相關(guān)該入口的內(nèi)容。若要到其他入口就需要再返回總匯界面,也就是最初始的位置。這種導(dǎo)航方式在工具類或者雜志類比較適合,每個工具或者雜志的類型都各不相同。但這種導(dǎo)航不適合需要頻繁切換任務(wù)的情況,目前桌面導(dǎo)航作為主導(dǎo)航的應(yīng)用比較少,多用于做二級導(dǎo)航。
四、菜單式導(dǎo)航
易用性:★★
趣味性: ★★★
菜單式導(dǎo)航,與抽屜式導(dǎo)航的目的相同,都是為了突出內(nèi)容。一般位于產(chǎn)品頂部,通過點擊呼出導(dǎo)航菜單。導(dǎo)航菜單以浮窗形式為于界面上層,可通過點擊導(dǎo)航菜單以外的區(qū)域使其收起。菜單與界面的連貫性比抽屜式要好,容易讓用戶感知當(dāng)前位置。但由于是位于屏幕上方,相對隱蔽而且不能結(jié)合手勢操作,所以該菜單形式也不適合于頻繁的切換功能使用。考慮到導(dǎo)航菜單的可用面積較小,所以一般采用列表的形式展示菜單內(nèi)容。
五、點聚式導(dǎo)航
易用性:★★
趣味性:★★★★★
點聚式導(dǎo)航,它將多個核心功能聚匯到主界面中顯示,方便用戶呼出使用。由于點聚式占用空間小,所以它常出現(xiàn)在一些主要的流程界面中。一般會融入一些動態(tài)的互動效果,讓導(dǎo)航更具趣味性。在漸漸的演變中,點聚式會搭載其他導(dǎo)航樣式出現(xiàn)(如標簽式)。
綜上,成都APP設(shè)計公司創(chuàng)新互聯(lián)人認為在設(shè)計過程中,應(yīng)當(dāng)按照實際需求,結(jié)合內(nèi)容選擇最為合適的導(dǎo)航形式,切忌跟風(fēng)或者先從形式入手從而忽略導(dǎo)航菜單自身的特點。
文章標題:這個App導(dǎo)航菜單的多樣設(shè)計不要太好啊!
本文路徑:http://www.rwnh.cn/news43/190443.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化、服務(wù)器托管、App設(shè)計、面包屑導(dǎo)航
聲明:本網(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)容