案例背景

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

用户画像

王可乐

男/24岁/在工作

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

李可

女/19岁/在上学

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

杨曼曼

女/23岁/在考研

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

产品定位

Soul

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

-亿年轻人的社交乐园

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

探探

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

很高兴认识你

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

积目

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

超高颜值交友神器

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

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

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

轻快：层次分明，简化流程内容优先

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

效率：多方式，全方位触达用户鼓励用户参与

色彩规范

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

主色：#3AFFF1

辅色：#C74BFF

点缀色：#FF4E70

点缀色：#FF4E70

界面

广场

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

异性卡片

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

匹配首页

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

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

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

会员解锁界面

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

匹配成功界面

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

• 上一篇：已经没有了
• 下一篇：教育小程序