接力小說App《安》頁面架構(gòu)-開發(fā)日志第四天

hi~ 歡迎回來
今天要分享的是界面的架構(gòu)
xmind的文件請(qǐng)戳下面獲取
架構(gòu)圖
解析來逐條分析

社區(qū)(或理解為:主頁)

-搜索框
1.關(guān)鍵詞搜索牛郑,可以搜索用戶缩举,文章腻格,段落平委,活動(dòng)等等奈虾。
2.提供 精確搜索,選擇標(biāo)簽,精確查詢愚墓。
3.搜索的結(jié)果項(xiàng)跳轉(zhuǎn)到對(duì)應(yīng)的頁面

-小說推薦
1.推薦(以用戶畫像作為推薦條件予权,主要針對(duì)用戶過往對(duì)那些類型的小說點(diǎn)過贊,優(yōu)先推薦此類型)
2.熱門(以小說熱度作為推薦條件)
3.最新(以小說發(fā)布時(shí)間作為推薦條件)
4.點(diǎn)擊跳轉(zhuǎn)到小說詳情頁

-活動(dòng)信息
1.當(dāng)前主推的活動(dòng)
2.歷史所有活動(dòng)
3.抽獎(jiǎng)(常駐活動(dòng))

-用戶頭像(即用戶界面入口)
1.顯示用戶的頭像
2.點(diǎn)擊進(jìn)入到用戶的詳情頁面

-發(fā)起小說
1.進(jìn)入到小說發(fā)起頁面

………………………………………………………………

小說列表頁面

是一個(gè)列表頁面
item結(jié)構(gòu)如下:

  1. 小說的封面
    2.小說的標(biāo)題
    3.小說簡介
    4.根據(jù)推薦類別顯示對(duì)應(yīng)信息
    (1)根據(jù)用戶畫像推薦 顯示 小說種類
    (2)根據(jù)小說熱度 顯示 小說熱度
    (3)根據(jù)小說發(fā)布時(shí)間 顯示發(fā)布時(shí)間

………………………………………………………………

活動(dòng)頁面

1.抽獎(jiǎng)頁面(常駐活動(dòng))
輸入需要兌換的幸運(yùn)簽
點(diǎn)擊點(diǎn)開始按鈕
等待出結(jié)果頁面

2.活動(dòng)頁面
活動(dòng)標(biāo)題
活動(dòng)詳情
(1)文字
(2)圖片
跳轉(zhuǎn)能力

………………………………………………………………

我的用戶頁面

-筆名(對(duì)公展示的名字浪册,默認(rèn)引用微信名扫腺,可自行編輯)

-頭像(對(duì)公展示的頭像,默認(rèn)引用微信頭像村象,可自行編輯)

-座右銘(默認(rèn)為空笆环,需要自行編輯,可以自行編輯)

-道具(根據(jù)用戶已經(jīng)擁有的道具顯示)
1.墨水
2.鋼筆
3.圓珠筆
4.水筆
5.幸運(yùn)簽
6.筆記本
7.書簽
以上均顯示 道具名字 厚者, 剩余數(shù)量
點(diǎn)擊跳轉(zhuǎn)到兌換頁面

8.我的關(guān)注
9.我的粉絲
10.我的黑名單
以上均顯示 對(duì)應(yīng)的數(shù)量和Icon
點(diǎn)擊跳轉(zhuǎn)到用戶列表頁面

11.我參與的小說
12.我的接力(我寫的段落)
以上均顯示 對(duì)應(yīng)的數(shù)量和Icon
點(diǎn)擊我參與的小說跳轉(zhuǎn)到小說列表
點(diǎn)擊我寫的接力跳轉(zhuǎn)到段落列表

13.設(shè)置
點(diǎn)擊跳轉(zhuǎn)到設(shè)置頁面

14.消息
顯示圖標(biāo)和未讀數(shù)量
點(diǎn)擊進(jìn)入到消息頁面
………………………………………………………………

小說發(fā)起界面

1.編輯小說名字
2.編輯小說簡介
3.編輯小說封面
進(jìn)入封面編輯界面躁劣,確認(rèn)之后會(huì)自動(dòng)返回到此頁面
4.編輯小說的種類(選擇器)
5.提交按鈕

………………………………………………………………

小說詳情頁

1.小說的發(fā)起者信息
(1)頭像
(2)筆名
(3)座右銘
點(diǎn)擊頭像可以跳轉(zhuǎn)到小說發(fā)起者的用戶界面
2.小說的標(biāo)題
3.小說的簡介
4.小說的熱度
5.小說的發(fā)起時(shí)間
6.小說的封面
7.小說的作者們
(1)頭像
點(diǎn)擊頭像跳轉(zhuǎn)到作者的用戶界面
8.小說的目錄
(1)段落1
(2)段落
(3)…………
點(diǎn)擊段落可以到跳轉(zhuǎn)到閱讀界面

………………………………………………………………

閱讀界面

