追求卓越一諾千金

藍藍設計|_小学老师给学生的毕业赠言,2011年成立__39手机网 昆明,主創清華團隊--地震吧,專注軟件和互聯網ui設計開發_|t8神奇魔轮。擅長企業信息化管理|-|投票软件好喜福、監控-|-感应仙女、大數據軟件UIUE谘詢和設計開發服務_--格力客服系统。立足UI|-|288彩票靠谱吗,好好學習-_2017西甲哪个台直播,天天進步-4466kk!


智能電視UI設計基本原則

2019-8-15 泥人張 大屏界麵設計文章及欣賞


如果您想訂閱本博客內容-采花心,每天自動發到您的郵箱中|-第一部断代体史书, 請點這裏

之前一直在做移動端的 UI 設計_|娇妍经痛贴,在進入小米後_--15选5缩水软件,開始接觸電視端的 UI 設計--|亿彩彩票安卓,目前在負責小米電視商城-|拆解师加点。經過一個電視端項目後|zooskooistay人与驴,自己做了一些關於電視 UI 的總結以及設計方法原則__36选7好彩3奖金多少。

電視 UI 算得上是一個偏冷門的界麵設計___风行者观察站,因為它的交互比較特殊-|娱乐天地怎么找客服,同時有一些限製-_优乐博彩怎么样,比如交互限製|-_木丹青,焦點原則等等_--2011澳网女单决赛。以下就自己的項目經驗為電視 UI 設計原則做一個總結-手机打字反应慢。

智能電視的特性

對於現在家庭智能電視而言-解放军466耳鼻喉科,技術在不斷的進步_|_临泽公务网,但是其飽和度和對比度有的還是很強||-仲博彩票平台靠谱吗,還會遇到大紅碰到大紫的色塊對比||云顶娱乐害惨了我。但是信息變得簡約了|-|天星影院,都是以 tab 導航為主-|幼儿园教师先进事迹,下麵是幾個卡片信息瀑布流顯示|_|256玩彩票app。語音提示很重要-_易彩堂为什么提现不了,會隨著焦點的移動發出提示聲響___内地主持人排行榜,提示用戶電視焦點的移動狀態||_105彩票安卓2812版。

小米電視商城全新改版-||云顶国际登录,在接到需求後|-_覃奀垚,一定要模擬用戶來體驗一下購物流程還有用電視購物的環境-_|华为畅享7c,環境應該是固定的|众彩彩票是合法的吗,那就是在家裏||气雾剂之家。電視和手機購物體驗是不一樣的--|亿发彩票坑,電視是要用遙控器來控製_-注册送168彩金,所以每一步的操作流程都很珍貴||花境设计说明,如果界麵跳轉太多--_国王皇后舞蹈,會給用戶一種煩躁的感覺_葫芦岛一高中家长汇,所以盡量同一層級的信息要在同一界麵填寫完畢__鳌太线,避免二次跳轉|-钱学森 儿子。

第二點說的就是焦點問題_-德州双元驾校,焦點不能層次不齊_|易利主管qq,跳動太大會引起視覺不適_泉州会计继续教育系统。以小米電視商城詳情為例_刘亦菲色合成图,焦點盡量在同一水平線上_||乐峰团购,同行的焦點移動|-|梦回大唐之萧瑟流光,視覺感受上會舒服很多||-关于美食的作文。

設計尺寸

智能電視的分辨率和大家平常在 app 看電影的時候差不多_-_天天酷跑九月幸运星,如上圖所示105彩票ios怎么下,目前 1080p 最常見-|仲博最新版官方下载,2k 和 4k 基本都是資源類節目_-|亿彩是正规的吗。設計尺寸以小米電視為例__王恒升,通常做 1920*1080 的視覺稿就可以了--哈斯维修,開發會適配比 1920*1080 小的電視屏幕||李乐伟,這樣下來||让你取暖,如果小分辨率的電視沒問題了-刺影辅助免费版,大的分辨率也就沒問題了_|-5iwwe。

我們知道在設計 app 的時候_|-15分彩技巧,都有左右間距的控製|_蛇行一亿年,移動端一般常見的控製在 28px 或者 32px___氨糖为何橄固力牌最好,電視端因為是大屏設計|陈进平,所以預留的空間也要大一些|_易点彩票网手机版,基本左右留出 120px|__易彩集团靠谱吗?,上麵留出 90px 就可以了|_设备管理器没有鼠标。一般我設計的時候左右是固定的 120px_|-拳皇97大蛇版,上麵可以隨設計內容來自定義--优彩彩票是正规的吗,90px 或者 100px||_22彩票平台,都是可以的_--山西环法尊道长,隻要視覺舒服即可||-仔仔网电视剧。

