返回UIUX

浪 LIVE · 移动端 3.0

围绕内容层级、交互细节与视觉一致性的移动端改版,覆盖首页、广场、私讯、短视频、个人中心与深色模式。

移动端设计 · 界面重构 · 深浅色模式

01背景与设计目标

浪 LIVE 是以才艺主播为特色的直播平台。原稿梳理了旧版布局密集、层级区分较弱、界面切换生硬以及视觉细节不统一等问题。本次改版从内容布局出发,明确推荐内容与功能入口的关系,并优化交互细节和视觉规范。

浪 LIVE 移动端 3.0
浪 LIVE 项目概述
浪 LIVE 改版问题与重构目标
浪 LIVE 目标用户
浪 LIVE 场景分析
浪 LIVE 设计情绪板

02设计体系

以易用、轻量、年轻作为视觉方向,重新定义产品用色、字体与组件。主色采用低纯度绿色,并结合辅助色与梯度色,考虑浅色与深色主题中的辨识度和层级一致性。

浪 LIVE 色彩、字体与设计规范

03核心页面体验

首页重新组织运营区、主要功能与主播推荐,突出内容与业务入口;广场通过动态与推荐内容加强主播印象;私讯减少装饰干扰,便于读取信息。短视频提供瀑布流与沉浸式两种浏览方式,个人中心区分本人和他人查看状态,并支持背景更换。

浪 LIVE 首页设计
浪 LIVE 广场动态
浪 LIVE 私讯消息
浪 LIVE 短视频探索
浪 LIVE 个人中心
浪 LIVE 浅色界面总览

04深色模式

深色模式围绕可用性、组件层级与品牌识别建立对应关系,而非简单反色。不同主题下保持相同的信息结构,呈现连续的产品体验。

浪 LIVE 深色模式设计
浪 LIVE 深色界面组合
浪 LIVE 深色界面总览

更多案例

聊聊你的产品吧

告诉我你正在思考的问题,以及你需要怎样的设计支持。一起探索下一步的可能。