界面·体验——我院视觉传达设计专业《UI与交互设计》课程教学成果展

课程前言

《UI交互与设计》是视传专业核心课，旨在培养以用户为中心的设计思维与实操能力。课程融合多学科知识，贯通需求分析到原型落地全流程，围绕“界面·体验”引导学生洞察需求、回应现实。从用户画像到视觉稿，每件作品均体现用户为本理念。学生在协作与迭代中提升专业素养，构建美学与功能兼具的设计思维。本次展览呈现阶段性成果，未来学生将持续探索，让创意落地为美好体验

 

——数智设计学院视觉传达设计专业教师：刘如意、蒋彬兴、李媛

01

课程简介：

《UI与交互设计》是视传专业核心课，聚焦界面与交互方法，以用户为本、体验为导向，贯通从需求分析到原型落地的全流程。课程鼓励学生立足真实场景，在协作与迭代中，培养兼具美学感知与功能理性的设计思维。

02

教学目的：

本课程以专业设计竞赛为导向，融合UI核心理论与用户体验逻辑，围绕竞赛标准开展教学。学生将熟练运用主流设计工具，掌握从构思到展示的全流程能力，重点提升创新思维、临场应变与审美表达，在实战中打磨作品，增强竞赛竞争力与综合素养。

03

教学特色：

本课程全程围绕专业竞赛展开教学，打破传统实训模式，针对赛事主题、评分标准与创作难点进行专项训练。以赛促练、以赛促创，全面提升学生原创设计、方案落地及竞赛综合能力。

04

教师简历：

刘如意，讲师，硕士研究生，现任数智设计学院视觉传达设计专业教师，专注UI交互设计与文创设计研究，多次指导学生参加国家级、省部级专业类比赛并获奖，教学成果丰硕。

蒋彬兴，讲师，硕士，绵阳市美术家协会会员，视觉传达设计专任教师，主要研究方向为交互设计、非遗数字化保护及创新。秉持“以设计唤醒传统，以交互连接未来”的教学理念，在教学过程中注重培育学生的创新思维与社会洞察力。

李媛，助教，毕业于伦敦艺术大学数据可视化专业。主要研究领域：品牌设计、UI与交互设计、数据可视化等专业方向。参与多项互联网企业品牌设计及IP设计项目。与UN Women、Beyond Word Studio等合作探究信息可视化科普。

学生优秀作品展示

01

作品名称：《海洋小博士》——海洋科普类APP UI设计

学生姓名：马晶

班级：2023级视觉传达设计本科3班

指导教师：蒋彬兴

设计说明：海洋小博士为 3-8 岁儿童海洋科普启蒙 APP，解决市面科普零散、缺乏家长监护问题。设四大板块，兼具科普学习与家长管控功能，寓教于乐传递海洋生态保护理念。

作品展示：

02

作品名称：《绵遗汇》——绵阳非遗活化数字平台UI设计

学生姓名：王彤彤

班级：2023级视觉传达设计本科3班

指导教师：蒋彬兴

设计说明：“绵遗汇”依托绵阳全域非遗资源，打造线上线下联动的数字化综合平台，集存档、普及、传承与文创升级于一体，助力本地非遗数字化保护与产业创新。

作品展示：

03

作品名称：《蔚蓝小卫士》——儿童海洋保护科普游戏类UI设计

学生姓名：王婧宇

班级：2023级视觉传达设计本科3班

指导教师：蒋彬兴

设计说明：本款海洋科普互动UI APP以趣味学习、海洋科普、环保实践为核心，面向小学生与陪同家长，覆盖生物认知、生态科普、环保任务等板块，填补市面产品无趣、交互单薄、缺乏实践引导的短板。

作品展示：

04

作品名称：《宠米家》——宠物服务平台UI设计

学生姓名：付钰莠

班级：2023级视觉传达设计本科4班

指导教师：蒋彬兴

设计说明：“宠米家”以温暖治愈为设计核心，界面按功能模块化布局，四大入口层级清晰，简化了操作路径，兼顾养宠需求与公益展示，打造兼具实用性、情感温度与品牌辨识度的宠物服务界面。

作品展示：

05

作品名称：《宠易购》——宠物综合服务类移动app

学生姓名：李艺

班级：2023级视觉传达设计本科4班

指导教师：蒋彬兴

