
写在前面
|PREFACE|
声影传千韵,非遗如有声
当黄河的涛声遇上豫剧的唱腔,当非遗传承人的口述化作数字音频,一款APP如何成为中原文化的“有声档案馆”?
❤️🧡💛🥳💚💙💜

马 思源
视觉信息与数字媒体设计 · 专业型硕士
课程:交互艺术设计
指导教师:刘方林 副教授
豫声记
Yu Sheng Ji
01
项目背景
当非遗遇见数字化声音档案
河南是非遗大省,拥有豫剧、河南坠子、河洛大鼓等众多国家级项目。然而,随着传承人老龄化、传播形式单一、年轻受众断层等问题的加剧,非遗的声音正在被时间稀释。
传统记录方式难以完整保留技艺中的声音细节与情感温度。为此,《豫声记》App以多模态数字技术为支撑,旨在为河南非遗传承人搭建一个集音频记录、影像留存、故事传播于一体的数字平台,让非遗在当代语境下被看见、被听见、被传承。

中国非遗发展现状调研报告
02
设计理念
以声为媒,以河为脉
“以声为媒,以河为脉,记录河南非遗传承温度”——这是《豫声记》的核心。
LOGO设计:以“豫地山河 + 非遗声韵”为意象,上方声波纹样象征多模态音频记录,下方线条勾勒黄河蜿蜒形态,暗合河南非遗的文化根脉。配色取自暖粽、陶土、青瓦等中原传统色彩(色值:BD5939、5B747B、D59E4B等)。
字体规范:中文字体使用阿里巴巴普惠体,一级标题20px,二级标题18px,笔型直阴为主,兼具现代感与力量感。

《豫声记》LOGO

主色调
03
用户画像

用户画像
04
产品架构
多模态非遗内容体系
《豫声记》的内容架构覆盖非遗主要十大类别:
传统美术、传统技艺、传统体育、传统医药民间文学、曲艺、传统音乐、传统舞蹈、传统戏曲、民俗。

产品架构图
每一类非遗内容均以“声音”为主线,辅以影像记录、图文图谱与互动地图,构建起一个可听、可观、可感的非遗数字空间。
05
交互设计亮点
启动页与引导页:一耳知河南,一声守非遗
启动页采用中原大地意象作为主视觉——黄河蜿蜒、山川静默,搭配品牌标志性暖棕色调。页面中央仅保留“豫声记”LOGO与核心品牌语:“一耳知河南,一声守非遗”。
引导页包含三张叙事画面,分别配合文案:
“见非遗,听见中原的回响”
“以我之声,传你之心”
“立即打开应用”
底部设有明确的开启按钮,配合轻柔微动效,强化“开启旅程”的仪式感。

启动页、引导页和详情页
主要界面展示
首页:热销内容推荐、代表性传承人入口(如“豫剧女秀才:张梅贞”)
非遗类别:十大非遗类别入口
扫一扫:面对非遗照片可以进行图片识别
AI非遗:有什么关于非议不懂的,都可以进行搜索
我的:包括喜欢、收藏、浏览足迹等等

一级页面

一级页面
非遗类别页:瀑布式卡片布局,点击即可直达更多内容,形成高效的内容浏览路径



非遗类别详情页
06
设计价值
让非遗可听、可观、可感
《豫声记》不仅是一款APP,更是一次文化记忆的数字化策展实践。它通过交互设计、声音设计、信息架构与视觉语言的协同创新,回应了非遗传承中的真实痛点:
为传承人:提供声音与影像的永久存档平台
为研究者:构建高效、精准的非遗知识检索系统
为年轻用户:打开一扇通往非遗的情感窗口
为传播者:提供高质量、可授权的二次创作素材



《豫声记》展板
结语
让中原余韵,声声不息
非遗的传承,不仅是技艺的延续,更是声音与情感的流转。《豫声记》以设计为桥梁,让中原非遗从“被记录”走向“被感受”,从“被看见”走向“被听见”。
如引导页所言:“以我之声,传你之心。” 愿每一次点击,都是一次文化的重逢。

地址:中原工学院南苑商务中心二楼西南角
中工有礼致力于传播校园文化
打造特色中工校园

好物持续更新!
详情请关注公众号、抖音
更多产品欢迎来店选购~

编辑 | 小礼
图片 | 马思源
banner设计 | 于泽坤 葛宇航
审核 | 小雅
出品 | 中工有礼文创雅集
如有需要可电话联系,直接邮寄产品~
孙同学15151295884 申同学18339933775

夜雨聆风