Flyme TV的UI分析

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)分析一下魅族盒子。

功能分區(qū)

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)用入口。


Flyme TV首頁(yè)

然后我們開(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)用入口

然后就是應(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)格的堆巧。


epg

按確定鍵打開(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è)


列表頁(yè)首頁(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)容喉悴。

列表頁(yè)

全屏展示列表時(shí),左側(cè)保留標(biāo)簽欄的背景色玖媚,提示用戶左側(cè)標(biāo)簽欄的存在箕肃,而內(nèi)容區(qū)與首頁(yè)類(lèi)似:海報(bào)+文字的樣式。

海報(bào)點(diǎn)進(jìn)去后今魔,就是影片的詳情頁(yè):

推薦影片詳情頁(yè)
詳情頁(yè)1
詳情頁(yè)2

詳情頁(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)入:

搜索頁(yè)面

左邊是鍵盤(pán)區(qū)戳杀,而右邊在為輸入東西前是推薦的內(nèi)容搜索该面,當(dāng)搜索完后,右下方會(huì)出現(xiàn)搜索歷史信卡,與熱門(mén)搜索一樣保留三行隔缀。鍵盤(pán)上的foucs是純色圓+藍(lán)色投影,這與首頁(yè)使用的同一樣式坐求。

搜索結(jié)果

搜索結(jié)果頁(yè)面展示的是海報(bào)+類(lèi)型+更新集數(shù)蚕泽,焦點(diǎn)與鍵盤(pán)一樣。

篩選頁(yè)面

篩選頁(yè)面共有四項(xiàng):類(lèi)型桥嗤、地區(qū)须妻、年代及排序方式。當(dāng)前選擇居中泛领,且文字比normal狀態(tài)的文字更加深色荒吏,焦點(diǎn)依舊是面狀的藍(lán)色,增加了上下箭頭來(lái)提示移動(dòng)方式渊鞋。


5绰更、設(shè)置頁(yè)面

設(shè)置首頁(yè)

設(shè)置頁(yè)面:icon+文字瞧挤,這里的icon有點(diǎn)手繪風(fēng)的感覺(jué),焦點(diǎn)是圓角矩形儡湾,更新提示還有小紅點(diǎn)的提醒特恬,這些細(xì)節(jié)都做得挺不錯(cuò)的。

通用設(shè)置

拿通用設(shè)置舉個(gè)例子:標(biāo)題+當(dāng)前信息徐钠,焦點(diǎn)是圓角矩形+投影癌刽,設(shè)置界面都采取的是這樣一種樣式。

個(gè)性化設(shè)置

個(gè)性化設(shè)置頁(yè)面很贊尝丐,換壁紙的方式也值得夸獎(jiǎng)显拜,當(dāng)前選擇的壁紙,可以馬上看到效果爹袁,不用替換之后才能看到远荠。其次,自帶的幾個(gè)雜志屏保也囊括了不同人群的需求失息。

畫(huà)面調(diào)節(jié)

調(diào)整頁(yè)面比例的頁(yè)面譬淳,背景濃厚的魅族風(fēng),但是只能調(diào)節(jié)比例根时,無(wú)法調(diào)節(jié)長(zhǎng)寬瘦赫。

默認(rèn)鍵盤(pán)

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可以入手。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末钳宪,一起剝皮案震驚了整個(gè)濱河市揭北,隨后出現(xiàn)的幾起案子扳炬,更是在濱河造成了極大的恐慌,老刑警劉巖搔体,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件恨樟,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡疚俱,警方通過(guò)查閱死者的電腦和手機(jī)厌杜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)计螺,“玉大人夯尽,你說(shuō)我怎么就攤上這事〉锹” “怎么了匙握?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)陈轿。 經(jīng)常有香客問(wèn)我圈纺,道長(zhǎng),這世上最難降的妖魔是什么麦射? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任蛾娶,我火速辦了婚禮,結(jié)果婚禮上潜秋,老公的妹妹穿的比我還像新娘蛔琅。我一直安慰自己,他們只是感情好峻呛,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布罗售。 她就那樣靜靜地躺著,像睡著了一般钩述。 火紅的嫁衣襯著肌膚如雪寨躁。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1 285
  • 那天牙勘,我揣著相機(jī)與錄音职恳,去河邊找鬼。 笑死方面,一個(gè)胖子當(dāng)著我的面吹牛放钦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播葡幸,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼最筒,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了蔚叨?” 一聲冷哼從身側(cè)響起床蜘,我...
    開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤辙培,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后邢锯,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體扬蕊,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年丹擎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了尾抑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蒂培,死狀恐怖再愈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情护戳,我是刑警寧澤翎冲,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布,位于F島的核電站媳荒,受9級(jí)特大地震影響抗悍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜钳枕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一缴渊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鱼炒,春花似錦衔沼、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至硬爆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間擎鸠,已是汗流浹背缀磕。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留劣光,地道東北人袜蚕。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像绢涡,于是被迫代替她去往敵國(guó)和親牲剃。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

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