相信不少同学已经体验过Chatgpt、文心一言，以及最近比较热门的 “kimi” 等国产语言大模型用于个人学习。但大部分设计专业的同学，无论是学习时间投入还是作品产出，我们与“图”所打的交道都要超过文字。近期不少大模型产品也开放了多模态功能，支持上传并生成图文信息。

作为每天工作日都与图文信息打交道的运营菌，自然也把市面上开放的AI工具都测评了一番。如果你是还在校园的学生党，强推【Claude.ai】,每天都有免费额度支持我们用于【图片信息】的学习。

尤其对于初学者以及跨专业的同学，用好AI可以辅助我们快速了解感知陌生领域的知识。今天的推文就为大家分享如何使用Claude.ai，辅助学习交互设计领域最为常见的三种图片类的知识点（其他设计专业也部分适用）。

CASE1 UX设计工具类知识学习 

交互设计方向的学习离不开UX知识的积累。对于初学者来说，最大的难点就是设计工具的学习以及应用，比如用户旅程图、服务蓝图、用户画像等工具，以及信息架构、用户流程图、高低保真都是必学的知识点。我们在教学过程中，也发现了不少同学的学习误区——比如没有理解工具的含义以及适用的场景，盲目仿照视觉形式进行套壳式产出。

以信息架构为例，我选取了这张在 Pinterest 上搜索的【信息架构】示例图——

然后根据我的学习需求——理解【信息架构】的含义、应用场景，并了解这张图中所包含的设计思考，使用Cluade.ai为我进行辅助解读。

信息架构的学习难点在于设计信息产品多级页面（一般包括一级页面、二级页面、三级页面）的功能布局。首页设计哪些功能？二、三级级页面中哪些功能是必要的，哪些是需要删减的？如何规划用户使用流程？等等这些问题都是我们需要思考的。在找信息架构参考图时，我们学习的重点也是分析作者对于不同页面层级功能布局的思考。

Claude.ai 给出的【设计思考】部分非常有价值，它提示了学习者，在构建信息架构图时，需要考虑内容类型——比如图例中所提到的主页、博客、课程资料等；同时，信息架构需要考虑导航系统，包括全局导航、页内导航等。【用户场景】、【功能模块】、【用户流程】也总结得比较全面。

但该段分析也有错误，比如信息架构并不能有效描绘产品的视觉元素。所以AI辅助学习的优势，在于帮助我们快速整理个人的学习需求（用于撰写提示词），拆解图像知识的结构与关注的重点，对于细节知识描述，需要我们谨慎斟酌。

🤔思考引导1：整理个人学习用户验设计工具学习的学习思路，找出【服务蓝图】与【UI Kit】类的图例，撰写提示词，利用AI进行辅助学习。

CASE2

海报视觉图像类学习 

【视觉能力】可以说是设计专业最为重要的核心能力之一。提升视觉能力的基本模式就是——找参考——模仿学习——产出练习。利用AI帮助我们进行图像分析，可以有效提炼海报等视觉材料中所包含的视觉设计知识与设计思考，引导我们从更全面的角度来进行视觉学习与产出。以下图展示UI视觉的图像为例——

我想通过AI了解图像的【配色技巧】（我想知道要怎样设计配色才有“高级感”）、【图形元素应用技巧】（我想了解有哪些常用的图形装饰技巧）——

为了避免AI输出一些“正确而无用的废话”，我细化了分析需求，让AI帮我总结该图像设计中所运用的设计技巧。就上述这段分析，【负空间设计】是我之前没有考虑的点，分析同时总结了图像应用的4个方面，有助于我参考临摹时进行针对性设计，让“仅凭”感觉的临摹学习有了较为具体的分析框架。 🤔思考引导2：找到【信息可视化设计海报】与【设计竞赛产品展示海报】，提炼【精细化】的学习需求，撰写提示词，用AI进行辅助分析。

CASE3 技术原理与设计理论类图像类学习 

交互设计，包括数字媒体等设计学科需要学习大量技术与理论知识，如传感器、编程以及人机交互理论知识。部分知识由图例进行展示，用AI辅助会增效不少，比如下例所示【人机交互理论图例】

我想让AI为我快速解读图像中所包含的【HCI理论】知识——

AI为我提供的图例分析再次展示了AI 辅助学习的强大能力——快速提炼知识结构，全面展示解读知识点。AI在短短十数秒内就帮我用中文整理好了英文图例中所包含的HCI系统的5大关键部分，并为我解读了HCI交互循环系统的完整交互过程。如果你想让解析更加通俗易懂，在提示词中加上【以通俗易懂的，生活中常见的例子来辅助说明】等关键词即可～

🤔思考引导3：点击图片阅读【指尖触觉传感器】这篇技术论文，选择一张传感器图例，利用AI辅助进行技术原理学习。

工具地址

如果你希望于我们进一步交流学习交互技术

学习前沿交互知识

欢迎联系我们一起讨论～

PS.近期学园正在策划25考研公开课活动

最近一期将于 4.18 晚 8:00开始

有兴趣参与的同学同样可以🙋报名哦～