?? 作為一名YY直播的深度用戶流部,打算從設(shè)計(jì)規(guī)范戚绕、頁面布局淺談YY直播在三個(gè)平臺的區(qū)別。
?? 這是YY直播IOS端的首頁贵涵,頁眉使用滾動(dòng)式導(dǎo)航(如圖一列肢,截的圖片看不出來),頁眉最右側(cè)添加了一個(gè)下拉式菜單(圖二)宾茂,下拉菜單的選項(xiàng)正式滾動(dòng)式導(dǎo)航中內(nèi)容瓷马。滾動(dòng)式導(dǎo)航欄一般適用于標(biāo)簽選項(xiàng)過多,而最右側(cè)展開的下拉菜單二級頁面也很好的緩解了當(dāng)滾動(dòng)距離過遠(yuǎn)時(shí)給用戶帶來的不便跨晴。再來看看頁腳的標(biāo)簽欄欧聘,標(biāo)簽欄使用舵式導(dǎo)航,下方五個(gè)功能點(diǎn)切換都很頻繁且需要突出中間開啟直播的功能端盆。內(nèi)容頁使用網(wǎng)格列表怀骤,點(diǎn)擊進(jìn)入直播頁面,充分利用頁面空間焕妙。
? 如圖三蒋伦,這是關(guān)注頁的內(nèi)容,與直播頁不同的是焚鹊,頁面布局采用垂直列表形式痕届,而且是圖文結(jié)合的模式。這種形式既能在一個(gè)頁面上更多的展現(xiàn)所關(guān)注的主播末患,而圖片頭像也能明確顯示是哪一個(gè)直播研叫。
? 圖四,這是個(gè)人中心頁面璧针,內(nèi)容頁面下半?yún)^(qū)域采用網(wǎng)格列表形式嚷炉,上半?yún)^(qū)域采用垂直列表導(dǎo)航和分段導(dǎo)航相結(jié)合形式。
? 接著來看看Android端的YY(圖五)探橱,整體布局幾乎和IOS端的一樣申屹!但是在最底部添加了虛擬按鈕,這也是Android和IOS在布局規(guī)范上很大的一個(gè)差異隧膏。當(dāng)然独柑,在取消關(guān)注的手勢上面,二者的規(guī)范是不一樣的私植。IOS關(guān)注頁面上,在某個(gè)主播列表向左滑動(dòng)车酣,出現(xiàn)刪除按鈕曲稼。而Android則沒有這個(gè)手勢操作索绪,但是可以通過長按出現(xiàn)。其余的好像和iOS端一致贫悄。瑞驱。。是我使用的手機(jī)或下載版本的問題窄坦?
? 那么唤反,來看看WEB端吧(圖六)。
? 首先鸭津,左上角是一個(gè)YYLIVE的LOGO彤侍,中間搜索框,? 右上角是個(gè)人信息如:登錄逆趋、注冊? 以及一個(gè)全站導(dǎo)航盏阶。
? 下方作為整個(gè)網(wǎng)站頁面很重要一個(gè)區(qū)域,用于放置一級導(dǎo)航闻书,一級導(dǎo)航還可下拉子項(xiàng)名斟。YY作為一個(gè)視頻直播門戶網(wǎng)站,中間內(nèi)容區(qū)域必不可少的放置當(dāng)前熱門直播內(nèi)容魄眉,考慮到盈利情況砰盐,當(dāng)目前最重要的活動(dòng)“年度盛典”分別放置左右兩側(cè)。
? 由于筆者目前水平實(shí)在有限坑律,故本文暫且如此岩梳,待水平提高,再來完善脾歇。如有錯(cuò)誤蒋腮,還請包涵。