YY直播 在IOS端、Android端以及WEB端区别。

   作为一名YY直播的深度用户,打算从设计规范、页面布局浅谈YY直播在三个平台的区别。

   这是YY直播IOS端的首页,页眉使用滚动式导航(如图一,截的图片看不出来),页眉最右侧添加了一个下拉式菜单(图二),下拉菜单的选项正式滚动式导航中内容。滚动式导航栏一般适用于标签选项过多,而最右侧展开的下拉菜单二级页面也很好的缓解了当滚动距离过远时给用户带来的不便。再来看看页脚的标签栏,标签栏使用舵式导航,下方五个功能点切换都很频繁且需要突出中间开启直播的功能。内容页使用网格列表,点击进入直播页面,充分利用页面空间。

图一
图二


图三


  如图三,这是关注页的内容,与直播页不同的是,页面布局采用垂直列表形式,而且是图文结合的模式。这种形式既能在一个页面上更多的展现所关注的主播,而图片头像也能明确显示是哪一个直播。


图四


  图四,这是个人中心页面,内容页面下半区域采用网格列表形式,上半区域采用垂直列表导航和分段导航相结合形式。

  接着来看看Android端的YY(图五),整体布局几乎和IOS端的一样!但是在最底部添加了虚拟按钮,这也是Android和IOS在布局规范上很大的一个差异。当然,在取消关注的手势上面,二者的规范是不一样的。IOS关注页面上,在某个主播列表向左滑动,出现删除按钮。而Android则没有这个手势操作,但是可以通过长按出现。其余的好像和iOS端一致。。。是我使用的手机或下载版本的问题?


图五

  那么,来看看WEB端吧(图六)。


图六

  首先,左上角是一个YYLIVE的LOGO,中间搜索框,  右上角是个人信息如:登录、注册  以及一个全站导航。

  下方作为整个网站页面很重要一个区域,用于放置一级导航,一级导航还可下拉子项。YY作为一个视频直播门户网站,中间内容区域必不可少的放置当前热门直播内容,考虑到盈利情况,当目前最重要的活动“年度盛典”分别放置左右两侧。

  由于笔者目前水平实在有限,故本文暂且如此,待水平提高,再来完善。如有错误,还请包涵。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,826评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 文字是加以润色的东西 但是这个润色对我们的生活又是如此重要 喜怒哀乐 离愁别绪 一但写下来 便赋予了它全部的意义
    WYY_阅读 172评论 0 0
  • (1)维护领导的权威中国人酷爱面子,是权威为珍宝有,人“活一张脸,树活一层皮”的说法。而在中国官场上,领导者则尤爱...
    易哥说话阅读 615评论 1 1
  • 每天随手拍,留住瞬间的美好~加倍美好!我们来啦! 本周主持——水若本周主题——【影子】 稳稳狄 YAN 三毛 雪崚...
    水若_小水呓梦阅读 146评论 0 0