昕宇789 发表于 2014-7-8 10:59

创维天赐3.0至4.0 UI设计演化说明

创维天赐3.0至4.0 UI设计演化说明一、 创维天赐4.0 UI产生的基础 EasyfaceUI即俗称的圆环UI界面,是基于创维自主研发的创维天赐系统1.0基础上的第一套视觉界面,设计初期考虑的是配合展现创维天赐系统具备悬浮、多任务、跨界看、开机快及盲操作的特点而设计的一款具有界面小巧、操作模式自然、尊重用户、不打断用户的视觉操作界面。这套界面随创维天赐系统推出后得到了众多用户的认可和肯定。但随着互联网电视的不断发展、运营空间的需求、大数据分析及用户调研中路径问题的反馈、迭代升级的需要等,迫切需要我们在创维天赐系统上对UI界面进行优化与迭代,在改善即有问题基础上,同当前主流界面设计风格进行融合设计。 于是,在创维天赐系统发展到天赐3.0时,创维天赐团队主动提出需要为天赐4.0系统设计一套更加保证用户体验、保持不打断的特征、利于运营的新UI设计,并将在此基础之上进行积累与优化。该UI延续创维主流UI命名为Cooface5.0。
二、 Cooface5.0视觉设计历程: Cooface5.0在设计构思阶段进行了长达一个月的酝酿以及多轮设计思考。在Demo1-Demo5阶段,输出了接近二十种设计方案方向,在这个阶段中,设计团队逐渐理清了设计重点及设计方向,并找到了不是设计亮点作为后面设计的积累。接着在与公司高层的多次交流后,明确了新的设计方向,并顺利地推出了Demo6,即现在Cooface5.0的设计雏形。接着,在此基础上,又细化到第八版时,Cooface5.0的设计已经基本确定。在主页设计确认后,设计组即分工展开全套UI的设计工作,并将其一一推进落实在产品上。 三、 UI设计思路: 在视觉体验方面,Cooface5.0电视 UI采用方与圆的设计元素相结合。整体风格趋于扁平化、色块化、线条化。以去繁从简的扁平化风格为导向,结合线条化icon;在颜色选择上以彩虹色为主题,布局以彩虹顺色为思路顺延,红、橙、黄、绿、蓝、靛、紫这些大家熟悉的色系。由于彩色的融入,整体视觉更具灵动与变化。方形的色块设计使得整体界面布局简洁大方,圆形的Icon设计提升了整个界面的灵动性,也是对COOFACE4.0圆环UI在细节上的一个延续。在色彩选择上,选择了纯度较高,但是明度适中的颜色,使得色彩明亮、丰富的同时,又很好地保护了眼睛,不会产生色彩疲劳。根据市场调研结果显示,目前这套色彩的用户接受度也比较高。 整套UI的设计是基于创维天赐4.0的悬浮理念,即任何的操作都不会被打断,用户可以在使用的时候很方便的返回到之前的操作。减轻了用户对于未知操作的心里负担。使的整套UI的操作更加的简洁、安全。 四、 项目输出: 整个项目设计团队输出设计规范。包含色块尺寸及形式,焦点及非焦点状态,海报尺寸及推送形式,焦点及非焦点状态。色块与色块、色块与海报的形式及间隔。色块的颜色规范;海报设计规范;字号、字体及颜色;图标的大小、形式及比例,等等。

win3707 发表于 2014-7-8 11:01

强烈支持楼主ing……{znds8}
页: [1]
查看完整版本: 创维天赐3.0至4.0 UI设计演化说明