从问题出发，让设计落在体验里。

Project Introduction

项目背景​ 为服务东南亚、日韩、美国跨境 B2B 服装采购场景，打造支持海外仓本地发货的高效采购平台，核心解决多区域合规适配、批量采购效率、库存可视化三大业务痛点。 设计核心逻辑​ 业务流程拆解：梳理 “需求筛选 - 产品查看 - 批量下单 - 物流追踪 - 售后对接” 全链路，明确首页→列表页→详情页→下单页→个人中心的跳转逻辑，确保流程闭环无断点。​ 用户视角深度分析：聚焦批发商、零售商等 B 端用户 “高效找货、明确成本、把控风险” 的核心诉求，理解其 “决策理性、注重效率、依赖实证信息” 的心理特征，避免冗余设计。​ 产品架构设计：搭建 “商品体系 - 仓储体系 - 物流体系 - 合规体系” 四大核心模块，按市场分区适配差异化功能入口，既保证整体架构清晰，又满足区域特殊需求。​ 交互细节优化：针对高频场景设计高效操作 —— 简化多维度筛选流程、前置库存 / 起订量等关键信息、支持批量修改订单、提供物流轨迹实时同步，将核心操作步骤压缩至 3 步内，提升采购效率。​ 设计价值​ 以业务流程为骨架、用户需求为血肉，通过结构化架构与精准交互设计，平衡多区域适配性与采购效率，助力跨境 B 端用户快速完成决策，降低跨境采购风险。

·明确核心需求，确立核心功能模块，分析相关产品功能与视觉设计

·梳理流程：拆解 “筛选 - 查看 - 下单 - 追踪” 采购全链路，明确页面跳转逻辑与产品架构，确保业务闭环。

·尊重用户习惯，降低学习使用成本 ·降低操作难度，减少误操可能性 ·形成品牌特点

·设计标注：添加设计说明提高设计稿还原度 ·交互稿：根据不同状态补全相关交互稿件

·协作工具：利用协同工具提高与前端沟通效率

业务优先、层级清晰、高效易用、响应统一

·梳理采购全流程，规范页面跳转逻辑，搭建清晰产品架构 ·优化筛选、选品、下单、查单等高频操作，缩短操作路径 ·前置库存、起订量、发货仓等关键信息，降低决策成本

01.顶部导航栏设计 Top navigation bar design

包含品牌 Logo、搜索栏、功能入口（购物车、用户中心等），功能分区清晰，满足用户快速搜索、进入个人中心的核心需求。 全部分类下拉菜单，覆盖 T 恤、上衣、卫衣等核心品类，降低用户找品成本。

品牌Logo 左对齐，增强品牌识别

用户操作区 购物车、个人账户入口

02.轮播图组件 Carousel component

以极简场景展示服饰套装，搭配 “COLLECTION SHOP NOW” 引导文案，传递品牌风格，吸引用户点击进入新品 / 系列专区。

03.活动专区组件 Activity Zone Component

多卡片式布局，展示夏季热卖、帽子专场、卫衣专卖等专题活动，通过不同色彩区分活动类型，快速传递促销信息，引导用户进入活动页。

卡片布局 网格化排列，信息层级清晰

04.活动专区组件 Activity Zone Component

分为 “品牌热销”“最新上市” 等大板块，卡片包含商品图、名称、规格、标签（新品 / 热销）、价格与购买人数，信息层级清晰，突出价格优势与商品热度，降低用户决策成本。

01OA1 230G成人圆领短袖 常规版型

设计原则/Design Principle

包含我的收藏、店铺关注、最近浏览及订单列表等模块，帮助用户管理兴趣内容与购买记录，信息展示更全面。

展示用户头像、昵称、余额、等信息，橙色渐变突出用户，增强用户身份认同感。

左侧结构化导航菜单，按功能分类清晰排列，当前选中状态高亮显示，帮助用户快速定位所需功能。

提供6个高频订单状态与服务入口，图标搭配文案直观易懂，消息红点提醒待处理事项，提升操作效率。

右侧悬浮工具栏，提供购物车、首页、客服等便捷功能，随页面滚动始终可见，提升操作便捷性。

