肥猫SEO论坛»论坛首页 › 行业交流 › 软件下载 › QQLive华丽蜕变彰显高清视界

高端网站建设可签合同可上门沟通	站群程序定制/蜘蛛池租用	全行业SEO接单QQ1624516415	全行业SEO接单QQ1624516415
2000+站点外链一键通发	原创SEO文章代写【点击】	点击加入本站VIP 发帖免审核	广告位招租

honghu2

23万积分	0 好友	7万主题

发消息

QQLive华丽蜕变彰显高清视界

TA的其它主题

发表于 2021-9-26 08:32 | 查看: 221| 回复: 0

QQLive富丽演变彰显高清视界

QQ Live 大界面改版布景

摆布分体模式使得播放器和视频库均遭到限定，视频库尺寸小，用户找片不便利。

QQ Live本来版本为分体式摆布两个模块布局（播放器宽565，视频库宽490，总高511）盘踞辨别率为1280×1024的屏幕不足50%的空间。

1、四种用户场景

颠末用户钻研，咱们得出了QQ Live的四大用户场景：

2、测验考试设计方案稿附近约爱

咱们测验考试了几个配色方案以后，终极肯定了采纳含有Logo品牌色的暖色调的配色方案。总体皮肤为深色，是包管用户在观影的时辰图象四周有一个恬静不乱，无滋扰的情况，让视野只专注于影片。

终极方案结果：

3、看片与找片的切换表示

咱们测验考试了几种切换表示方法，来摸索加倍抱负的看片和选片的方案：

方案一鉴戒电视节目标画中画方法

方案二 button/tab的切换方法

4、测验考试的几种播放节制条方案

第一种是情势自力于窗体的浮层式节制条，带有半透明结果，在鼠标逗留在画面上一段时候的环境下才呈现，鼠标分开相应区域后则主动消散。如许的处置方法使的播放节制区域面积小，比力轻快和有灵动；不外这类浮层式的最佳有必定的透明度，但这在XP体系下比力难以实现；

第二种是雷同Windows media player的播放节制方法，这里通栏的进度条能让用户对影片举行精准的节制和定位，可是这类进度条和节制按钮分手，节制按钮自力浮层的方法在画面上看起来会稍显零乱；

第三种方法是如今选定的方案，继续延用了本来的方法，窗口底部的节制bar和顶部的head bar上下呼应，使播放器总体感更强，并且节制按钮在实体的bar上，当窗口疲塌缩放时它们的位置变革会给用户有一个不乱的生理预期。

5、宽屏尺寸简直定

按照如今用户各辨别率显示器的利用比例，经会商决议视频库窗口拔取最重要一些辨别率屏幕的大要80%宽度，按照多个辨别率型号的显示器举行均匀计较，得出一个宽度值是998。

此外想到咱们锁缘软件网Live的官网页面内容的宽度为960，上面计较的宽度为998，相差不大，若是咱们视频库大尺寸宽度选960那视频库内嵌页面几近可以挪用官网现成的资本利用，节流大量投入。然后斟酌视频库内嵌页面960的宽度，右侧另有15pixel的转动条和窗口边框厚度，（别的还参考RealOne 、iTunes、Zune、PPs 等一些产物的默许尺寸都为1000pixel 摆布的大界面），所有斟酌宽度定为980；可是此外那39% 辨别率1024的用户980的宽度会感觉充得太满，不外还斟酌到1024以上辨别率的用户占到了50%以上，并且用户显示器辨别率利用的趋向是愈来愈大的，这个更新速率如今也很快，以是得当超前一点的设计也是可以的。

6、在Windows7下的体系窗框的测验考试结果

此次QQLive改换大界面是一次很首要的改版。在设计前，咱们列出了用户每项操作的步调和利用场景清单，并按照清单举行了核心小组会商，群策群力，在浩繁的解决方案中追求均衡，在均衡中发掘亮点，找到最优方案。大到切换模式、按钮情势、列表样式、信息弹出窗的内容，小到对按钮位置、数目和冒泡的逗留时候都做了响应的设计计划，进而才投入设计，并在一次又一次方案中不竭优化打磨，终极成型。终极功效是项目团队成员配合倾力支出的结晶，这里诚邀大师介入体验，但愿大师一如既往的存眷QQLive、提出您的建议，伴QQLive继续发展。

(本文出自Tencent CDC Blog，转载时请注明来由)

收藏0 回复显示全部楼层道具举报

返回列表

		自动登录	找回密码
密码			立即注册

QQLive华丽蜕变 彰显高清视界

QQLive华丽蜕变彰显高清视界