1.正式內(nèi)容
2.作者信息
3.點(diǎn)贊
(1)點(diǎn)贊/取消贊
4.評(píng)論
(1)查看評(píng)論
(2)發(fā)起評(píng)論
5.上一段/下一段按鈕
6.接棒按鈕
對(duì)于想要接力續(xù)更的用戶,點(diǎn)擊此按按鈕彈出“接棒界面”

………………………………………………………………

接棒界面(二級(jí)界面)

1.當(dāng)前競(jìng)價(jià)最高的書簽(出的書簽數(shù)最多的用戶可以獲得續(xù)更權(quán)利)
2.輸入書簽數(shù)量
3.選擇用什么筆寫
4.剩余等待時(shí)間(基于上一個(gè)作者寫完库菲,還預(yù)留了2個(gè)小時(shí)的空白期)
5.提交按鈕
點(diǎn)擊提交按鈕會(huì)彈出提示用戶是否接受微信通知
通過微信通知可以進(jìn)入到寫作界面
如果拒絕了通知账忘,那么在用戶的主頁的消息同樣可以進(jìn)入寫作界面

………………………………………………………………

寫作界面

1.小說內(nèi)容編輯窗口
2.工具欄
(1)廣告詞的選擇
3.提交按鈕

………………………………………………………………

小說列表

是一個(gè)列表頁面
item結(jié)構(gòu)如下:
1.小說名字
2.小說封面
3.小說簡介
4.小說發(fā)起時(shí)間
5.小說的作者們
6.小說的點(diǎn)贊數(shù)
7小說的閱讀次數(shù)
點(diǎn)擊item 會(huì)跳轉(zhuǎn)到小說詳情頁面

………………………………………………………………

段落列表

1.段落內(nèi)容縮略
2.段落作者
3.段落點(diǎn)贊數(shù)
4.段落發(fā)布時(shí)間
5.段落閱讀次數(shù)
6.段落屬于小說的名字
點(diǎn)擊跳轉(zhuǎn)到小說詳情頁

………………………………………………………………

設(shè)置頁面

1.字體大小設(shè)置
2.隱私設(shè)置
3.廣告設(shè)置
4.通知設(shè)置
有通知時(shí),點(diǎn)擊頭像直接跳轉(zhuǎn)到消息列表
………………………………………………………………

消息列表

是一個(gè)列表頁面
item結(jié)構(gòu)如下:
1.消息主題
2.消息內(nèi)容縮略
3.消息時(shí)間
4.已讀未讀2種顏色區(qū)分
………………………………………………………………
消息界面
1.消息主題
2.消息詳細(xì)內(nèi)容
3.發(fā)布者
4.消息種類
5.轉(zhuǎn)跳能力

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末熙宇,一起剝皮案震驚了整個(gè)濱河市鳖擒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌烫止,老刑警劉巖蒋荚,帶你破解...
    沈念sama閱讀 219,270評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異馆蠕,居然都是意外死亡期升,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門互躬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來播赁,“玉大人,你說我怎么就攤上這事吨铸⌒新#” “怎么了?”我有些...
    開封第一講書人閱讀 165,630評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵诞吱,是天一觀的道長舟奠。 經(jīng)常有香客問我,道長房维,這世上最難降的妖魔是什么沼瘫? 我笑而不...
    開封第一講書人閱讀 58,906評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮咙俩,結(jié)果婚禮上耿戚,老公的妹妹穿的比我還像新娘湿故。我一直安慰自己,他們只是感情好膜蛔,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評(píng)論 6 392
  • 文/花漫 我一把揭開白布坛猪。 她就那樣靜靜地躺著,像睡著了一般皂股。 火紅的嫁衣襯著肌膚如雪墅茉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評(píng)論 1 305
  • 那天呜呐,我揣著相機(jī)與錄音就斤,去河邊找鬼。 笑死蘑辑,一個(gè)胖子當(dāng)著我的面吹牛洋机,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播洋魂,決...
    沈念sama閱讀 40,442評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼绷旗,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了忧设?” 一聲冷哼從身側(cè)響起刁标,我...
    開封第一講書人閱讀 39,345評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤颠通,失蹤者是張志新(化名)和其女友劉穎址晕,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體顿锰,經(jīng)...
    沈念sama閱讀 45,802評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡谨垃,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了硼控。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片刘陶。...
    茶點(diǎn)故事閱讀 40,117評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖牢撼,靈堂內(nèi)的尸體忽然破棺而出匙隔,到底是詐尸還是另有隱情,我是刑警寧澤熏版,帶...
    沈念sama閱讀 35,810評(píng)論 5 346
  • 正文 年R本政府宣布纷责,位于F島的核電站,受9級(jí)特大地震影響撼短,放射性物質(zhì)發(fā)生泄漏再膳。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評(píng)論 3 331
  • 文/蒙蒙 一曲横、第九天 我趴在偏房一處隱蔽的房頂上張望喂柒。 院中可真熱鬧,春花似錦、人聲如沸灾杰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽艳吠。三九已至吠撮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間讲竿,已是汗流浹背泥兰。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留题禀,地道東北人鞋诗。 一個(gè)月前我還...
    沈念sama閱讀 48,377評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像迈嘹,于是被迫代替她去往敵國和親削彬。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評(píng)論 2 355

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