2021-06-04 分類: 網(wǎng)站建設(shè)
tab式導(dǎo)航設(shè)計(jì)
比如說騰訊動(dòng)漫,愛奇藝,都將首頁分成了很多類型,但兩者的分類耶有所不同,騰訊動(dòng)漫分成了少女心、少年魂、兄弟情等這種故事情節(jié)的劃分,愛奇藝則直接按照電視劇、電影、兒童、綜藝、動(dòng)漫等,很多信息屬于同一緯度但是類型上是互斥的。tab式導(dǎo)航設(shè)計(jì)
蘋果的地圖就是使用的標(biāo)準(zhǔn)模式,這種模式目前已經(jīng)比較少見了,在目前流行扁平化的視覺上來說,標(biāo)準(zhǔn)模式的導(dǎo)航視覺不強(qiáng),根據(jù)標(biāo)簽的個(gè)數(shù)將屏幕等分,做出選中的區(qū)分。tab式導(dǎo)航設(shè)計(jì)
這種模式的導(dǎo)航keep&叭噠使用的就是下劃線,一般使用這種模式的界面都比較簡潔,標(biāo)簽數(shù)量不是很多,而且下面大多是列表形式。tab式導(dǎo)航設(shè)計(jì)
有屏幕等分的,有居左排列的,間隔大多在45px-70px之間,這兩種情況首頁都有出現(xiàn)過,比較適合標(biāo)簽數(shù)目比較少的情況,每個(gè)標(biāo)簽都有固定的位置,有利于對用戶的記憶,tab式導(dǎo)航設(shè)計(jì)
3.滾動(dòng)tab式導(dǎo)航設(shè)計(jì)
設(shè)計(jì)師在使用這種模式時(shí),能夠設(shè)置任意的標(biāo)簽,不必像傳統(tǒng)的標(biāo)簽式考慮導(dǎo)航控件的數(shù)量,目前來說這種模式是運(yùn)用范圍最廣的,同時(shí)在界面邊緣露出其他的標(biāo)簽,讓用戶知道后面還有別的菜單,避免用戶發(fā)現(xiàn)不了界面之外的菜單。tab式導(dǎo)航設(shè)計(jì)
馬蜂窩的下劃線就有個(gè)小細(xì)節(jié)的動(dòng)效,讓它的滑動(dòng)整體感覺很生動(dòng),可滑動(dòng)標(biāo)簽的寬度可以長短不一,也可以完全一致,也可以長短不一,根據(jù)標(biāo)題長短來決定。這種設(shè)計(jì)出現(xiàn)最多的就是在首頁上,可以有下劃線也可以沒有下劃線,最重的視覺層面是字體大小的變化,而且與未選中的字體差異大,間隔也大多是45px-70px之間。
名稱欄目:為什么設(shè)計(jì)師在網(wǎng)站和APP上都愛用tab式導(dǎo)航
文章鏈接:http://jinyejixie.com/news/116345.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、小程序開發(fā)、網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化、網(wǎng)站營銷、定制開發(fā)
聲明:本網(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)
猜你還喜歡下面的內(nèi)容