秋秋数码智能家居

智能家居产品ui设计,智能家居产品ui设计方案

大家好,今天小编关注到一个比较有意思的话题,就是关于智能家居产品ui设计问题,于是小编就整理了1个相关介绍智能家居产品ui设计的解答,让我们一起看看吧。

  1. 智能电视UI怎么设计?

智能电视UI怎么设计?

LG电子最新推出的webOS 3.0操作系统不仅被业内公认为最便捷、最直观的智能电视操作系统,近日更是凭借与家用物联网(IoT)设备之间的出色兼容性获得全球领先的测试和认证机构ul的认证。LG推出的2016年新款智能电视系列产品,安装品牌专有的IoTV应用,可通过WebOS 3.0实现智能家居管理功能用户可以通过运行WebOS 3.0系统的LG智能电视控制多款LG智能电器以及其它品牌的特定产品。

连接之后,各种电器的状态将显示在LG智能电视的屏幕之上,把电视变成用户与设备之间的界面。用户可以从电视屏幕上控制特定的家用电器,例如通过Wi-Fi或线路联网的电冰箱空调洗衣机。用户还可以借助WebOS 3.0调节室内灯光亮度或者改变空调的温度设置

智能家居产品ui设计,智能家居产品ui设计方案
图片来源网络,侵删)

LG电子家庭***事业部高级副总裁兼电视产品规划主管Sam Kim表示:“我们始终把客厅电视看做是智能家居的中枢,而采用WebOS 3.0操作系统的LG智能电视正是以此为出发点进行设计的。LG将继续提供最出色的用户体验开发支持物联网功能的创新家电产品,以此来超越消费者的期望。”

获得ul认证的产品包括一系列运行webOS 3.0操作系统的olED电视和UHD电视。1月6日-9日举行的国际消费电子展期间,LG将在公司展位(***会展中心中央大厅8204号展位)的智能家居展区展示先进的物联网技术

智能家居产品ui设计,智能家居产品ui设计方案
(图片来源网络,侵删)

首先我们要盘点一下我们的需求,要体现的是什么元素。至少要有:原型母体电视;智能体现(互联网高科技自动未来,人性化等);公司元素(参考公司LOGO的配色,形状);具体使用场景

首先你要智能电视默认分辨率是多少,是4K屏还是普通屏,现在的标配就是按照1920*1080的分辩率画布大小来进行布局,其实跟app界面设计的原理是一样的,然后你在这个尺寸里头去做框架布局就好了。

智能电视的特性

智能家居产品ui设计,智能家居产品ui设计方案
(图片来源网络,侵删)

对于现在家庭智能电视而言,技术在不断的进步,但是其饱和度和对比度有的还是很强,还会遇到大红碰到大紫的色块对比。但是信息变得简约了,都是以 tab 导航为主,下面是几个卡片信息瀑布流显示。语音提示很重要,会随着焦点的移动发出提示声响,提示用户电视焦点的移动状态。

小米电视商城全新改版,在接到需求后,一定要模拟用户来体验一下购物流程还有用电视购物的环境,环境应该是固定的,那就是在家里。电视和手机购物体验是不一样的,电视是要用遥控器来控制,所以每一步的操作流程都很珍贵,如果界面跳转太多,会给用户一种烦躁的感觉,所以尽量同一层级的信息要在同一界面填写完毕,避免二次跳转。

第二点说的就是焦点问题,焦点不能层次不齐,跳动太大会引起视觉不适。以小米电视商城详情为例,焦点尽量在同一水平线上,同行的焦点移动,视觉感受上会舒服很多

设计尺寸

智能电视的分辨率和大家平常在 App电影时候差不多,如上图所示,目前 1080p 最常见,2k 和 4k 基本都是***类节目。设计尺寸以小米电视为例,通常做 1920*1080 的视觉稿就可以了,开发会适配比 1920*1080 小的电视屏幕,这样下来,如果小分辨率的电视没问题了,大的分辨率也就没问题了。

我们知道在设计 *** 的时候,都有左右间距的控制,移动端一般常见的控制在 28px 或者 32px,电视端因为是大屏设计,所以预留空间也要大一些,基本左右留出 120px,上面留出 90px 就可以了。一般我设计的时候左右是固定的 120px,上面可以随设计内容来自定义,90px 或者 100px,都是可以的,只要视觉舒服即可。

焦点在电视端 UI 设计里显得尤为重要,因为它就是你的视觉焦点,焦点会随着[_a***_]器上下左右确认而改变。焦点的设计不能是扁平的,因为那样不能够提醒用户焦点状态的位置,焦点的设计应该是放大的、夸张的、可以带边框,也可以使用投影发光的方式来设计,确保能够给用户足够的清晰位置。

焦点放大我这里建议放大 1.1 倍或者 1.2 倍就可以了,再大就显得过于大了。

交互设计

到此,以上就是小编对于智能家居产品ui设计的问题就介绍到这了,希望介绍关于智能家居产品ui设计的1点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.ntmrgw.com/post/16272.html

分享:
扫描分享到社交APP