首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
其他好文
> 详细
关于短视频平台开发框架结构以及界面设计分析
时间:
2019-11-14 15:06:19
阅读:
118
评论:
0
收藏:
0
[点我收藏+]
标签:
背景色
轻松
刷新
排行榜
排列
风格
交互设计
两种
背景
一、框架结构分析
界面设计
首页:短视频平台把视频放在了首页,界面则相对简洁,顶部导航栏只有菜单,关注,发现,同城录像等按钮。短视频是随机呈现的,用户只能够刷新页面更换想看的视频。但好在用户对所观看的短视频也有过滤选项,可以长按减少类似作品,提高了一定的精准性。也可以选择在顶部设置频道分类,用户可以横向切换。短视频平台开发基本都使用了瀑布两列式分布,这样可以很好的排列不同尺寸的视频。并显得错落有致。在上部加入了搜索栏的功能,用户可以直借搜索自己喜欢的用户,内容。增加显示了最近热门提示在搜索框中,或直接在导航栏开辟了一个热搜按钮,打开直接显示最近的日榜和周榜。
拍摄界面
在拍摄界面呢,功能都基本一致,但按钮布局略有不同。从界面上来看各app拍摄的视频比例都不一样。有的是趋近于16:9,有的是1:1。而这个比例更像是是拍大片的电影比例。有快进慢放的功能,也有有背景的功能,在拍摄长度方面又分为了10秒mv和稍长的5分钟短视频。
核心界面
界面简洁,但又保证了功能不缺失,查找关注分享一应俱全,在分享中设置了可见状态,使其独有的功能。在查找功能中设立了一个排行榜还有专题合辑,增加了丰富性,可选性,趣味性。关注中也有一些根据用户喜好的推荐,知名的PCG。在频道栏的最右侧是一个直播的界面,隐藏的有点深。关注栏不仅展示了关注的人,还展示了其在最近发布的作品。一目了然。
二、短视频界面分析
1、色彩舒适度
在色彩的运用上,主色调只用了两种颜色,看起来不会显得杂乱无章。也可以使用色彩学中的“极色”黑色白色为背景色。由于黑色白色没有冷暖之分,所以可以与其他任何色搭配。所以在色彩上看上去都很和谐。
2、文字的主次
文字上三者都表现尚可,按钮在选中的状态下都会变色来凸显。对文字的颜色和大小的设计使得文字都可以一目了然。
3、信息可读性
设计界面比较简洁,除了视频界面,其他界面都很素净。这也是作为一个短视频软件所要突出的重点。如果在主要界面的功能模块多些,但要做到错落有致,不密不疏。相应的功能都有相应的排列顺序。
4、UI识别性
在icon设计上很形象话,一看就知道按钮的功能。运用了不同色彩上的对比,比相邻不同频道使用不同的颜色。使得图标更具识别性。
5、交互性与易用性
使用扁平化的设计风格,简单易用的交互设计语言。轻松上手。
泛娱乐向垂直领域转移
虽然搞笑视频及明星资讯是短视频内容池大户。但份额比例正在下降。同质化现象严重,观众越发感觉审美疲劳,且商业变现困难。而垂直领域市场广阔,竞争尚小。在垂直领域创造差异化竞争成为新的增长点。
用户与内容生产者强互动
用户参与到内容生产者的创作中来,发挥群体智慧将UGC转化成PGC,提高了内容质量。而且这有利于内容生产者的创作及与用户的互动性。
关于短视频平台开发框架结构以及界面设计分析
标签:
背景色
轻松
刷新
排行榜
排列
风格
交互设计
两种
背景
原文地址:https://blog.51cto.com/14506967/2450173
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
分布式事务
2021-07-29
OpenStack云平台命令行登录账户
2021-07-29
getLastRowNum()与getLastCellNum()/getPhysicalNumberOfRows()与getPhysicalNumberOfCells()
2021-07-29
【K8s概念】CSI 卷克隆
2021-07-29
vue3.0使用ant-design-vue进行按需加载原来这么简单
2021-07-29
stack栈
2021-07-29
抽奖动画 - 大转盘抽奖
2021-07-29
PPT写作技巧
2021-07-29
003-核心技术-IO模型-NIO-基于NIO群聊示例
2021-07-29
Bootstrap组件2
2021-07-29
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!