开眼是一个视频播放App。他采用类似卡片式的风格设计,从logo道加载loading无处不透露出精致优雅的感觉。下面我就从开眼的启动页开始一步步讲述我对开眼的介绍。
启动页:精美的图片底图,衬托着开眼开眼的logo和产品定位,画面大气,英文使用lobster字体,文字精美优雅,定位直击人心。
进入后的首页,就是推荐,最顶部的“今日精选“采用左右滑动的样式,推荐五条精选视频,接下来是垂直卡片的样式展示了”近期热门“”专题策划“”可能喜欢“几个板块,其中专题策划采用的是一部X1宽屏的卡片和两个X0.5的展示比例,用大标题banner引导列表,主次清晰。
整个首页整体采用大的卡片设计,大图+分享者/分类的展示,用精美的视频画面吸引用户点击,用文字引导用户所属类别,条理清晰,页面简洁。
每次刷新的同时还会更新“近期热门“的推荐视频,让首页更多变,给用户更多的内容体验。
左右滑动页面即可快速切换顶部标签,向左“发现”,顶部一条运营活动banner(可能业务关系吧,该图是固定的),接下来是“本周排行”“热门分类”“近期专题”“近期话题”“新入住作者“”热门评论”几个板块,几乎涵盖app的所有模块分类。
“本周排行”采用一二二的展现形式,将排名第一的用X1屏宽展示,和后面的相比做了一个推荐也做了内容排序的级别划分。
“热门分类”采用标签的样式排列,与视频内容的样式做了区别,与板块内容做了相应的设计调整。
“近期专题”和“近期话题”采用左右滑动的样式,展示5条最近活动,运营的设计画面,两者版式样式不同,格子版块版式统一,给用户统一又又差异化的表现形式,极具品牌规划。
“新入住作者”同样采用左右滑动的样式,不过与“今日推荐”又少做不同,因为是作者推荐,故将作者置于板块顶部,下面紧接展示的视频和视频标题/类别。
“热门评论”采用评论+视频的形式,方便推荐用户查看热门评论的推荐视频,同时也可以点击查看更多相关评论。
整个发现页版块挺多,但排列有序,内容呈现的样式也跟随版块内容相应的做调整,条理清晰,页面干净。
点击首页左上角进入顶部标签栏的排序,可以自定义自己感兴趣的分类排序,便于用户快速便捷到达自己感兴趣的类别模块,又可以使用户看到更多类别内容(只是排序而不是移除添加)
页面右滑进入分类标签,首屏为该分类的“最受欢迎”版块,样式的排列和发页的“本周排行”一样,采用一二二的展示形式,排序条例清晰。
再往下滑动就是feed流的卡片样式排列,展示该分类的全部视频,通过精美的视频画面和恰到好处的视频标题让用户选择自己感兴趣的视频内容。
页面右上角搜索按钮点击后会出现“搜索历史”和“热搜关键词”,一方面便于用户查找自己历史感兴趣的相关内容,另一方面也在运营角度对内容视频进行了推荐。
点击视频卡片进入视频页面,除了顶部的视频播放,紧接着就是视频的文字描述,让用户对视频有了更进一步的了解。同时也可以做点赞、分享、评论等一系列社交操作,再接着是对该视频的标签展示,点击该标签也可计入到该分类的视频主页。再往下就是该视频的发布作者,点击即可进入该坐着的主页,浏览更多该作者的发布作品。最后就是10条相关内容的推荐视频,便于用户了解查看更多相关内容。
这个页面我最喜欢的一点就是下滑直接关闭该页面,回到之前的视频列表,交互操作方便流畅,用户体验非常好。
分享也是一个亮点,点击分享(按钮位置并不是分方便操作)会给画面生成一张图片,并添加一个线框,底部弹出磨砂玻璃效果的分享选择,整个页面像一个海报让人更乐于分享。
点击分类标签进入分类首页,该版块分为“首页”“全部”“作者”“专辑”四个版块,“首页”采用左右滑屏的最近更新和竖排feed流最受欢迎,“全部”整个采用feed流的展示样式,“作者”和“专辑”采用feed流展示作者/专辑与左右展示相关视频相结合的形式,依旧延续了整个app干净统一,整洁和谐又富有变化的设计思路。
关注页分为“作品”和“动态”两个版块,“作品”板块的顶部有一条全部关注的入口,可以方便进去选择已关注的账号和主题;“动态”版块和“首页发现”的“热门评论”的样式一致,方便快速查看关注对象的近期动态,查看他们的操作视频。
“我的页面”和“功能开关”,采用居中对齐的排列样式,每个内容用宽大的行间距隔开,视觉展示干净整齐,页面透气清爽,充满设计感和文艺气息。
观看记录采用0.5屏宽的图片+文字展示形式,与之前页面大画面的卡片展示行程对比,又恰如其分的复合了当前页面的展示需求。
总之,开眼的设计无论是交互还是视觉或是内容都是一款用心的产品,他充满文艺气息,他的设计细腻干净,整洁统一,大气流畅,目的专一,页面轻松,整体的用户体验非常良好。