App分享推荐——开眼

开眼是一个视频播放App。他采用类似卡片式的风格设计,从logo道加载loading无处不透露出精致优雅的感觉。下面我就从开眼的启动页开始一步步讲述我对开眼的介绍。


启动页:精美的图片底图,衬托着开眼开眼的logo和产品定位,画面大气,英文使用lobster字体,文字精美优雅,定位直击人心。


进入后的首页,就是推荐,最顶部的“今日精选“采用左右滑动的样式,推荐五条精选视频,接下来是垂直卡片的样式展示了”近期热门“”专题策划“”可能喜欢“几个板块,其中专题策划采用的是一部X1宽屏的卡片和两个X0.5的展示比例,用大标题banner引导列表,主次清晰。

整个首页整体采用大的卡片设计,大图+分享者/分类的展示,用精美的视频画面吸引用户点击,用文字引导用户所属类别,条理清晰,页面简洁。

每次刷新的同时还会更新“近期热门“的推荐视频,让首页更多变,给用户更多的内容体验。


左右滑动页面即可快速切换顶部标签,向左“发现”,顶部一条运营活动banner(可能业务关系吧,该图是固定的),接下来是“本周排行”“热门分类”“近期专题”“近期话题”“新入住作者“”热门评论”几个板块,几乎涵盖app的所有模块分类。

“本周排行”采用一二二的展现形式,将排名第一的用X1屏宽展示,和后面的相比做了一个推荐也做了内容排序的级别划分。

“热门分类”采用标签的样式排列,与视频内容的样式做了区别,与板块内容做了相应的设计调整。

“近期专题”和“近期话题”采用左右滑动的样式,展示5条最近活动,运营的设计画面,两者版式样式不同,格子版块版式统一,给用户统一又又差异化的表现形式,极具品牌规划。

“新入住作者”同样采用左右滑动的样式,不过与“今日推荐”又少做不同,因为是作者推荐,故将作者置于板块顶部,下面紧接展示的视频和视频标题/类别。

“热门评论”采用评论+视频的形式,方便推荐用户查看热门评论的推荐视频,同时也可以点击查看更多相关评论。

整个发现页版块挺多,但排列有序,内容呈现的样式也跟随版块内容相应的做调整,条理清晰,页面干净。


点击首页左上角进入顶部标签栏的排序,可以自定义自己感兴趣的分类排序,便于用户快速便捷到达自己感兴趣的类别模块,又可以使用户看到更多类别内容(只是排序而不是移除添加)


页面右滑进入分类标签,首屏为该分类的“最受欢迎”版块,样式的排列和发页的“本周排行”一样,采用一二二的展示形式,排序条例清晰。

再往下滑动就是feed流的卡片样式排列,展示该分类的全部视频,通过精美的视频画面和恰到好处的视频标题让用户选择自己感兴趣的视频内容。


页面右上角搜索按钮点击后会出现“搜索历史”和“热搜关键词”,一方面便于用户查找自己历史感兴趣的相关内容,另一方面也在运营角度对内容视频进行了推荐。


点击视频卡片进入视频页面,除了顶部的视频播放,紧接着就是视频的文字描述,让用户对视频有了更进一步的了解。同时也可以做点赞、分享、评论等一系列社交操作,再接着是对该视频的标签展示,点击该标签也可计入到该分类的视频主页。再往下就是该视频的发布作者,点击即可进入该坐着的主页,浏览更多该作者的发布作品。最后就是10条相关内容的推荐视频,便于用户了解查看更多相关内容。

这个页面我最喜欢的一点就是下滑直接关闭该页面,回到之前的视频列表,交互操作方便流畅,用户体验非常好。

分享也是一个亮点,点击分享(按钮位置并不是分方便操作)会给画面生成一张图片,并添加一个线框,底部弹出磨砂玻璃效果的分享选择,整个页面像一个海报让人更乐于分享。


点击分类标签进入分类首页,该版块分为“首页”“全部”“作者”“专辑”四个版块,“首页”采用左右滑屏的最近更新和竖排feed流最受欢迎,“全部”整个采用feed流的展示样式,“作者”和“专辑”采用feed流展示作者/专辑与左右展示相关视频相结合的形式,依旧延续了整个app干净统一,整洁和谐又富有变化的设计思路。


关注页分为“作品”和“动态”两个版块,“作品”板块的顶部有一条全部关注的入口,可以方便进去选择已关注的账号和主题;“动态”版块和“首页发现”的“热门评论”的样式一致,方便快速查看关注对象的近期动态,查看他们的操作视频。


“我的页面”和“功能开关”,采用居中对齐的排列样式,每个内容用宽大的行间距隔开,视觉展示干净整齐,页面透气清爽,充满设计感和文艺气息。

观看记录采用0.5屏宽的图片+文字展示形式,与之前页面大画面的卡片展示行程对比,又恰如其分的复合了当前页面的展示需求。

总之,开眼的设计无论是交互还是视觉或是内容都是一款用心的产品,他充满文艺气息,他的设计细腻干净,整洁统一,大气流畅,目的专一,页面轻松,整体的用户体验非常良好。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,409评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 以前,我有个朋友他和我很要好,那是候有他在,我并没有读懂未来的孤独。我和他几乎无话不谈。 一天里有十二小时是白天。...
    宁白大大阅读 213评论 1 1
  • 禅宗公案讲述了这样一个故事:一个财主经常查看他的长工有没有偷懒的,有一次他发现一个小长工睡得非常香,他心里很不平衡...
    051_王超_互联网阅读 151评论 0 0
  • 这帷幕 徐徐落下 满目荒芜 遗留我 风中啼哭 这残阳 浸染记忆的湖 映红直到深处 小船飘荡在姑苏城外 回荡着落寞的...
    知忆Lee阅读 292评论 8 9