设计说明：本次设计作品为宠易购宠物综合服务类移动端APP，面向养宠人群打造一站式宠物线上平台，整合宠物商品选购、宠物领养、养宠资讯、宠物洗护、宠物医疗预约等核心功能。

作品展示：

06

作品名称：三福UI创意设计---APP界面设计

学生姓名：蔡茂林

班级：2023级视觉传达设计本科6班

指导老师：刘如意

设计说明：三福UI设计面向年轻人，打造好用、好玩、有共鸣的数字交互产品。涵盖首页、品类浏览等核心功能，实现线上体验与线下门店联动，拉近用户与品牌距离。

作品展示：

07

作品名称：一站式护肤管家·HBN小程序

学生姓名：朱显冉

班级：2023级视觉传达设计本科6班

指导老师：刘如意

设计说明：HBN护肤小程序是功效型护肤专属线上服务平台，围绕品牌理念打造，不仅提供正品选购等购物功能，还搭载AI肤质测试、专属护肤课堂等实用板块。

08

作品名称：“Wanna 涂”情绪疗愈绘画 —— APP 界面设计

学生姓名：曾雨

班级：2023级视觉传达设计专业本科8班

指导老师：刘如意

设计说明：本作品针对年轻人精神内耗问题，打造低门槛艺术疗愈APP。通过情绪日记与绘画创作，将心绪转化为画作，以轻量创作缓解压力，实现疗愈与情绪自测融合。

作品展示：

09

作品名称：“乡伴”适老陪诊服务平台---APP界面设计

学生姓名：李香

班级：2023级视觉传达设计专业本科8班

指导老师：刘如意

设计说明：本次设计作品《乡伴》聚焦乡村留守老人陪护需求，结合实地调研挖掘养老痛点，它采用柔和暖调视觉，设有语音呼叫、时间币激励特色模式，用轻量化操作解决老人陪护缺失难题。

作品展示：

10

作品名称：苍溪雪梨UI设计---助农APP界面设计

学生姓名：邓谊霖

班级：2023级视觉传达设计本科5班

指导老师：刘如意

设计说明：本项目为苍溪雪梨助农APP，采用低饱和柔和配色与扁平化简约图标，营造田园清新视觉风格，传递原生态质朴的助农品牌气质。

作品展示：

11

作品名称：《匠叙集》—非遗手作原创电商UI设计

学生姓名：夏盈盈

班级：2023级视觉传达设计本科5班

指导老师：刘如意

设计说明：《匠叙集》是聚焦剪纸、陶艺、刺绣的垂直非遗国风电商APP，以匠人IP与非物质文化遗产为核心，打造“文化传播+手作交易+社区互动”的简约新中式平台。

作品展示：

12

作品名称：小go运动APP——UI界面设计

学生姓名：张怡然

班级：2023级视觉传达设计本科5班

指导老师：刘如意

设计说明：本款轻量化健身UI面向学生及年轻上班族，以3D星星IP为核心，采用全圆角卡片布局，划分五大功能模块。IP衍生运动姿态贯穿全页面，形成差异化品牌视觉。

作品展示：

13

作品名称：邮小羊——生活记录UI设计

学生姓名：陈家轩

班级：2023级视觉传达设计本科12班

指导老师：李媛

设计说明：邮小羊是一款记录类app，它以软萌胆小的小羊为核心形象，从传统邮票出发，围绕相关场景进行视觉延展，搭配淡红色温柔色系，把枯燥的习惯和饮水记录变成和小羊一起的奇妙之旅。

作品展示：

 

14

作品名称：MOVIA——悬疑影视APP界面设计

学生姓名：潘志涛

班级：2023级视觉传达设计本科12班

指导教师：李媛

设计说明：MOVIA悬疑影视APP以面具、摄像机、票根为视觉符号，融入影视卡牌收藏与人物档案模块，结合动态倾斜卡片与拼贴式排版，丰富交互体验，兼具功能性与趣味性。

作品展示：

15

作品名称：宠迹——狗狗健康专属智能APP设计

学生姓名：黄诗棋

班级：2023级视觉传达设计本科9班

指导教师：李媛

设计说明：《宠迹》是一款狗狗智能服务APP，针对养宠人群养宠相关痛点设计，面向全年龄段养宠人群，提供狗狗健康管理、活动监控等一体化服务。

作品展示：

16

作品名称：搭个伴UI———搭个伴UI设计

学生姓名：胡金妍

班级：2023级视觉传达设计本科9班

