WEB/APP-音乐发行-星球发行[2020]
上海/UI设计师/1年前/50浏览
版权
WEB/APP-音乐发行-星球发行[2020]
【星球发行Star Distribution - WEB & APP】 全平台设计升级
以“简约、系统、高效”为核心理念,重新梳理并设计了一个面向音乐发行场景的版权管理系统,覆盖 Web 和移动端平台,强调用户体验与数据驱动并重的现代平台形态。
🧩 项目定位 · 多角色协同的版权系统
音乐发行行业有其高度复杂的多角色参与结构,因此我将产品定义为一个面向
艺人、经纪人、平台方与发行方
的多端协同工具。在视觉与交互上,做了以下几方面的设计强化:
💻 WEB端设计策略
1.信息模块化,体验组件化
将复杂的内容按功能分类,采用卡片化与表格模块结合,让数据更可读、更好维护。
2.视觉统一性
全面采用品牌蓝与中性色结合的调性,搭配清晰层次的留白设计,让页面通透有序,突出内容本身。
3.数据可视化洞察
图表不是点缀,而是主角。为管理端打造了高度可视化的数据概览页,涵盖分成收益、内容投放、分发路径等关键指标,辅助快速决策。
4.任务流程图谱
特别加入引导流程图设计,帮助新用户理解整个版权流转和作品发行路径,极大地降低系统学习成本。
📱 移动端体验思路
1.轻量化核心任务
移动端不求“全”,但要“准”。保留最核心的查看数据、上传作品、收益通知等功能,并以卡片式设计提升操作效率。
2.统一设计语言,全平台一致体验
从字体、图标到色彩,全部保持 Web 与移动端风格同步,真正实现跨端无缝体验。
3.动效增强反馈感
针
对移动设备的交互行为加入精致动效,例如轻微缩放、加载动效等,提升整体感知质量。
✨ 设计小结
- 以用户为中心的信息结构:我们围绕用户“任务导向”的行为模式,重新组织信息架构与功能入口。
- 组件化思维主导交互构建:设计时同步考虑开发实现,通过可复用组件加速产品落地。
- 数据图表定制设计:区别于套模板的形式,我们设计了品牌化的图表样式系统,兼顾可视性与美观。
本次设计不仅强化了音乐发行工具在视觉层面的专业呈现,更在交互逻辑与信息结构上进行了系统性的优化,是对“实用性”与“易用性”融合的深度探索与成果体现。
1
Report
声明
收藏
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
1Log in and synchronize recommended records
收藏Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share

 - 软件界面 - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5b213abae90rqxc0gdh393.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 软件界面 - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5b2139f28ctkio04v4k2124.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 软件界面 - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5b213abc04fgbe2q8hl1630.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 软件界面 - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5b21395acf1pd58h6wm1455.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 软件界面 - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5b2139ebcdh1oz6pi888652.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 软件界面 - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5b2139d8fe5d30ezi135714.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)

![视觉-LOGO练习-LOONG电音音乐视觉识别[2024]](https://img.zcool.cn/community/67eae8ecd59de3k226o93c9812.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![视觉-漫威像素风插画-海报[2025]](https://img.zcool.cn/community/67e5936ca1fcep41beupd26802.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)



![WEB/APP-任天堂Nintendo概念设计[2020]](https://img.zcool.cn/community/67e5a5f402e3c6aj28czsb8263.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)





![APP-小红书商城改版练习[2020]](https://img.zcool.cn/community/67e5d7ccd53a9lz9kxl3l94181.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![视觉-音乐BANNER[2019]](https://img.zcool.cn/community/67e8db8f648ccx7y703b1q47.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![全渠道视觉运营设计方案汇总-音乐[2018]](https://img.zcool.cn/community/67eae81664ef78e8t71vij6142.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![APP-Rhythn音乐概念稿[2017]](https://img.zcool.cn/community/67daf15648c021we24pnx56567.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![2套网页设计[2017]](https://img.zcool.cn/community/67dae7a5350fdqbu09zswp4354.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)




























































