让“认识附近的人”,先变成看得见的生活场景。
兰亭妙微专注 UI 与用户体验设计,持续关注国内外优秀作品,分享界面设计与交互思路,进行设计审美积累。今天分享 Momento,一组围绕附近发现与即时分享展开的社交 App 设计。照片、头像与活动把抽象的社交功能变成具体体验。
一、项目背景:让初次进入的用户理解连接的价值
附近的人、在线状态、生活分享和本地活动,各自承载不同期待。Momento 用连续的新手引导逐一介绍这些场景,让开始使用之前的认知过程保持轻松。


图 1 发现身边朋友的引导
照片拼贴先建立真实的社交情境,标题再点出附近发现的价值。深色空间里,人物与蓝色按钮形成清晰焦点,顶部进度与跳过入口则保留轻松进入的余地。
图 2 在线与距离的关系展示
中心头像与周围节点把附近关系画成空间图形,距离与在线的概念因此更有画面感。文字、按钮与进度延续上一屏的位置,场景在变,浏览节奏保持熟悉。
二、设计策略:用稳定框架呈现不同社交情绪
①信息架构:每屏聚焦一种行为,从发现走向分享,再过渡到活动与登录。②视觉语言:黑色与深蓝衬托人物摄影,明亮蓝色标记主动作;圆角、头像与节点图形形成一致的视觉节奏。
图 3 分享生活的内容预告
节点与头像继续作为主要图形,围绕分享生活展开新的叙事。与前一屏相近的构图让引导保持连贯,不同标题则为相似画面赋予清楚的功能含义。
图 4 本地活动与登录衔接
活动卡片预告进入产品后可以探索的内容,底部动作转向登录,并保留注册入口。前面的社交想象在这一屏落到开始使用,图片与动作之间的过渡十分自然。
③场景化交互:进度、跳过与下一步的位置持续出现,主要变化集中在图片和场景说明。最后一屏转入登录与注册,让前面的价值介绍接上实际入口,整段引导有明确的推进关系。
三、设计启发:新手引导也可以是一段有节奏的产品叙事
每一屏给出新的社交理由,同时保留熟悉的按钮和版式。摄影负责建立情绪,短标题负责解释用途。做社区或社交产品时,这种把功能讲成生活场景的表达,比逐项罗列模块更有画面感。
如有社交、兴趣社区类 App的 UI/UX 设计需求,欢迎联系兰亭妙微,交流产品场景与设计需求。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
