授课专业｜视觉传达
指导教师｜陈楠
教学品牌活动｜一课一展｜2026
01
课程介绍
本课程聚焦网页设计与交互用户体验，以 UI 设计与前端编程结合为核心，是一门实战导向的专业实训课。课程围绕真实项目展开，帮助学生掌握界面视觉设计、交互逻辑搭建与基础前端实现能力，培养用户思维、界面美感与代码落地的综合素养。教学采用 “项目驱动、边学边做” 模式，从需求分析、原型设计到页面编码、交互优化全流程训练，强化设计与技术的融合应用，让学生独立完成可落地的网页交互作品，提升综合设计与工程实现能力。
02
课程特色
本课程在教学上采用真实项目驱动模式，以完整网页产品为载体，从用户需求分析、原型交互到界面设计、体验优化全流程实战，强化设计思维与工程思维的协同培养。课程融入用户体验与产品思维，引导学生站在真实用户角度思考交互合理性，打破纯技术或纯视觉的单一培养路径。同时引入轻量化协作开发模式，模拟行业工作流程，提升学生团队沟通与项目落地能力。通过“设计即产出” 的改革，实现从课堂练习到行业实战的无缝衔接，既提升专业竞争力，也培养学生注重用户、追求品质、务实创新的职业素养，为视觉传达设计领域输送复合型应用人才。
03
作品欣赏
学生姓名：
侯曦瑶 欧媛媛 李文静
作品介绍：
《络珠》为浙江珠灯网页设计，以非遗珠灯为核心，融合IP形象与功能模块，展现珠灯文化，兼具美观与实用性。
学生姓名：
刘晨曦 杨爽
作品介绍：
“木印坊”APP专为饼印非遗文化打造，集传统纹样鉴赏、手工木刻工艺解析、定制服务预约于一体。旨在溯源饼印千年历史文化渊源、沉浸式拆解饼印模具雕刻，从而宣传弘扬饼印非遗文化。
学生姓名：
冯静茜 曹语珈
作品介绍：
《泥可梦》以非遗泥泥狗为灵感，将古老陶土的质朴与神话图腾的瑰丽融入数字界面。
学生姓名：
黎妍 邹璇 高嘉乐
作品介绍：
《布行记》网页设计以重庆荣昌夏布非遗为核心，设五模块，暖黄主调融夏布元素，交互串联功能，兼顾文化与实用文化的力量。
学生姓名：
李玉林 廖昕怡 刘雅曼
作品介绍：
《暮宠》聚焦老年养宠需求，以适老化设计为老年人打造便捷有温度的双向陪伴养宠平台。
学生姓名：
赵事慧 王欢
作品介绍：
“竹迹”非遗道明竹编文化传播网页，以竹青为主调，集成技艺展示、匠人故事、文创推介等功能，用数字界面传递传统竹编之美与文化内涵。
学生姓名：
孙洁 张梦芸
作品介绍：
“怀袖雅韵”以水墨书韵衬现代留白，虚拟试扇的互动体验，让荣昌折扇匠心工艺可触可感，古韵新风生动传承。
学生姓名：
肖洁 梁媛媛
作品介绍：
“一口柠”以清新柠绿为主色调，融合安岳柠檬特色，构建集科普、商城、研学于一体的乡村振兴网页，传递乡土气息与发展动能。
学生姓名：
董露 倪钰涵
作品介绍：
以“温暖包容”为核心，用暖黄主色调弱化科技感，搭配治愈系IP形象，构建友好交互体验，为自闭症儿童家庭提供专业公益服务。
学生姓名：
梁译丹 张艾思 陈倩倩
作品介绍：
以慢轮制陶为原型，将陶轮旋转的节奏融入界面交互，每一次滑动与点击都如指尖抚泥，在细腻的反馈中塑造出温润、质朴的数字形态。
学生姓名：
马春梅
作品介绍：
“乐山小灵”IP赋能乐山大佛文旅，打造轻量化互动网页，传递轻松逛佛境的体验。
学生姓名：
何苗 欧阳序彦
作品介绍：
以惠山泥人非遗文化为主，提取传统泥塑色彩与造型，清晰的界面布局、流畅的交互体验与文化元素的轻量化融入，打造兼具美感与体验的数字展示界面。
学生姓名：
刘亦可 胡思茹 李佳鑫
作品介绍：
一款专注于民勤县乡村振兴的网页，以清新绿为主色调，搭配暖橙 / 浅黄作为辅助色，既体现沙漠绿洲的生命力，也传递公益与乡村振兴的温度。
-本期责编-
图文来源：艺术设计系
排版编辑：杨信铜
初审：徐若菡 黎妍
复审：程辰 陈筱潇
终审：王波涛
-本期责编-
图文来源：艺术设计系
排版编辑：杨信铜
初审：徐若菡 黎妍
复审：程辰 陈筱潇
终审：王波涛
-本期责编-
图文来源：艺术设计系
排版编辑：杨信铜
初审：徐若菡 黎妍
复审：程辰 陈筱潇
终审：王波涛
艺术设计系宣传中心出品
