對(duì)列表頁(yè)的一些認(rèn)識(shí)

定義

? ? 多項(xiàng)具有相同特性的內(nèi)容按照指定順序排列的頁(yè)面。

排列模式

? ? 有三種模式盔几,一般都用列表模式莉钙,比如搜索引擎、新聞網(wǎng)都用這種排列之宿;還有一種就是網(wǎng)格模式,很多電商網(wǎng)采用兩種模式苛坚,看用戶(hù)使用習(xí)慣比被,自己選擇;第三種是瀑布流泼舱,不規(guī)則排列方式等缀,比如花瓣網(wǎng)。

列表模式
網(wǎng)格模式
瀑布流

組成元素

? ? 可以分為必要的和可選的兩種娇昙。列表項(xiàng)上列表而必不可少的尺迂,就是由產(chǎn)品或是內(nèi)容排列而成∶罢疲可選的就多了噪裕,根據(jù)不同的使用場(chǎng)景有很多種。比如列表頁(yè)的頭部導(dǎo)航股毫,有面包屑導(dǎo)航的膳音,有搜索框的,有頻道的铃诬, 還有提供相關(guān)搜索的(或是建議搜索)祭陷,還有根據(jù)產(chǎn)品細(xì)節(jié)進(jìn)行篩選苍凛,還有按一定因素進(jìn)行排序的,還有翻頁(yè)颗胡。不多說(shuō)了毫深,下面來(lái)例圖說(shuō)明。

? ? 不可少的列表項(xiàng)毒姨,上面三個(gè)圖都能看到哑蔫,無(wú)論哪個(gè)列表頁(yè)這都是主體,不可少的弧呐。


頭部有面包屑導(dǎo)航
優(yōu)酷電視劇頻道下的列表頁(yè)
淘寶網(wǎng)的列表頁(yè)

? ? 翻頁(yè)又可以有兩種形式闸迷,一種是下一頁(yè)的翻看方式,如下圖俘枫,一種是下拉更新的方式腥沽。

點(diǎn)擊下一頁(yè)進(jìn)行翻頁(yè)

? ? 下拉更新在移動(dòng)端用的很普遍,PC端的就如上圖這種下一頁(yè)的用的多鸠蚪。具體用哪種方式今阳,看情況,下拉更新快茅信,不打斷盾舌,下一頁(yè)清楚自己在哪個(gè)位置。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蘸鲸,一起剝皮案震驚了整個(gè)濱河市妖谴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌酌摇,老刑警劉巖膝舅,帶你破解...
    沈念sama閱讀 216,496評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異窑多,居然都是意外死亡仍稀,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)埂息,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)琳轿,“玉大人,你說(shuō)我怎么就攤上這事耿芹。” “怎么了挪哄?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,632評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵吧秕,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我迹炼,道長(zhǎng)砸彬,這世上最難降的妖魔是什么颠毙? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,180評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮砂碉,結(jié)果婚禮上蛀蜜,老公的妹妹穿的比我還像新娘。我一直安慰自己增蹭,他們只是感情好滴某,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著滋迈,像睡著了一般霎奢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饼灿,一...
    開(kāi)封第一講書(shū)人閱讀 51,165評(píng)論 1 299
  • 那天幕侠,我揣著相機(jī)與錄音,去河邊找鬼碍彭。 笑死晤硕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庇忌。 我是一名探鬼主播舞箍,決...
    沈念sama閱讀 40,052評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼漆枚!你這毒婦竟也來(lái)了创译?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,910評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤墙基,失蹤者是張志新(化名)和其女友劉穎软族,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體残制,經(jīng)...
    沈念sama閱讀 45,324評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡立砸,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了初茶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片颗祝。...
    茶點(diǎn)故事閱讀 39,711評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖恼布,靈堂內(nèi)的尸體忽然破棺而出螺戳,到底是詐尸還是另有隱情,我是刑警寧澤折汞,帶...
    沈念sama閱讀 35,424評(píng)論 5 343
  • 正文 年R本政府宣布倔幼,位于F島的核電站,受9級(jí)特大地震影響爽待,放射性物質(zhì)發(fā)生泄漏损同。R本人自食惡果不足惜翩腐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望膏燃。 院中可真熱鬧茂卦,春花似錦、人聲如沸组哩。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,668評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)禁炒。三九已至而咆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間幕袱,已是汗流浹背暴备。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,823評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留们豌,地道東北人涯捻。 一個(gè)月前我還...
    沈念sama閱讀 47,722評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像望迎,于是被迫代替她去往敵國(guó)和親障癌。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,077評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)辩尊、插件涛浙、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,094評(píng)論 4 62
  • 改材料 在單位上班,寫(xiě)材料摄欲、改材料轿亮,是必不可少的一項(xiàng)工作。 有一次寫(xiě)教育質(zhì)量年活動(dòng)材料胸墙,部門(mén)負(fù)責(zé)人寫(xiě)的基礎(chǔ)材料不錯(cuò)...
    春風(fēng)Hua雨閱讀 371評(píng)論 0 7
  • 今天小雨淅淅瀝瀝地下了一天我注,下午實(shí)在沒(méi)什么事情,在電視里搜出來(lái)電視劇《半生緣》迟隅,忽然特別想重溫一下其中的故事和音樂(lè)...
    臨水邑風(fēng)閱讀 423評(píng)論 0 0