技术背景转战康奈尔HCI:我用AI打造的UX 工作流公开...

技术背景转战康奈尔HCI:我用AI打造的UX 工作流公开...

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

去年我们遇到一位学姐,她本科是匹兹堡的信息科学,硕士来到了康奈尔的MPS IS。她说——

“转交互之后,发现最焦虑的不是HCI理论课程,而是UI设计,是打开Figma都能让人头皮发麻。

做作品集,我一度以为必须从零开始补一整套视觉设计技能,但刷某书的时候,看到别人用AI画界面,我的第一反应是:真的假的?也太轻松了吧?”

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

我的AI工作流

一只梨的很多同学,也都像学姐一样是跨专业的。设计理论、软件操作、视觉排版等问题,都是他们在转行之后需要跨过的坎。技术背景、来自康奈尔的学姐,在看了网友的神操作之后,自己忍不住试了一下。

——“我这才意识到:原来不需要学完视觉设计课,靠AI我也能搞定UI部分的原型设计。”

这一整套流程跑下来,

从0到可交付原型的效率,比传统方式快了至少8倍:

  • 用Windsurf里的Claude或Lovable写PRD,生成初步结构草图;
  • 用插件导入 Figma 或 Visily 调整视觉 + 跑通交互流程;
  • Uizard 或 Galileo 用于补充页面 / 生成风格变体;
  • 输出 HTML / Figma 文件,作为作品集项目演示材料

“这篇文章是我亲测几款热门AI UI工具后的总结,尤其适合正在准备作品集、但对视觉输出一筹莫展的朋友。”

工具按阶段分成三类:小白入门、进阶选手、高级输出,我也附上了我自己的使用流程和踩坑经验,能直接抄作业用。

01

入门党首选

Uizard & Galileo

适合人群:0经验、需要快速搞出能展示界面结构的转专业小白。

如果你刚转专业、没碰过Figma,那Uizard 和 Galileo 是最适合起步的工具。比如在Uizard中,我只输入了一句话:“ 帮我做一个记录情绪的app,有登录页和首页。” 点一下「Create Component」之后,它就直接给我生成了下面这一套完整界面:

今日霍州(www.jrhz.info)©️

当然,这类工具也有个小缺点:风格有时候不太稳定,要么很简洁,要么莫名其妙复古。不过,如果只想快速做出一版能展示结构的页面,Uizard和Galileo已经很够用了 !

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

02

进阶选手必备

Windsurf+Claude 3.7

如果说Uizard和Galileo像是个没有感情的画图『机器人』️,那这一套组合拳更像一个懂设计的产品经理。当你下载Windsurf接入Claude 3.7模型,可以直接根据你写的PRD(产品需求文档)生成一套完整的页面流程。

今日霍州(www.jrhz.info)©️

比如我写了一段:“我要做一个线上摄影教学平台,用户可以注册、浏览课程、购买视频。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

那么接下来Claude就会自动生成注册页、课程页、详情页,还能给每个按钮安排跳转逻辑。不仅仅如此, 你还能告诉它风格偏好,比如“简约”、“女性♀️向”、“温暖感”,它会自动优化配色、字体和页面层次。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

生成完之后,它还能导出HTML页面,让你像浏览网站一样体验demo,演示给导师或面试官看,非常加分。当然,它有时候也会“太聪明” ,擅自加弹窗、乱用奇怪图标,甚至按钮都自动换了形状需要我们稍微盯着调一调。

今日霍州(www.jrhz.info)©️

03

高级输出神器

Visily/Figma插件组合拳

适合人群:需要精修作品集、准备投递、希望展示完整交互逻辑的进阶使用者。

前两步能快速出界面,但当你需要交作品集、展示项目逻辑,或者想精修细节时,Visily和Figma 插件组合拳就该登场了。

Visily是一个适合非『设计师』的原型工具,它可以拖拽组件出图、添加页面跳转、多人协作编辑。 适合你用来展示项目流程,做课堂展示、投递简历等正式场景。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

如果你想更进一步美化细节、调控视觉层次,那就进入 Figma 阵地。

配合html to Figma(自动把 HTML导入Figma)、Content Reel(一键填充真实姓名/头像)、Autoflow(连线画用户流程图)等插件,你可以把AI生成页面直接导入Figma微调,再配合Cursor + Vercel生成一个高保真可运行的 在线demo。

今日霍州(www.jrhz.info)©️

转专业

第一步怎么开始

说实话,很多人并不是不会设计,而是根本不知道第一步该怎么开始。我自己也是一路踩坑过来的,能用AI少走弯路的话,真的很值得!”

如果你也在准备申请、做项目、写作品集,欢迎来一只梨,看看我们整理的方向建议、模板和案例拆解,或者直接来后台聊聊你的问题,我们可以一起想办法。

今日霍州(www.jrhz.info)©️

