超碰激情 I 成人福利网站 I 淫国产 I 曰批视频免费30分钟成人 I 刘亦菲裸体视频一区二区三区 I 午夜久 I 尤物综合 I 亚洲一区av在线观看 I 欧美亚洲国产精品久久高清 I 欧美老熟妇乱子伦视频 I 无码中出人妻中文字幕av I 久久美女福利视频 I 精品无人区乱码1区2区3区在线 I 性饥渴的农村熟妇 I 色综合综合色 I 少妇人妻88久久中文字幕 I 久久夜色精品国产噜噜av I 老熟妇仑乱视频一区二区 I 男女做爰猛烈叫床视频动态图 I 日本大片一区二区 I 人成午夜免费视频在线观看 I 激情婷婷av I 男女下面一进一出免费视频网站 I 久久影视一区 I 午夜污网站 I 先锋人妻无码av电影 I 久久久久久久岛国免费网站 I 又粗又大又黄又硬又爽免费看 I 人妻无码免费一区二区三区 I www.色成人100 I 欧美高清网站 I 精品国产第一页 I 国产suv一区二区三区88区 I 橹图极品美女无圣光 I 午夜宅男欧美

產(chǎn)品分類

當(dāng)前位置: 首頁 > 工業(yè)控制產(chǎn)品 > 自動化控制 > DCS系統(tǒng)

類型分類:
科普知識
數(shù)據(jù)分類:
DCS系統(tǒng)

智能電視用戶體驗設(shè)計分享之焦點(diǎn)篇

發(fā)布日期:2022-04-17 點(diǎn)擊率:24

  兩年前作為電視UI的新人,開始入手學(xué)習(xí)時發(fā)現(xiàn)關(guān)于電視的交互和UI教程甚少,相關(guān)文章也是少之又少。兩年快過去啦,各大設(shè)計網(wǎng)站上搜一搜智能電視UI,竟然還是少的可憐的那一點(diǎn)點(diǎn)東西。各大做電視端的師哥師姐們,你們咋那么吝惜筆墨膩?能不能寫寫教程教教偶們新入行的小鮮肉?好啦,不廢話啦,如今我已然不再是什么小鮮肉,只希望能把工作兩年來學(xué)到的東西都記錄下來,如果哪天被某個想入行電視UI的鮮肉看見了,希望能有所幫助。

  這篇文章先講一下電視用戶體驗第一元素:焦點(diǎn),程序里面叫Focus。

  移動端頁面有可點(diǎn)擊內(nèi)容和不可點(diǎn)擊內(nèi)容,相應(yīng)的,到電視上,我們有“可獲取焦點(diǎn)內(nèi)容”和“不可獲取焦點(diǎn)內(nèi)容”。(一般電視上的內(nèi)容都是可以獲取焦點(diǎn)的,只有部分提示性文字沒有焦點(diǎn)屬性)先來看兩張圖

智能電視用戶體驗設(shè)計分享之焦點(diǎn)篇

  這是電視圈兒內(nèi)大名鼎鼎的當(dāng)貝市場的首頁,頂部標(biāo)簽焦點(diǎn)和內(nèi)容焦點(diǎn)的樣式,這也是當(dāng)前大部分電視端App焦點(diǎn)的樣式。這種焦點(diǎn)簡單,美觀,醒目。

  下面我們說一下電視焦點(diǎn)視覺設(shè)計第一個要注意的問題:焦點(diǎn)在哪兒?

  設(shè)計原則:焦點(diǎn)要醒目

  建議方法:使用描邊,外發(fā)光,放大,或其他動畫來加強(qiáng)焦點(diǎn)視覺效果。當(dāng)然也不是越夸張越好,要拿捏得當(dāng),適合的才最好。

  電視屏幕上的焦點(diǎn)也是用戶的視覺落點(diǎn),用戶找了滿屏也不知道自己在哪兒的感覺是很崩潰的。不知道焦點(diǎn)在哪兒,就沒法預(yù)知自己按下遙控器后會怎樣。我們來看一張焦點(diǎn)很微弱的圖:

智能電視用戶體驗設(shè)計分享之焦點(diǎn)篇

  自從小米首先在電視上使用時尚畫報做屏保后,一批批屏保圖片類電視app出現(xiàn),上圖為一款叫風(fēng)迷style的app首次使用設(shè)置界面。左圖,深色和淺色的按鈕,哪個是焦點(diǎn)?假設(shè)焦點(diǎn)在“跳過”上,而用戶卻以為焦點(diǎn)是全選,按下遙控器跳過了此界面,用戶肯定會很吃驚“誒,我按了什么啊!?”如果下一頁不支持返回重新編輯,那用戶會是十分崩潰的。這個app的焦點(diǎn)都不太明顯,看右圖,沒有放大也沒有外發(fā)光也沒有動態(tài)輔助,不過還好,還是可以分辨的清的。

  第二個要注意的問題:焦點(diǎn)的樣式要統(tǒng)一么?

  設(shè)計原則:樣式盡量統(tǒng)一,這樣才感覺都是一家人嘛~

  建議方法:外發(fā)光選框焦點(diǎn),替換顏色焦點(diǎn)盡量不要混著使用。動畫焦點(diǎn)也不要有很多動畫樣式,盡量統(tǒng)一。

  看上上圖,色塊卡片是當(dāng)前最流行的電視UI形式,如果焦點(diǎn)樣式也是色塊,難免會造成視覺混淆,下圖我再舉個例子。

智能電視用戶體驗設(shè)計分享之焦點(diǎn)篇

  蝦米音樂的搜索按鈕焦點(diǎn)樣式,和QQ音樂的搜索按鈕焦點(diǎn)樣式,哪個更直接明了一些?顯然是QQ音樂啦,看來鵝廠對電視App的焦點(diǎn)也是研究過的啊,哈哈。另外我要說一下互聯(lián)網(wǎng)電視新秀暴風(fēng)TV里面一個頁面的焦點(diǎn)

智能電視用戶體驗設(shè)計分享之焦點(diǎn)篇

  找到焦點(diǎn)了嘛?沒錯,焦點(diǎn)在左下角的“未登錄”那里,這是一個動畫效果,暴風(fēng)TV的UI使用了很多柔和的微動畫,營造了不錯的氛圍感。小米電視UI上也有很多拿捏到位動畫,樂視就不要提了,樂視剛出來時候在那個年代真的挺好看的,可是這幾年怎么就沒有設(shè)計創(chuàng)新呢,感覺它的UI都被時代拋棄了。

下一篇: PLC、DCS、FCS三大控

上一篇: 索爾維全系列Solef?PV

推薦產(chǎn)品

更多