EAaD课程|设计如何俘获用户?AI赋能的情感化UI实战指南

2025/06/30    阅读量:

User Interface Design

情感化UI设计:

AI赋能,直击人心



课程简介


《UI 设计》课程是视觉传达设计专业的一门重要课程。依托设计思维、软件开发和产品设计思路,讲述 UI 设计的设计方法和行业应用,也是视觉传达设计的重要延伸方向和前沿领域。为视觉传达设计专业人才培养方案中“对于数字媒体设计的认知、理解及应用”这一培养目标的重要支撑课程。



项目背景


人工智能的迅猛发展正在重塑UI设计领域,从工具、流程到用户体验都发生了革命性变化。AI驱动的设计工具(如Google Stitch、Figma AI插件)能通过文本或草图快速生成界面,甚至自动输出代码,大幅提升效率。同时,AI赋能个性化体验,通过分析用户行为和情绪动态调整界面,推动情感化设计和预测性交互。此外,无界面交互(如语音、手势控制)和沉浸式技术(AR/VR、3D动效)的崛起,要求设计师掌握多模态设计能力。AI的普及也重新定义了设计师的角色——从基础执行转向策略策划,需兼顾数据驱动决策与伦理隐私平衡。未来的UI课程应聚焦AI工具实操、数据驱动设计、跨学科融合及动态交互技术,培养学生与AI协作的能力,以适应智能化时代的挑战,确保学生未来在技术浪潮中保持竞争力。


对于 UX/UI 设计师而言,掌握并运用 AI 工具,不仅能大幅提升工作效率,还能激发无限创意,打造出更具吸引力和用户友好性的设计作品。


让我们就来了解一些每个 UX/UI 设计师都应该尝试的 AI 工具(重点是能够真正赋能设计师的人工智能 AI 驱动的工具)。在用户研究、界面交互和视觉设计等方面,可以说比上一代工具更先进、更强大。能够大幅度提升设计效率。




解锁 AI 工具新姿势



AI 插画和动效设计

✂️ LottieFiles 创作工具


这是一款功能强大的基于网页端的设计工具,我们可以从成千上万的预制动画素材中进行选择,或者也可以从零开始创建自己的动画素材。这款创作工具还配备了一些非常实用的人工智能 AI 功能。

LottieFiles 提示转矢量图 (GIF图)


AI 组织想法和研究

✂️ Maze AI


人工智能(AI)也能赋能职场打工人和在校学生,在协助组织笔记、拓展想法,为研究工作提供基础资料等等能力都能大幅度提高效率。


我们可以看到像 Miro 和 Maze 这样的研究型公司正在投资开发一系列人工智能(AI)驱动或支撑的工具。



Maze A.I.



AI 辅助学习

✂️ Skill AI


Skill AI 可以通过一个易于遵循的路线图,帮助我们学习任何特定技能。这个路线图是根据我们输入的提示或列出的要求量身定制。


这是一款简单直给的 AI 工具,它只做一件事,很专注,当然,效果非常好。


Skill AI 为 用户体验(UX)设计生成的学习路径



AI 从创意设计到应用执行

太多太多的好创意止步于 Figma 工具中,甚至只是在我们的脑海中不停闪烁。随着 Lovable、Cursor 和 V0 等 AI 驱动的工具的横空出世,为数字产品设计和研发开辟了一条新的道路。换言之,即使不依赖开发工程师,我也能将一个创意直接转化为产品原型,甚至能可以快速实现上线。我不需要一行一行地写代码,而是通过提示控件来描述我想要什么。AI 工具就会理解我的意图,并根绝提示控件生成代码引导它来构建。





部分作品展示



AI 重塑图标设计

让创意一键生成图标设计


在课程作品里,同学使用:堆友、豆包等AI生图网站。生成有趣的创意图形,并且根据自己的理解进行深化。

《深海灵韵》

视觉传达2202王慧勇

指导教师:赵鑫


《弦鸣古韵,色绘今辉》

视觉传达2202巩帅军

指导教师:赵鑫




AI 驱动界面设计

打造沉浸式交互体验



在课程作品里,同学使用:liblib、堆友、即梦、有言等AI软件。生成语音包,数字人等用来辅佐自己的作品。使用AI不仅能大幅提升工作效率,还可以激发作品的无限创意。

《捡值了》

视觉传达2202王慧勇 刘莎

指导教师:赵鑫


《智眸》

视觉传达2202巩帅军

指导教师:赵鑫


《拣剪减》

视觉传达2202黄雨希 白婉婷

指导教师:赵鑫


《毛球小铺》

视觉传达2204赵白玺 马怡然

指导教师:赵鑫


《瞳伴》

视觉传达2204杨宛潆 张诗曼

指导教师:赵鑫


《银龄付》

视觉传达2204张筱雨 郝宇宇

指导教师:赵鑫


《帕克伙伴游记》

视觉传达2204熊嘉昕 杨瑞馨

指导教师:赵鑫