1揭芍、首頁(yè)
在雙11虐狗節(jié)當(dāng)天掀抹,發(fā)布會(huì)中早已亮相的魅族盒子開(kāi)售,在上周終于得已把玩一番伊诵,在我們產(chǎn)品組的人一起探(tu)討(cao)后单绑,對(duì)于這個(gè)魅族盒子的界面,有贊同的地方也有吐槽的地方曹宴。對(duì)于盒子的硬件及工業(yè)設(shè)計(jì)部分搂橙,暫不做點(diǎn)評(píng),只是單純的從自己的體驗(yàn)上來(lái)分析一下魅族盒子。
Flyme TV系統(tǒng)的UI界面延續(xù)了Flyme手機(jī)界面的特點(diǎn)——簡(jiǎn)潔区转。當(dāng)看到Flyme TV的首頁(yè)時(shí)苔巨,第一感覺(jué)就是簡(jiǎn)潔,整個(gè)界面十分的干凈废离,給人視覺(jué)上的享受侄泽,當(dāng)移動(dòng)焦點(diǎn)時(shí),動(dòng)效做的十分的好蜻韭,移動(dòng)感覺(jué)特別流暢悼尾,特別流暢,特別流暢Pし健9胛骸!其次俯画,功能分區(qū)十分明顯析桥,從上到下依次是:信息欄–影視推薦內(nèi)容–影視分類(lèi)入口–應(yīng)用入口。
然后我們開(kāi)始對(duì)首頁(yè)的細(xì)節(jié)進(jìn)行分(tu)析(cao):第一個(gè)反應(yīng)就是:背景偏亮艰垂。Flyme TV的默認(rèn)背景是偏藍(lán)色的漸變背景泡仗,在電視上觀看時(shí)趨近于純色而且偏白,在長(zhǎng)時(shí)間觀看后給人的感覺(jué)十分亮眼猜憎,這和現(xiàn)在主流的暗色調(diào)有所不同娩怎。當(dāng)然,我們不清楚一般用戶會(huì)在首頁(yè)停留的時(shí)間為多長(zhǎng)拉宗,或者說(shuō)在這張背景下的頁(yè)面大概停留多長(zhǎng)時(shí)間峦树。
信息欄:左上角是搜索按鈕,focus時(shí)背景色塊變藍(lán)(# 054ee2)旦事;右邊則依次是:升級(jí)提示魁巩、網(wǎng)絡(luò)狀況、天氣及時(shí)間姐浮。
影視推薦內(nèi)容區(qū):可以看到推薦的影視類(lèi)的海報(bào)入口谷遂,點(diǎn)擊直接進(jìn)入該影視的詳情頁(yè)(這和大多數(shù)影視類(lèi)APP一樣)。但是卖鲤,當(dāng)焦點(diǎn)在海報(bào)上時(shí)肾扰,foucs文字由黑變成了帶有alpha值的白色,反而看不清楚文字了蛋逾,而且字體偏小集晚,我們?cè)?m左右的距離觀看的49吋的電視,依然看不太清楚foucs上的文字区匣。
影視分類(lèi)入口區(qū):與大多數(shù)影視類(lèi)APP或者盒子一樣:文字+icon+單色漸變背景偷拔。因?yàn)楸尘捌恋脑颍匀肟诘念伾财粒w的配色給人的感覺(jué)十分的和諧莲绰,而焦點(diǎn)狀態(tài)下時(shí)欺旧,入口是放大+投影的形式,在正常距離下觀看蛤签,焦點(diǎn)不明顯辞友。
然后就是應(yīng)用入口區(qū),當(dāng)看到這個(gè)界面時(shí)震肮,第一感覺(jué)就是:像称龙!相信看過(guò)Apple TV的用戶都有這個(gè)感覺(jué),在這個(gè)區(qū)域下的文字與影視推薦內(nèi)容區(qū)一樣钙蒙,也是偏小的茵瀑,而且focus狀態(tài)下的帶有alpha值的白色文字间驮,真的看不清楚躬厌。但是自帶的幾個(gè)軟件的默認(rèn)入口圖都做的十分精致,而自己安裝的應(yīng)用則是采取了icon+純色塊的入口圖樣式竞帽。
2扛施、電視直播界面
當(dāng)點(diǎn)開(kāi)電視直播時(shí),首先印入我眼里的是這個(gè)大色塊(#03c9e2)屹篓,這個(gè)顏色在第一次開(kāi)機(jī)引導(dǎo)頁(yè)面以及首頁(yè)都不曾見(jiàn)過(guò)疙渣,應(yīng)該是專門(mén)為了電視直播而選擇的顏色,整體感覺(jué)與首頁(yè)不是一種風(fēng)格的堆巧。
按確定鍵打開(kāi)的epg列表妄荔,目前只有一些輪播臺(tái),焦點(diǎn)依舊和信息欄的大色塊(#03c9e2)相同谍肤,背景則是帶有alpha值的黑色啦租。然后播放列表中可以看到接下來(lái)的影片列表,當(dāng)前的播放影片還會(huì)用帶有alpha值的色塊表示播放時(shí)長(zhǎng)荒揣,但是并不能快進(jìn)或者后退篷角,也無(wú)法暫停,所以播放icon出現(xiàn)在這里還是會(huì)給帶來(lái)人迷惑的系任。
PS:新版本已經(jīng)沒(méi)有了電視直播
3恳蹲、列表頁(yè)
從分類(lèi)入口點(diǎn)進(jìn)去之后,就是列表頁(yè)俩滥,這個(gè)頁(yè)面和現(xiàn)在多數(shù)的影視APP類(lèi)似:左側(cè)標(biāo)簽欄+右邊主體內(nèi)容嘉蕾。標(biāo)簽欄是文字(#143f54)+藍(lán)色背景(#79b0e1)前兩項(xiàng)是兩個(gè)功能按鈕:搜索+篩選,下面就是影片分類(lèi)標(biāo)簽霜旧。在首頁(yè)精選错忱,可以看到內(nèi)容區(qū)的結(jié)構(gòu):推薦大海報(bào)+影片海報(bào)+三個(gè)小的推薦海報(bào)。當(dāng)焦點(diǎn)移動(dòng)到內(nèi)容區(qū)時(shí),左側(cè)標(biāo)簽欄會(huì)收起航背,最大范圍的顯示用戶當(dāng)前所需的內(nèi)容喉悴。
全屏展示列表時(shí),左側(cè)保留標(biāo)簽欄的背景色玖媚,提示用戶左側(cè)標(biāo)簽欄的存在箕肃,而內(nèi)容區(qū)與首頁(yè)類(lèi)似:海報(bào)+文字的樣式。
海報(bào)點(diǎn)進(jìn)去后今魔,就是影片的詳情頁(yè):
詳情頁(yè)分兩種:一種是推薦影片的詳情頁(yè)背景勺像,是可運(yùn)營(yíng)的;另一種是普通的樣式错森。這里要說(shuō)的就是第二種詳情頁(yè)的樣式吟宦,焦點(diǎn)顏色及背景會(huì)隨著海報(bào)的顏色改變而發(fā)生改變,這里有兩種猜測(cè):一是取海報(bào)平均色值最多的一種顏色涩维;二是根據(jù)海報(bào)顏色范圍指定了一個(gè)特定的顏色殃姓。無(wú)論是哪種,給用戶的感覺(jué)都是進(jìn)詳情頁(yè)會(huì)有不同的視覺(jué)體驗(yàn)瓦阐,這點(diǎn)改變?cè)谙敕ㄉ虾苜澪铣蓿ㄒ徊缓玫木褪潜尘吧豢煽兀菀壮霈F(xiàn)文字與背景色不搭的情況睡蟋。
4踏幻、搜索及篩選
搜索頁(yè)面可以從首頁(yè)進(jìn)入,也可以從列表頁(yè)的標(biāo)簽欄上進(jìn)入:
左邊是鍵盤(pán)區(qū)戳杀,而右邊在為輸入東西前是推薦的內(nèi)容搜索该面,當(dāng)搜索完后,右下方會(huì)出現(xiàn)搜索歷史信卡,與熱門(mén)搜索一樣保留三行隔缀。鍵盤(pán)上的foucs是純色圓+藍(lán)色投影,這與首頁(yè)使用的同一樣式坐求。
搜索結(jié)果頁(yè)面展示的是海報(bào)+類(lèi)型+更新集數(shù)蚕泽,焦點(diǎn)與鍵盤(pán)一樣。
篩選頁(yè)面共有四項(xiàng):類(lèi)型桥嗤、地區(qū)须妻、年代及排序方式。當(dāng)前選擇居中泛领,且文字比normal狀態(tài)的文字更加深色荒吏,焦點(diǎn)依舊是面狀的藍(lán)色,增加了上下箭頭來(lái)提示移動(dòng)方式渊鞋。
5绰更、設(shè)置頁(yè)面
設(shè)置頁(yè)面:icon+文字瞧挤,這里的icon有點(diǎn)手繪風(fēng)的感覺(jué),焦點(diǎn)是圓角矩形儡湾,更新提示還有小紅點(diǎn)的提醒特恬,這些細(xì)節(jié)都做得挺不錯(cuò)的。
拿通用設(shè)置舉個(gè)例子:標(biāo)題+當(dāng)前信息徐钠,焦點(diǎn)是圓角矩形+投影癌刽,設(shè)置界面都采取的是這樣一種樣式。
個(gè)性化設(shè)置頁(yè)面很贊尝丐,換壁紙的方式也值得夸獎(jiǎng)显拜,當(dāng)前選擇的壁紙,可以馬上看到效果爹袁,不用替換之后才能看到远荠。其次,自帶的幾個(gè)雜志屏保也囊括了不同人群的需求失息。
調(diào)整頁(yè)面比例的頁(yè)面譬淳,背景濃厚的魅族風(fēng),但是只能調(diào)節(jié)比例根时,無(wú)法調(diào)節(jié)長(zhǎng)寬瘦赫。
Flyme TV的默認(rèn)鍵盤(pán)與大多數(shù)盒子和電視一樣,中規(guī)中矩蛤迎。
與別的盒子或電視不同,F(xiàn)lyme TV的彈窗都是從右邊彈出含友,十分的醒目替裆,但是頁(yè)面比較單調(diào)。要吐槽的一點(diǎn)是:收藏以及觀看記錄沒(méi)法單條刪除窘问,只能選擇清空全部辆童。
以上就我們對(duì)于魅族盒子整體界面的一個(gè)分析,當(dāng)然還有一些細(xì)節(jié)部分沒(méi)有細(xì)看惠赫,比如Flyme TV的動(dòng)效細(xì)節(jié)做得十分的贊把鉴,包括按下、移動(dòng)儿咱、切換界面等都十分的流暢庭砍,而且整體看上去,和以往的一些盒子界面有很大不同混埠。如果你喜歡簡(jiǎn)潔并且偏亮色的界面怠缸,F(xiàn)lyme TV可以入手。