广电网络高清互动界面设计与分析-论文.pdf

《广电网络高清互动界面设计与分析-论文.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《中国有线电视)2014(09)CHINADIGITALCABLETV⑥·开发与应中图分类号：TN949．291文献标识码：B文章编号：1007—7022(2014)09—1070一o2广电网络吉同口注，月土_I互动界面设计与分析口杨远超，李倩涵(陕西希望在线文化传播有限公司，陕西西安710062)摘要：以“金丹若微影星空”电视UI设计为例，总结了几项电视UI设计中需要特别注意的准则，设计的宗旨在于，在保证界面美观的同时，更注重用户的交互体验，即减少用户对电视界面信息的记忆负担，有易操作、易辨识的沉浸感。关键词：电视UI；设计；交互体验TheDesignandAnalysisofHi

2、gh·definitionInteractiveInterfaceinCATVNetwork口YANGYuan—chao。LIQian-han(ShaanxiWishOnlineCultureCommunicationCo．，Ltd，Xi’an710062，China)Abstract：“Jindanruomicrofilm”TVUIdesignasanexample，wesummarizedseveralTVneedtopayspe—cialattentiontoprinciple，thedesignprincipleistheguaranteeoftheinterfaceisbe

3、autifulatthesametime，paymoreattentiontotheuser'sinteractionexperience，whichreducedtheburdenofTVinterfaceinformationmemory，iseasytooperate，easytoidentify．Ihopethisarticlecouldtoinspiredesignersinthefield．Keywords：TVUI；design；interactionexperience陕西广电网络设计开发制作的“金丹若微影星该栏目主要分为“重磅推介”、“微影门派”、“空”栏目是一款第

4、三方特别定制的影片大赛展现专闪耀”、“星人星事”4大栏目，该栏目uI的制作过题，它以浩瀚的星空图片为背景，以蓝绿和黄橙色为主我们总结出一些电视UI设计准则。辅色调，体现出简洁大方、充满神秘现代感的设计风格，向观众展现出一个精彩纷呈的“微电影”世界(如图1所示)。其中“重磅推荐”栏目的设计风格为六边形蜂巢式海报展现形式自由灵活的排版时尚前卫，被推荐的精彩影片像夜空中闪烁的群星耀眼夺目；“微影门派”与“微星闪耀”栏目使用了具有未来感的微光质感设计，将微电影海报以胶片形式展现，更加突出大赛主题(如图2所示)。界面设计一方面带给了用户强烈的视觉感官冲击力，另一方面也营造出星空遨游的空间氛围，

5、使用户沉浸其中，流连忘返。图1首页页面效果图作者简介：杨远超(1980一)，女，硕士研究生，主要从事美术理论研究，E—mail：9785233@qq．com；李倩涵(1984一)，女，辑，从事平面设计工作。1070www．ccatv．comi线电视}2014年第09期杨远超等：广电网络高清互动界面设计与分析方式，固定的一级栏目字体采用比较厚重的汉真广标字体，强调其标题性作用，因为不用后期维护，所以采用了更有设计感的广告型字体；而二级栏目和资产内容区域使用在HTML中CSS定义方式，其样式书写中只定义了它们的大小并无指定字体，这样做的目的是后期机顶盒解析前端开发好的界面之后，自动默认抓

6、取机顶盒中预先植入的字体，可以保证界面加载速度更快，样式也更加统一，也非常利于编辑的后台维护。字体大小全部在18点以上，这样一般视力的用户在与电视保持一段距离的情况下仍能清楚地看到操作界面图2微影门派页面效果图上的文字信息。第三，界面设计色彩饱和度不宜过高，加大文字和先，界面设计需要注重用户的交互体验，简单明背景颜色反差。更不宜太深，易于用户识别和操作。在设计电视UI界面时选取的颜色饱和度不宜过丹若微影星空”专题首页大致分为栏目导航高，因为我们一般使用电脑来设计界面，电脑屏幕的色推荐两个区域，界面逻辑简单清晰，一目了然。彩饱和度和电视的有很大差别，一般在电脑端设计的机界面美观易懂、操

7、作简单且具有引导功能，使界面解析到电视端，饱和度会升高10％一40％，因此觉愉快、兴趣增强，从而提高使用效率。由界面元素颜色的饱和度需要以电视终端的显示效果为属于客厅文化，一般的电视端用户使用电视的标准。测试颜色时，需要把电脑端设计的界面用外置2—3．5m之间，因用户距离操作端比较远，即设备放到电视端预览，电视调整为亮度饱和度中间值，的显示面积大多远大于个人电脑，但实际上单这样根据调试效果调整好的颜色更加接近一般用户的的信息量要比电脑端要少很多。另外遥控器