信息架构合理，主次分明， 让用户快速获取核心信息

高频功能前置，减少操作步骤 提升用户操作效率

采用品牌主色调红色和橙色， 增强品牌识别度与视觉一致性

结合用户购物全流程，提供贴心的状态提醒与便捷服务

品牌与导航在顶部强化信任与识别；商品标题、价格突出核心信息

大图展示+价格红色强调，快速吸引用户注意力

“加入购物车”与“立即购买”并列设置，提升转化效率。

直观展示所有颜色选择，提升用户选择效率。

基于浏览和购买场景的相关商品推荐，促进加购与连带销售。

模特展示+细节特写+场景图，多维度呈现产品质感与上身效果。

Project Introduction

项目背景 随着数字音乐市场的发展，音乐 App 已不仅是单纯的播放工具，而逐渐向内容推荐、音乐社区、个性化表达等方向发展。然而，目前主流音乐产品在功能不断增加的同时，也存在界面信息复杂、视觉风格趋同、年轻用户情感体验不足等问题。 本项目希望以年轻用户为核心，打造一款兼具品牌辨识度、沉浸式播放体验与音乐社交互动的音乐应用，通过更加简洁直观的界面设计和完整的设计系统，为用户提供更加轻松、愉悦的音乐体验。 项目目标 本项目围绕"发现音乐、沉浸播放、分享音乐"三个核心场景展开设计，希望实现以下目标： 建立具有品牌辨识度的音乐产品视觉体系； 优化音乐浏览、搜索及播放流程，提高操作效率； 引入音乐社区功能，增强用户互动与内容分享体验； 建立统一的 Design System，提高界面一致性与后续扩展能力。

Project Introduction

人物简介：喜欢在学习、散步和通勤时听音乐，热衷收藏歌单和发现新的独立音乐，也会关注喜欢歌手的新歌和演唱会资讯。希望音乐 App 不仅能够满足听歌需求，还能够提供舒适的视觉体验和有趣的社区互动。

用户目标 快速发现符合心情的音乐 收藏高质量歌单 浏览歌手动态和演唱会资讯 分享喜欢的歌曲给朋友

用户痛点 推荐内容重复，缺乏新鲜感 搜索结果分类不够清晰 社区内容质量参差不齐 歌曲管理入口较深

人物简介：工作节奏较快，音乐是缓解压力的重要方式。喜欢根据不同工作场景切换不同类型的音乐，对播放器交互体验和界面设计要求较高，也会关注高品质音质及跨设备同步体验。

用户目标 快速进入播放状态 根据工作场景切换歌单 管理收藏歌曲 保持播放连续性

用户痛点 操作路径复杂 推荐内容不精准 播放器功能层级混乱 收藏和下载管理效率较低

行为特征 🎧 每日听歌4小时以上 📱 喜欢浏览推荐内容 ❤️ 经常收藏歌单 💬 喜欢评论和分享音乐 ⭐ 注重App颜值

行为特征 💻 工作时长时间播放音乐 🎼 根据场景切换歌单 📂 收藏大量歌曲 🔍 经常搜索歌曲 🎵 偏好无打扰播放体验

目标用户 18～30 岁年轻用户 主要包括：

他们具有以下特点： 每日都有音乐使用习惯； 喜欢收藏、分享和发现新的音乐内容； 注重界面美观及产品氛围； 更容易接受年轻化、品牌化的设计语言。

用户需求 根据目标用户行为，整理出用户最关注的四类需求： 高效发现音乐 希望能够快速找到符合当前心情、场景或兴趣的音乐内容。 沉浸式播放体验 播放页面不仅需要满足基础控制功能，同时需要营造音乐氛围，提高沉浸感。 社区互动 用户希望浏览歌手资讯、分享听歌感受、参与音乐话题讨论。 个性化管理 方便管理收藏、歌单、历史记录及个人音乐资产。

统一品牌渐变色彩、圆角卡片、图标规范及组件系统，建立完整视觉语言。

·采用紫色、粉色、橙色渐变作为品牌主色，通过统一色彩语言提升品牌识别度。

