中继器实现自动生成序号功能
2024-05-11
2024-01-12 14:45:22
阿多比设计
本次为大家分享的是UI37期刘同学关于皮蛋PLUS的改版分享。皮蛋是一款陌生人社交产品，作为开放式的社交平台，用户可以在此认识感兴趣的人，结交更多朋友，以及分享生活的趣事。本次改版主要进行了产品的视觉体验升级，产品功能的优化，整体围绕年轻化、品牌感、情感化三大设计方向展开，解决了产品在品牌融入不足，功能不全等方面问题。
1、问题总结
通过内部的设计走查发现产品的品牌调性不足，聊天匹配方式单一，不能满足用户的多样化需求，不符合当代的流行趋势，且图标、组件视觉风格不精致，由此总结出了以下三大问题。
2、用户画像
当代年轻人使用社交软件的一大重要原因是孤独感，因此产品的情感化设计尤为重要，要让用户感受到温馨、陪伴的使用氛围，从而提高用户的活跃度，增强社区的热闹感。
3、情绪板
通过更柔和的色彩、更轻松的氛围，让每个人自由自在的发声、创作、认识感兴趣的陌生人，发现感兴趣的话题，走出固有生活圈，让社交关系变得更轻松。
4、IP
a.吉祥物
品牌吉祥物根据APP名字选取了爱心蛋，能够让用户对品牌形象有深刻印象，并且它的存在很大程度上降低了我们的孤独感，也让应用界面更加趣味性。
b.表情包
吉祥物的表情设计可以用在系统表情包、页面空状态等多种地方，增强了产品的情感化和用户的趣味感受，以下展示了三种常用的表情样式。
c.等级体系
以品牌吉祥物结合不同场景，绘制出多种形象，用于等级标签和等级中心头部。通过场景内容和背景色的变化，打造出向上升级的感受。
5、登录页
登录页面由于功能单一简单，用户可以操作交互的内容也很少。登录界面为大多数新用户打开应用的第一印象，希望在提升用户操作体验的同时也能更加注入品牌元素，带来一些皮蛋产品的社交氛围。
6、缺省页
缺省页中场景插画设计依然延续色彩搭配，并在页面中合理融入品牌IP，可以缓解用户负面情绪及提升产品体验和品牌感知。
7、首页展示
首页作为产品的核心界面，承载着主要功能与信息传递的作用；对首页进行功能板块的提升改造，将首页主要分为瓷片区、用户推荐功能板块。
8、匹配页面
通过匹配入口可以根据用户筛选感兴趣的在线用户进行匿名在线对话；动态匹配运用冷暖搭配的背景设计，希望能够为用户带来更轻松的社交氛围感受。
9、广场展示
在party页用户可以加入自己喜欢的主题房间，也可以创建属于自己的房间，提供聊天和游戏两种房间类型，对于创建过房间下次启动可以快速进入。
10、消息页面
将消息分为新朋友和通知消息两个类型，用户可以在新朋友当中查看到新配对到好友和好友的在线情况，方便用户点击想要聊天的好友，加速破冰。
11、个人中心
个人中心页是各个模块和功能聚合的地方，目的是让用户快速找到自己想要查找的功能，页面头部再次沿用了品牌图形设计，并结合吉祥物，强化品牌调性。
12、颜色规范
皮蛋APP中，我们设定了皮蛋的主色为阳光年轻的黄色，这个颜色更符合年轻人的气质，为增加活力在界面设计中按钮及一些页面采用品牌渐变色使用，还有辅助色进行搭配。
13、字体规范
14、图标规范
图标表现形式以凸显品牌特性为主，颜色结合产品主色调，统一品牌调性，加深产品认识，利用图标栅格系统，确保图标的视觉统一。
15、页面合集
最新文章
本次为大家分享的是UI37期刘同学关于皮蛋PLUS的改版分享。皮蛋是一款陌生人社交产品，作为开放式的社交平台，用户可以在此认识感兴趣的人，结交更多朋友，以及分享生活的趣事。本次改版主要进行了产品的视觉体验升级，产品功能的优化，整体围绕年轻化、品牌感、情感化三大设计方向展开，解决了产品在品牌融入不足，功能不全等方面问题。
1、问题总结
通过内部的设计走查发现产品的品牌调性不足，聊天匹配方式单一，不能满足用户的多样化需求，不符合当代的流行趋势，且图标、组件视觉风格不精致，由此总结出了以下三大问题。
2、用户画像
当代年轻人使用社交软件的一大重要原因是孤独感，因此产品的情感化设计尤为重要，要让用户感受到温馨、陪伴的使用氛围，从而提高用户的活跃度，增强社区的热闹感。
3、情绪板
通过更柔和的色彩、更轻松的氛围，让每个人自由自在的发声、创作、认识感兴趣的陌生人，发现感兴趣的话题，走出固有生活圈，让社交关系变得更轻松。
4、IP
a.吉祥物
品牌吉祥物根据APP名字选取了爱心蛋，能够让用户对品牌形象有深刻印象，并且它的存在很大程度上降低了我们的孤独感，也让应用界面更加趣味性。
b.表情包
吉祥物的表情设计可以用在系统表情包、页面空状态等多种地方，增强了产品的情感化和用户的趣味感受，以下展示了三种常用的表情样式。
c.等级体系
以品牌吉祥物结合不同场景，绘制出多种形象，用于等级标签和等级中心头部。通过场景内容和背景色的变化，打造出向上升级的感受。
5、登录页
登录页面由于功能单一简单，用户可以操作交互的内容也很少。登录界面为大多数新用户打开应用的第一印象，希望在提升用户操作体验的同时也能更加注入品牌元素，带来一些皮蛋产品的社交氛围。
6、缺省页
缺省页中场景插画设计依然延续色彩搭配，并在页面中合理融入品牌IP，可以缓解用户负面情绪及提升产品体验和品牌感知。
7、首页展示
首页作为产品的核心界面，承载着主要功能与信息传递的作用；对首页进行功能板块的提升改造，将首页主要分为瓷片区、用户推荐功能板块。
8、匹配页面
通过匹配入口可以根据用户筛选感兴趣的在线用户进行匿名在线对话；动态匹配运用冷暖搭配的背景设计，希望能够为用户带来更轻松的社交氛围感受。
9、广场展示
在party页用户可以加入自己喜欢的主题房间，也可以创建属于自己的房间，提供聊天和游戏两种房间类型，对于创建过房间下次启动可以快速进入。
10、消息页面
将消息分为新朋友和通知消息两个类型，用户可以在新朋友当中查看到新配对到好友和好友的在线情况，方便用户点击想要聊天的好友，加速破冰。
11、个人中心
个人中心页是各个模块和功能聚合的地方，目的是让用户快速找到自己想要查找的功能，页面头部再次沿用了品牌图形设计，并结合吉祥物，强化品牌调性。
12、颜色规范
皮蛋APP中，我们设定了皮蛋的主色为阳光年轻的黄色，这个颜色更符合年轻人的气质，为增加活力在界面设计中按钮及一些页面采用品牌渐变色使用，还有辅助色进行搭配。
13、字体规范
14、图标规范
图标表现形式以凸显品牌特性为主，颜色结合产品主色调，统一品牌调性，加深产品认识，利用图标栅格系统，确保图标的视觉统一。
15、页面合集
咨询电话 : 19150192914
咨询微信 : 1964006600
学院地址 : 成都市高新区天府大道北段1480号孵化园5号楼4楼
咨询电话 : 19150192914
咨询微信 : 1964006600
成都市高新区天府大道北段1480号孵化园5号楼4楼
