毛线
MAOXIAN
找到一起玩的伙伴。
兴趣社交
正在呈现画面项目介绍
ABOUT THE PROJECT找到一起玩的伙伴。
毛线是一款围绕兴趣、技能与陪伴展开的社交 App。用户可以浏览技能名片、寻找玩伴，也可以分享动态、连麦聊天，让共同的兴趣成为交流的起点。
- 产品类型
- 兴趣社交
- 设计类型
- 从 0 到 1 完整设计
- 主要场景
- 技能 / 动态 / 交流
设计流程
DESIGN PROCESS围绕技能发现与伙伴交流，连接内容、服务和个人空间。
- 01
梳理交流路径
规划发现、技能与交流的一级入口，理清个人资料、接单和聊天之间的关系。
结构规划 - 02
统一内容样式
以黄色标记主要操作，统一头像、技能名片与内容列表的排版。
视觉规范 - 03
组织技能信息
整理技能介绍、申请与接单的信息层级，让服务内容和交流入口容易找到。
界面设计 - 04
衔接互动状态
串起连麦、消息、邀请与个人账户，让交流前后的操作保持连贯。
交互细节
设计规范
VISUAL SYSTEM用明亮的黄色标记主要操作，让人物与内容成为画面的重心。
主要强调色Yellow
#FFED13选中状态 / 主要操作 / 重点信息
深色基础Charcoal
#101113内容背景 / 场景衬托
浅色基础White
#FFFFFF主要文字 / 深色背景中的内容
辅助信息Gray
#8C8C8C说明文字 / 次要状态
布局规范
LAYOUT & SPACING依据真实页面组织照片、内容、入口和操作，标注相应的布局关系。
推荐分类与搜索位于顶部，活动横幅和游戏入口承接发现；热门房间按三列排列，名称与在线人数紧随封面。示意底部延续连麦推荐，再连接首页、发现与消息。
14pt
活动横幅房间封面
10pt
搜索栏品类入口
14pt10pt
- 左右边距
- 16 pt
- 三列间距
- 10 pt
- 内容间距
- 14 pt
核心界面
MAIN SCREENS从主要使用场景开始，查看产品的核心界面。点击图片可以查看完整大图。
更多设计细节
MORE SCREENS沿着使用路径，继续查看内容、操作与不同状态。