·减少页面干扰信息，采用卡片式布局、大面积留白及清晰层级，提高浏览效率。

·通过沉浸式播放页面、Mini Player 持续播放组件以及统一动画逻辑，提升音乐体验。

·增加乐圈（音乐社区）模块，将歌手资讯、用户分享及音乐话题整合到产品生态中。

通过渐变氛围背景、Mini Player、播放页视觉强化等方式，提升用户沉浸感。

新增乐圈模块，整合热门话题、歌手资讯、用户分享等内容，提高产品活跃度。

采用 Design System 与 Auto Layout 进行组件搭建，提高设计效率及后续维护能力。

Project Introduction

设计目标 播放页围绕"沉浸式音乐体验"展开设计，通过丰富的视觉氛围与简洁的播放交互，让用户更加专注于音乐本身，提升产品情感体验。

沉浸式背景 品牌渐变营造情绪氛围。

专辑封面 居中放大，建立视觉焦点。

播放控制 核心操作区域突出显示。

Project Introduction

本项目收获 建立完整的移动端 Design System 提升跨页面一致性与组件化能力 完成从用户分析到高保真设计的完整流程 加强产品思维与设计落地意识

完整 Design System

Project Introduction

选题背景​ 历史传承与文化遗产: 瓷器是中华文化的重要组成部分，具有悠久的历史和丰富的文化内涵。你的应用可以强调瓷器的历史起源、发展历程，以及其在不同历史时期和朝代中的演变。 瓷器制作技艺： 瓷器的制作过程非常复杂，从原材料的选取到烧制过程都需要精湛的技艺和丰富的经验。应用可以介绍瓷器的制作工艺，如拉坯、施釉、烧制等，并深入探讨不同地区的制作特色。 艺术与审美： 瓷器以其精美的外观和独特的艺术风格而闻名。应用可以展示不同风格和流派的瓷器作品，如青花、粉彩、釉里红等，介绍它们的艺术特点和审美价值。 希望能够通过该APP的制作，能够让瓷器的各种知识内容让更多人熟知，让人们能体会到学习瓷器知识的乐趣。

Competitor Research

共同功能： 三家首页均有参观指南，票务预订，展品展览的共通功能 故宫博物院： 主页各项功能入口较多，功能较为丰富，围绕故宫博物院展品分成了各项细致分类项目。 南京博物院： 主页功能较少，主要为常用基本功能，主页设计围绕院内展品及展览活动展开。 三星堆博物馆： 主页功能与南京博物院类似，都为主要功能，设计主要围绕院内特色专项展品展开

Project Introduction

用户友好性：在页面设计中，用户友好性是至关重要的。页面布局应简洁清晰，信息结构合理，以确保用户能够轻松找到所需内容。使用直观的导航和搜索功能，帮助用户快速浏览和定位感兴趣的展览和信息 视觉吸引力：页面设计应注重视觉吸引力，通过精美的图片、动画和多媒体内容，为用户带来愉悦的视觉体验。精心设计的页面布局和配色方案，能够突出展品的特色和文化价值，吸引用户的注意力和兴趣 互动体验：交互体验是页面设计的重要组成部分，应注重用户与应用的互动性和参与度。通过引入互动式元素和功能，如拖拽、滑动、点击等，增强用户的参与感和体验感，提升用户留存和粘性 内容呈现： 页面设计应注重内容呈现的方式和效果，以最大程度地展示APP的精品展品和丰富内容。采用多种形式的内容展示方式，如图片、视频、文字等，让用户可以全方位地了解展览内容和APP内各藏品文化

瓷器卡片展示 卡片式布局，信息层级清晰 图片突出，展现器物细节 时代标签+品属分类，快速了解核心信息 收藏功能，增强互动性

时间轴主体 历史时期线性排列，脉络清晰 节点标识简介典雅融入传统标 签元素 当前选中状态突出引导用户焦点

视觉风格 传统宣纸纹理背景，营造文化氛围 国风纹样点缀增强文化代入感 留白与层次结合，界面清爽不拥挤

顶部导航栏 图标z承载传统元素简约现代 清晰的导航结构快速定位 选中状态样式明确提升用户体验