焦點在電視端 UI 設計裏顯得尤為重要|-敬一丹公开质疑打虎,因為它就是你的視覺焦點__-云顶娱乐在线平台网址,焦點會隨著遙控器上下左右確認而改變|-青年宫影城。焦點的設計不能是扁平的-|22彩票是什么网站,因為那樣不能夠提醒用戶焦點狀態的位置___蘑菇街2013新款冬装,焦點的設計應該是放大的|-法蓝瓷价格、誇張的__诺亚舟np980、可以帶邊框--sky浪翻云,也可以使用投影外發光的方式來設計--众赢彩票的骗局揭秘,確保能夠給用戶足夠的清晰位置|快乐大本营 棒棒堂。

焦點放大我這裏建議放大 1.1 倍或者 1.2 倍就可以了-_姜世离,再大就顯得過於大了-_天桥区大桥镇。

交互設計

如上圖所示_-|亿彩堂官方下载,我在設計焦點的時候-|仪华特卖,就用了放大+外邊框的形式||-草榴永久域名,這樣焦點移動起來可以讓用戶足夠看到位置所在-_永城彩票平台。電視端的交互也是很簡單的-__众彩彩票app,基本屬於十字交互|--手机qq2009官方下载,即自上而下-_|西安都市快报直播,從左到右的交互方式---陈国栋的秘书。紅色剪頭屬於禁區-_黑香米产地,所有的電視交互_-_111彩票安卓,沒有斜 45 度的交互|_-上海神舟电脑维修点,這樣是錯誤的_|掌信彩合法吗。

大家可以看到-_-128期看图中肖特,在 app 裏-|-众人帮怎么赚钱快,常見的彈窗和浮窗可以壓蓋在可點擊功能上|娱乐彩票澳门,比如美團的紅包_-|纳雪莱,愛奇藝的一鍵關注_|笔秀素材网,即使是這樣-_阿里旺旺2012买家版,也不會影響功能的正常使用_-金在中妹妹。但是電視端的設計--宏基官网售后,如果兩個可點擊功能壓蓋在一起|_黄山奇石天狗望月,焦點是無法獲取的|__盐城招标,因為它沒法判斷你想要選的那個功能|_至尊彩链接,所以在電視上_|迪吧现场图片,一定要將兩個功能分開來布局最為合適--|陈白沙祠。

露出屏外的內容|_难舍难分简谱,和移動端設計是一樣的_北京军事政变。如果有多個卡片內容|湖南移动梦网,我們需要將露出屏外的那張卡片做一些邊界化處理_||娱乐天地代理,控製好間距_|_运盛彩票作弊,也就是說我們要將一個完整的卡片漏出來一些-_|野兽与乡巴佬下载,讓用戶知道_--诺亚舟np980,後麵還有內容_宋家王朝喜多郎;反之||_11086平台黑,用戶可能不知道後麵還有內容_|-注册送30元彩金平台,就不會按遙控器右鍵查看了_|钢坯成本。

電視端 UI 設計忌諱控件隱藏__健康666,比如上圖_|全名英雄辅助,如果有很多文字的時候-_东港黑社会,左邊的設計是錯誤的|-中国高端女装品牌,因為隱藏了 button 按鈕||22彩票网址。改為右邊的設計是比較好的|||欧莱雅积分兑换,我們可以選擇焦點選中文字給一個彈窗狀態或者其它|-雨露文章,將 button 功能位露出來-|_闽江学院教务系统,如果一個界麵可選功能位較少||爱维侦察 地址,我們設計的時候盡量在第一屏展示||让爸gank死他。如果實在不行_-|海伦二中贴吧,可以選擇吸底吸邊來設計__飞天侠女电影。

視覺設計

顏色的選擇運用是重中之重_-百事淘宝瓶盖兑奖,因為這個會直接影響到用戶的視覺體驗-_花样少女是多大。因為用戶環境大多數是晚上的時候回去看電視|-铁通影院网址,分開燈和關燈的情況-||易彩集团是真的么,開燈的情況其實還好_-|舟山临城外卖。如果關燈_|_智行彩票官网,顏色太刺眼的話_助赢软件官网,飽和度較高的顏色會直接影響到眼睛-_藤原岛子,這個危害是很大的_-雷神2 百度影音,而且不一樣顏色的色塊-_|358彩票,會增加用戶的視覺負擔||永盛娱乐手机,這樣就得不償失了-上海神舟电脑维修点。所以我們要避免大麵積的使用單一純色或者漸變色|_盈盈彩票网首页。

電視 UI 設計中--_众彩彩票靠谱吗,白色謹慎使用_-|镀铬杆。因為白色過多實在是太刺眼了_青花瓷琵琶简谱,我們可以選中較為灰一些的接近白色的顏色來代替||_战狼团队彩票全天计划。

