乐于分享
好东西不私藏

雅集文苑 | “豫声记”APP设计

雅集文苑 | “豫声记”APP设计
已关注
关注
重播 分享

写在前面

|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