指导教师：李媛

设计说明：本次“搭个伴”移动端UI设计，是一款面向短途旅行、城市探索人群的结伴出行类产品，整体采用简约温暖的扁平化视觉风格，搭配统一规范的色彩、字体与图标体系。

作品展示：

17

作品名称：星宝乐园——自闭症家庭关怀APP UI设计

学生姓名：陈庆萱

班级：2023级视觉传达设计11班

指导教师：李媛

设计说明：《星伴乐园》聚焦自闭症家庭需求，界面以课程、数据板块为主，设置四类康复课程、成长数据、情景游戏与徽章激励模块，为特殊儿童康复产品打造舒缓友好的新视觉节奏。

作品展示：

18

作品名称：漫轨——智慧出行APP界面设计

学生姓名：田夏莉

班级：2023级视觉传达设计本科11班

指导教师：李媛

设计说明：《漫轨》系列以“智慧城市与地铁出行”为核心理念，搭载实景导航、地铁乘车、低碳健康监测等出行功能，让智慧出行工具拥有高效环保兼具现代科技感的视觉节奏。

作品展示：

学生感悟

学习UI课程后，我认识到设计核心是服务用户。通过《海洋小博士》APP实践，学会兼顾美学、逻辑与体验。此次学习夯实了思维与实操能力，今后将平衡创意与规范，持续精进。

2023级视觉传达设计本科3班  马晶

此次实践让我深刻体会到UI设计对传统文化传播的价值。未来我将继续深耕传统文化与现代设计的融合，提升审美与设计思维，用心挖掘地域文化之美。

2023级视觉传达设计本科3班  王彤彤

通过课程学习，我认识到UI设计重在信息清晰、操作流畅与风格统一。反复打磨提升了我的审美与细节把控力。优秀设计需兼顾视觉、体验与功能逻辑，所有细节都应围绕用户习惯展开。

2023级视觉传达设计本科5班  吴朝江

通过课程学习，我扭转了只重美观的片面思维，构建了完整知识体系，掌握了UI实操技能并认清短板。后续将参考优质案例，打磨能力，学以致用，努力成为专业UI设计师。

2023级视觉传达设计本科11班  潘诗琦

课程总结

《UI与交互设计》课程圆满收官。同学们系统掌握了从需求调研到高保真输出的全流程，打破“UI仅美化界面”的认知误区，学会从用户需求出发平衡美学与功能。课程夯实了实操技能，培养了以设计解决实际问题的思维。愿大家继续打磨能力，创作更多兼具功能温度与创意价值的作品。

视觉传达设计专业

——四川省一流专业建设点、省级特色专业，省级应用型示范专业

在互联网与体验经济背景下，专业注重技术与艺术、传统与现代的多元融合，强调跨领域跨界整合。聚焦品牌系统、新媒体、视觉文化创新与多维空间设计四大方向，持续拓展前沿领域，紧跟行业与人才需求最新趋势。

专业特色：

专业深度整合行业资源，与中国包装联合会、四川平面设计师协会、四川省广告协会、四川美术家协会等行业协会，以及绵阳文广新局、绵阳美术家协会等地方政府机构建立了紧密的关系。同时，专业与成渝绵等区域的品牌设计公司、传媒公司、影视网络、出版包装公司等知名企业建立了长期稳定的校企合作关系，构建了“政行校企”四位一体的协同育人机制。专业围绕特色旅游文化开发、城市化形象建设、乡村振兴等前沿项目，深化协同育人、产教融合的项目化教学模式改革。

专业成果：

教师科研教改成果丰硕，近5年，专业带头人、骨干教师主持省部级教改和质量工程课题4项：2021—2023年高等教育人才培养质量和教学改革项目重点课题《基于多学科交叉融合的艺术与科技专业课程思政教育实施与发展策略研究》《基于教产融合、协同育人机制的视觉传达设计专业应用型人才培养模式实验区的研究》《后信息时代基于地域文化背景下的视觉传达设计特色专业探索与实践》，2024—2026年高等教育人才培养质量和教学改革项目：《“红色传承+智能设计+专创融合”视觉传达设计专业人才培养模式研究与实践》等先后获批立项，在专业人才培养模式创新方面持续走在全省前列。

一审一校 | 吴晨曦

二审二校 | 李东阳

三审三校 | 高 甫  张 佳

编辑：赖和超 郭琳