背景的運用這裏也建議使用深色的背景__诗朗诵相信未来,原因和上述講的一樣___众彩国际送彩金,還有一個就是深色背景可以更好地襯托出界麵的主要內容--苏州工业园区三中。反之如果用淺色的背景-约彩彩票什么时候开始,有的卡片如果需求方要求設計成淺色--_优彩网是理财骗局揭秘,那麼這樣淺色的背景+淺色的卡片疊在一起__-如东实验小学万红,主要內容就特別難區分了|-|永盛国际登录网站。

我們在設計電視端 UI 的時候_--qq2010官方下载正式版下载,要真實的先去體驗一下特殊的場景||亿客隆彩票平台,電視端每個 tab 是一個頻道|-|咖啡恋人,每個頻道的設計風格也是不同的_||苏拿,比如少兒頻道-干旱新闻,購物頻道和電影電視劇頻道李驰博客,設計風格肯定不同___139乐享平台合法吗,體驗模擬流程可以讓我們更快地了解電視特性|--注册送18的快三彩票。

字體的選擇默認思源黑體_-|众乐彩票输了7000多,因為這個字體是開源字體__诺基亚6120c手机软件下载,可以免費使用-_|qq游戏马,沒有版權之分|-钢铁机器人,以上列入的字體是小米電視商城改版的字號|_黑香米产地,具體的字體和間距可以根據自己的設計需求變化|_51促销网。

關於字體的選擇_淘宝开店步骤费用,當然你也可以選用其它字體--|优博彩票官网,或者一些特殊字體-_昆山花桥开锁,好看的字體_--易旺彩票网址,但是這樣的話_张庭新浪微博,字體包應該會很大--|金莎巧克力有虫,會影響一些加載速度__永胜国际APP是干什么的。

字體顏色的選擇盡量用白色或者亮色|_038彩票安全吗,深色背景上選用白色是最好的-|_阿凡提返利网,這樣更易於閱讀_|-锦屏记19楼。

字體的粗細大小|--云端彩票是真的吗,這裏標題建議加粗選擇|喂养恐龙赚钱,其餘選擇常規字體就好||_班超之志,避免太粗或者太細的字體|_2019十二生肖开奖记录。

更好的智能家居體驗

電視的設計隻是其中的一部分-|新娘无悔的爱第二部,未來我們的電視可能比現在的體驗更加好_-买家圈,比如會出現實景商城|_乒乓球台价格 优个网,單一的圖片形式已經不能滿足我們對購物的需求_168彩票合法吗,一些視頻類--法蓝瓷价格,動效類的體驗會更加合適_-_河南省实验中学分校。想讓電視擁有好的體驗並不是一件簡單的事情|_-土元养殖加盟骗局,想必大家已經從諸多「電視盒子」上體驗到了這一點_-陈丽华前夫。我們曾經熟悉的電視已經發生改變|静安外国语小学,而我們適應的手機|-|选票格式、平板和電腦和新的電視還有著巨大的差別_||盈彩在线app是不是真的,我們需要忘掉之前熟悉的模式__-群主被砍死,未來五年|-_198彩票首页、十年-_-芦台五中贴吧、甚至更久-||tksnis-009。電視-||陕西地震网、電燈||-赢彩票官网、冰箱洗衣機等智能家具的體驗|-|好片地址,正是我們設計師需要在未來幾年所做的事情|-胶囊模具,這很重要-|北京进口食品批发。

小米電視商城全新改版是我接觸的第一個電視端 UI 設計項目__易彩网跟买靠谱吗,第一期的優化還有很多不足|永宁县政府公众网,根據項目經驗總結了上麵的規範_2018彩图牛蛙彩票。以上的基本設計規範掌握後-_最好的返利网,那麼做電視 UI 基本問題不大-诸城百盛吧,大的錯誤肯定不會有了-_叫兽系列,但是每個公司的設計規範肯定也有所差別|龙驹私服。電視端的設計是個偏冷門的 UI 設計|众购彩票网注册,多掌握一些另類項目經驗也是設計師必備的技能_|盈彩网时时彩计划。

文章來源__苯乙烯密度:優設網

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司|_-阿桑古卡,為期望卓越的國內外企業提供卓越的UI界麵設計__|我是歌手第10期排名、BS界麵設計 |-云顶娱乐每天送6元、 cs界麵設計 _-亿彩彩票计划、 ipad界麵設計 范特华特官网、 包裝設計 ||低端单反、 圖標定製 |||渔我同行218、 用戶體驗 --河南瘦肉精事件、交互設計||亿彩彩票官网百度、 網站建設 -|腌醋蒜、平麵設計服務_|_让我取暖歌词。

標簽: 電視端_镣铐典狱官;UI設計--|申诚医院;設計原則 « 如何理解設計中的統一和打破-|我们结婚了泰民停拍? | 拆解「開關」背後的設計細節»


訂閱Rss