新闻资讯
直播小程序 文章来源:广州本凡    发布时间:2022-06-12   点击浏览:208次

案例背景

布衣小程序是一款主打高质量恋爱的陌生 人社交软件。在这里聊天交友、处cp谈走心超甜的恋爱,让你遇见爱情!风华正茂的你,年轻活力想要脱单,布衣让你拥有秒处cp的能力。在这里各种标签活动,帮助你快速脱单。


用户画像

王可乐

男/24岁/在工作

王可乐,男,24岁,工作年。毕业后来到杭州进入了一家初创公司,-直希望在异地遇到可以交心的另一半,但每天朝9晚6的生活实在没有精力去社交

李可

女/19岁/在上学

李可,女,19岁,今年刚升入大一,是一个滑板爱好者。虽然周围同学都很友好,但是有一样爱好的人太少了,希望可以通过直播的方式带动身边的同学都爱上这个活动,更希望自己的另-半也是滑板爱好者。

杨曼曼

女/23岁/在考研

杨曼曼,女,23岁,今年大四,正准备考研。因为性格内向,自己没有恋爱经历,希望可以遇见一个有着共同目标的人谈一段甜甜的恋爱


产品定位

Soul

基于性格/三观/的年轻人社交平台

-亿年轻人的社交乐园

生活乏味枯燥,环境单一,有一股交友欲望强的年轻人

探探

双向一见钟情的高效社交模式

很高兴认识你

生活枯燥,更渴望进行社交活动-一群人

积目

年轻人最热衷的潮流兴趣平台

超高颜值交友神器

垂直与青年文化领域的娱乐社交平台

设计语言的和兴是设计原则,设计原则是建立在产品服务基础上,

根据布依“提供一个高质量的恋爱社交平台” 的产品服务,进一步推导出设计语言:

轻快:层次分明,简化流程内容优先

活泼:通过图形与形象的塑造传递活泼气质

效率:多方式,全方位触达用户鼓励用户参与


色彩规范

整体色彩选用明亮色调,传递年轻、活泼的调性,色相上考虑到目标用户与女性占比理论上是相等的,因此不可过于偏向女性色,综合产品的核心功能恋爱,于是选择介于绿色和蓝色之间的青色,象征着爱情的亲切、纯洁和希望。

主色:#3AFFF1

辅色:#C74BFF

点缀色:#FF4E70

点缀色:#FF4E70


界面

广场

广场页面是用户动态的展示和发布页面。是用户高频浏览界面主要围绕话题展开,因此给予话题较高权重。动态模块的布局思路依托于古腾堡原则,将互动机制置于模块的终端区域,隐藏操作置于右,上角强休区


异性卡片

异性卡片入口,缓解用户的视觉疲劳,同时吸引用户,增加用户点击量。


匹配首页

在匹配页面展示用户的匹配卡片,匹配卡片包含照片,爱好等信息,第一印象往往在于外表,因此提高名片头像的屏幕占比,激励和吸引用户。在最近流行的视觉风格当中,玻璃拟物化由于毛玻璃的通透性,在多个控件的情况下,呈现出种独特的虚实结合的美感。

确保(的独特和元素的可用性和可访问性,视觉风格的赋予就只能尽可能借助背景和辅助元素来赋予了,类似极光的视觉影像分格,正在逐步兴起,国外称之 为Aurora UI极光风。

不在核心的功能上进行太多的装饰反而在背景和装饰元素上做文章,这也是它和新拟物化之间的关键差异。


会员解锁界面

当用户想要查看隐藏用户是弹出会员解锁界面,使用破形的手法增加卡片的层次感,使用户更加清楚隐藏用户状态,增加用户解锁的欲望。


匹配成功界面

用户右滑时,互相喜欢的状态下弹出配对成功界面,使用错位,插画的方式给用户带来一见钟情的视觉感观,提高用户的粘性。