社交类app「微光」原型分享

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

如今互联网的时代飞速发展,从市场情况看来,在app中最得年轻人青睐,手机里几乎都会有的应用软件实属社交类app。即使在社交类app中市场占有量最大的一直是腾讯(QQ、微信)、新浪(微博)等几个知名互联网企业的产品,但年轻人还是会愿意尝试创新的社交类app,例如最近的子弹短信,一上线就引起了极大关注。要做出产品独有的创意,产品才可脱颖而出。通过游戏、游戏、电影、动漫等进入相同爱好的社交圈,结识更多有共同爱好的朋友,逐渐成为越来越多的新社交app选择的切入市场的方式。

「微光」app正是一个这样的创新app,不同于交流电影、交流动漫的论坛式聊天平台,微光app给年轻人提供了一种陌生人可以亲近交流的友好社交方式,选择感兴趣的一部电影或电视剧集,一人或多人同时在app上观看,一边观看一边交流,根据选择同一部影片获得相似喜好的用户,在此基础上社交便更有话题可聊。

本次推出的「微光」app原型,包括「首页」、「匹配」、「好友列表」、「个人」等一级页面,「创建一人或多人观影房间」、「视频播放时的聊天互动」、「观影匹配的卡片切换」、「筛选选择观影对象」等特色交互动画,做社交app的童鞋们可以下载原型模板以作参考哟~

资源地址见文末!

高低保真原型页面对比展示

社交类app「微光」原型分享

页面不多,交互俱全哟~

高保真原型演示

社交类app「微光」原型分享

点击下方链接手动预览所有页面和流程↓

xiaopiu-微光app高保真原型

高保真组件库展示

图标

(更多其他种类的原型和组件素材可访问xiaopiu – 精选广场

利用组件库搭建页面

在精选广场的组件库里搜索「微光」,在搜索出的组件库右下角点击「引用为我的公用库」

图标

也可以点击这里↓直接访问微光app组件库哦~

xiaopiu-微光app组件库

然后点击页面右上角的引用按钮~

图标

如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,快速搭建自己的页面,比如搭建一个观影聊天页面:

图标

高清大图演示请戳→页面制作演示gif

资源地址

欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!_(:」∠)_

原文地址:xiaopiu工坊

 收藏