早在10多年前,一只梨将目光锁定在交互领域。果然,交互设计成为了设计方向中就业最友好的领域之一。近两年,AI突然崛起,这个势头放在前几年大家都想不到。

一只梨创始人秦老师和培养了10+位卡梅学生的周导,对于《AI会不会影响设计就业》的问题展开了讨论,感兴趣的同学也可以点击下面的图片,了解他们对谈的详情。一定会给你启发。

往后,AI在可预见的时间里,一定是一直是热门技术,一只梨也会持续关注,不断分享前沿趋势和技术应用。

今日霍州(www.jrhz.info)©️

今日霍州(www.jrhz.info)©️

一只梨base上海,谐音为“意志力”。——希望每一个学习设计的同学,都有对设计热爱的意志力和克服困难坚持下去的意志力。🍐是国内最早专注“艺术➕科技”的交互领域平台,针对世界Top20院校,涵盖从申本到博士的全链路国际创新人才培养,和产学研的有温度的长期无私帮助。

11年来,一只梨帮助数百位学员,实现设计梦想。以全球交互No.1的CMU为例:国内数量最多(总数30位+),申请成功率70%以上,人称“卡梅大陆承包商”。

今日霍州(www.jrhz.info)©️

藤校每年都稳定有20个左右案例。宾大IPD全国录取5人,其中4人都出自我们机构。且一只梨在本科申请上都是纽大、伦艺成果以上100%录取。

今日霍州(www.jrhz.info)©️

创始人15年亲自在一线教学,且被上海交大、清华大学、复旦大学、同济大学、西安美院等聘任的校外导师。一只🍐带着无我利他的专注在做教育,不做第一只做唯一。当大部分的教育机构和院校是在追逐Offer为目标的时候,一只梨关注的是职业规划教人找到工作,并且在这里甚至可以找寻人生。

今日霍州(www.jrhz.info)©️

| End |

编辑 | 一只梨

图片 | 官网/一只梨/网络

作品及图片版权©️归『设计师』本人和所服务企业所有,未经允许转载挪用,虽远必🐷

特别声明:[技术背景转战康奈尔HCI:我用AI打造的UX 工作流公开...] 该文观点仅代表作者本人,今日霍州系信息发布平台,霍州网仅提供信息存储空间服务。

猜你喜欢

婴儿吃牡蛎粉过敏是什么样的(宝宝吃牡蛎粉)

婴儿食用牡蛎粉后可能出现过敏反应,主要表现为皮肤红疹、消化道不适和呼吸道症状,严重时甚至会出现过敏性休克。这类过敏通常由免疫系统对牡蛎蛋白过度反应引起,常见症状包括皮肤瘙痒、呕吐腹泻、呼吸急促等

婴儿吃牡蛎粉过敏是什么样的(宝宝吃牡蛎粉)

『赵丽颖』新造型曝光:短发帅气亮相,粉丝直呼“脑公”!(『赵丽颖』新造型引爆全网反差感)

许多粉丝表示,『赵丽颖』的短发造型让她看起来更加独立和坚韧,这也让大家对浴火之路的剧情充满了好奇和期待。 『赵丽颖』通过剪短发的方式,从外形上进行了很大的改变,这也让她在不同的角色中有了更多的可能性。大家在评论区讨论…

『赵丽颖』新造型曝光:短发帅气亮相,粉丝直呼“脑公”!(『赵丽颖』新造型引爆全网反差感)

揭开30kg高精准厨房秤的秘密:烹饪背后的精确艺术(高精准是什么意思)

你是否曾为烘焙失败懊恼不已?30kg高精准厨房秤可能是你的救星。这篇文章将深入剖析这种多功能厨房神器的工作原理、应用场景和选购建议。无论你是家庭厨师还是专业烘焙师,它都能助你一臂之力。 从精确测量到便携设计,本文揭示了这款电子秤如何成为现代

揭开30kg高精准厨房秤的秘密:烹饪背后的精确艺术(高精准是什么意思)

淘宝灰色设置:如何从迷雾中拨云见日(淘宝设置灰色是开还是关)

你知道吗?有时候打开淘宝,会看到一些灰色的商品设置,这就是所谓的淘宝灰色设置。它是淘宝用来进行灰度测试的一种方式。本文将详细解读什么是淘宝灰色设置,为什么会出现以及最重要的,你如何有效地取消这些设置,帮助你恢复淘宝的正常购物体验。无论你是好

淘宝灰色设置:如何从迷雾中拨云见日(淘宝设置灰色是开还是关)

古代的“八府巡按”有多牛?相当于如今多大的官?权力原来这么大

许多『周星驰』的影迷都应该看过他的经典之作《九品芝麻官》。在这部电影中,『周星驰』所扮演的包龙星,原本只是一个处理地方琐事的小官员,职位低微,权力有限。一次偶然的机会,他被提拔为“八府巡按”,并且获得了可以直接向天帝…

古代的“八府巡按”有多牛?相当于如今多大的官?权力原来这么大