首页 >>  正文

即时设计导出交互原型

来源:baiyundou.net   日期:2024-07-12

随着AI浪潮的爆发,各种赋能于绘画、UI及3D美术领域的设计工具都发生了革新,提升了设计效率;接着《AI浪潮下,XR设计师一定要掌握的设计工具(上篇)》,本期作者将继续为大家介绍介绍好用的提效设计工具,这些对XR设计师及产品经理可以快速上手且高效赋能的好工具,希望能帮助到大家日常的学习和工作。

一、UI界面生成

1. Galileo AI

Galileo ai 是一款UI设计AI工具网站,用户只需要输入一句简单的文本描述,就可以得到一个完整的UI设计。它利用了大量的优秀设计作品进行训练,根据设计原则、用户需求和其他因素生成设计方案,能够瞬间生成复杂的 UI,使用 Galileo AI 生成的界面设计具有良好的可用性、易用性和美观性,可以大大提高界面设计效率。用户也可以通过修改文本描述来改变UI设计的内容和布局。

Galileo AI使UI/UX设计师能够比以往更快地进行设计,像聊天一样做设计,解放设计师的生产力,UI设计师专属的GPT。

目前正在内测阶段,需要提前申请,审核通过后即可使用。

2. Uizard

Uizard 是由一家人工智能公司所开发的,目的用于帮助设计师和开发人员更快速地创建用户界面和应用程序原型。Uizard 的核心产品是一个名为 “Uizard Studio” 的工具,它能够通过机器学习和计算机视觉技术,使简单的手绘草图快速生成可操作的用户界面和应用程序原型,整个过程只需几分钟。

作为一款便捷强大的设计工具,Uizard 可以将用户手绘的界面草图自动转换为可编辑的数字界面,因此用户能够使用 Uizard 来快速创建可交互的应用程序原型,并在原型中添加智能交互效果,如按钮点击、滑动和页面过渡等,能够通过模拟应用程序的实际行为用来进行产品演示,无需任何的代码基础。除此以外,Uizard 还能够实现:

多平台导出:Uizard 支持导出不同平台的原型,包括 Web、iOS 和 Android,方便设计师在不同平台内进行原型演示。

团队协作:Uizard 允许共享项目链接实现团队成员协同工作,共享和编辑项目。云存储和版本控制:Uizard 提供云存储功能,以便用户可以轻松访问和管理他们的项目,还支持版本控制。

设计组件库:Uizard 提供了常见的用户体验设计工具,只需进行拖放组件和模板套用即可轻松构建移动应用程序、Web 应用程序和网站的 UI 原型,在几分钟内完成产品设计。

3. 即时设计AI

即时 AI 是全球首款通过自然语言描述,快速生成可编辑的 UI 设计稿的设计工具。输入文字描述后,即可一次性生成4张 包含矢量图层和图标、支持二次编辑、分层结构清晰 UI 设计稿。即时 AI 目前已面向全部用户免费开放,每人每日 20 次生成次数。即时 AI 生成的页面可保存至即时设计进行二次编辑与导出,将 AI 生成结果应用到实际工作中。

4. Mastergo

Mastergo与即时设计类似,都是目前国内很火的UI设计工具,目前其AI功能正在处于免费内测阶段,感兴趣的设计同学可以抓紧提交申请。

5. Framer

Framer是一个多合一的网页和移动端原型设计工具,可以帮助用户快速上线高颜值的网站页面。最新推出AI生成UI功能,目前是免费无限次生成,目前是一众自动生成网站中效果最好的一批。

下图是作者利用Framer简单生成了一个VR游戏网站,同时该工具还支持不同主题风格的快速替换。输入网站的想法,几秒后就可以生成精美的网站,描述词越多,输出的效果越好。

6. Pixso AI

Pixso AI致力于将创意想法落地,目前具备AI文生图、AI生成设计规范、AI图标生成、AI灵感专家、AI语言大师、AI生成设计清单六大能力,为产品设计团队提供智能化设计解决方案。

如下图为作者利用Pixso AI生成的一份设计规范系统,包括颜色、字体、投影、圆角、间距等基础视觉定义,并可一键自动生成设计文档,强烈推荐。

7. FigJam AI

FigJam AI是在线设计协作平台Figma为白板工具FigJam推出的AI套件,可帮助设计人员或团队协作激发灵感,快速进行头脑风暴和可视化想法。FigJam AI预置了头脑风暴、流程图、组织图、甘特图等,方便你快速规划你的设计项目。

8. Diagram

Diagram 是一个专注研发 UI 设计工具的小团队, 目前开发了多款 AI 驱动的小插件,包括一键让 Figma 任务自动化的 Automator,根据文本生成图标/图像的 Magician,以及使用代码进行设计的 Prototyper 等,搭载上 Figma 后可以帮助 UI 设计师更好的完成任务。

还有待发布的Genius AI和UI AI插件后续可用于自动生成UI页面,我们一起期待一下。

二、3D模型创作

1. Sloyd.ai

Sloyd.ai是一款基于人工智能技术的3D建模平台,它可以帮助用户快速生成高质量的3D模型。这个平台拥有一个大型的生成器库,其中包括各种各样的物体,如家具、武器、乐器等,用户可以根据自己的需要进行选择。除了生成器库之外,Sloyd.ai还提供了一个名为”Sloyd Maker”的工具,它可以让用户自己创建和修改生成器,实现更多的定制化和创意。用户可以通过上传自己的设计和素材,使用Sloyd Maker来生成新的3D模型,以满足自己的特定需求。

Sloyd目前有预置一些关于基础模型的模型库可供用户选择,同时也支持一些家具、楼、武器等基础模型的AI生成,但目前对角色、动物和汽车等模型还暂不支持。如下图为作者用该工具制作的一根魔法杖,右侧的工具栏同时支持对该模型的自定义修改。

2. Masterpiece Studio

Masterpiece Studio是首个ai人工智能文本到3D生成器,可以创建实时可用的3D头像、角色和道具,适用于游戏、动画和元宇宙。使用方式也非常简单,输入文字后即可快速生成,同时还支持在线对模型进行编辑。

目前Masterpiece studio可用于3D物体、动物和人物的模型生成,经过作者测试它在生成3D物体时相对模型较为完整,但对于动物及人物这类复杂程度较高的模型在脸部和五官的表现上还有待提升。

3. Meshy

这是一款3D生成式AI工具,可以通过文本和图片快速生成3D模型和资产,以加速3D内容创作流程。主要有以下三个功能:

  1. 图片转3D:从图片生成3D模型
  2. 文本转3D:通过文本描述生成3D模型
  3. AI生成纹理:为3D模型自动生成贴图

Meshy主要面向游戏开发者、3D艺术家、平面设计师等创意工作者,加速3D资产获取。

Meshy的使用方式也极为简单,拥有良好的用户交互界面,但缺点就是生成模型的时间较长,需要等几分钟到十几分钟不等时长。作者做了一下简单的尝试,Meshy在生成模型的同时还会生成对应的材质纹理,但模型质量不高,无法直接使用,还需后期进行修复。

4. 3DFY AI

3DFY AI是一个基于人工智能的3D模型生成工具,它通过先进的生成式人工智能技术,实现了大规模的3D模型生成。不仅如此,3DFY AI还推出了一个名为”3DFY Prompt”的新功能,用户只需通过文字描述所需的3D模型,即可快速生成高质量的3D模型。这样的方式大大简化了3D模型的制作流程,为用户提供了更加便捷和直观的3D内容创作体验。

经过几次测评,3DFY生成3D模型的表现还不错,生成时间短且模型质量高,唯一不足的是目前只适合于特定种类的物品模型生成。

5. Vectary

Vectary是第一个在线3D设计工具,使任何人都可以为Apple的ARKit / iOS创建AR内容。Vectary 适合 3D 建模软件的初学者和经验丰富的用户。其友好的用户界面使你可以快速创建各种类型的 3D 模型。Vectary 与 Blender 一样,包括对象模式和编辑模式。因此,非常先进的渲染是可能的。可能性是无限的,你可以创造任何您需要的东西。

Vectary 可以创建对象、3D 徽标、3D 文本、家具建模和角色。Vectary 支持导入 60 多种新格式。FBX 格式是你可以导入和导出的主要支持格式之一。此外,还可以使用 Vectary 为 Figma 定制 3D 产品模型和其他设计内容。

虽然目前Vectary还没有加入AI功能,但工具中含有丰富的3D资源库,对新入门的设计师来说是个福音。

6. BlenderGPT addon

常用的3D模型软件Blender 可以使用 Python 编写的程序脚本进行控制。最近的大型语言模型(例如 OpenAI 的 GPT-4)可以从简单的英语生成这些 Python 脚本并执行它们。该插件提供了一个易于使用的界面,将 OpenAI 的 GPT-4/GPT-3.5 集成到 UI 中,允许你使用自然语言命令来控制 Blender。

具体使用方法可参考该链接:https://www.youtube.com/watch?v=xhN7P7ENu4g

当然,如果你还想系统性的学习一下3D建模工具,作者推荐你可以学习一下Blender、3dsMax或Maya,生成的模型很方便在unity引擎中直接使用。

三、3D纹理生成器

1. Texturelab

TextureLab是一个过程纹理生成器,是一个旨在使过程纹理生成快速、简单和免费的工具。这是第一个专门用于使制作美丽纹理的过程容易且对艺术家友好的工具。目前Texture Lab可通过文本生成3D模型纹理,生成式AI 模型纹理创作工具。同时它提供了各种类型的材质和纹理,可以用于游戏、电影和其他数字艺术领域。

2. ArmorLab

ArmorLab 是一款用于 AI 驱动的纹理创作软件,目前支持使用文本提示或通过拖放你的照片生成 PBR 纹理。当前Windows 版本已经可用。Linux 和 macOS 版本即将推出。

3. Charmed AI

Charmed AI 纹理生成器可加速 3D 游戏对象新纹理的创建。快速的设计探索和艺术家控制工具可以轻松地为季节性活动和主题资产包创建资产。

经过尝试,Charmed AI生成的纹理材质较为完整,可在线预览渲染后模型效果,感兴趣的同学可以进行尝试。

四、3D动画创作

1. Naomi Animation

Naomi是一款基于iPad的零基础的3D建模/AR工具,可以让用户更轻松、更高效的创建3D/AR动画内容。最近APP端也是集成了Ready Player Me的功能,可以快速创作编辑3D虚拟化身。Naomi 编辑器支持标准关键帧动画,并带有预装配的 3D 角色。这样您就可以立即开始创建您的第一个动画。建议 Naomi 与 Apple Pencil 一起使用,以确保最佳的用户体验。

2. Kinetix Tech

法国人工智能3D内容创作平台Kinetix宣布推出一款名为Text2Emotes的生成式人工智能技术产品,该产品能够让任何人从简单的文本中为游戏创建3D动画和表情符号。用户只需输入一个舞蹈动作的名称,如”griddy”,或者一个文字短语,如”I’m angry”,便能通过人工智能技术生成相应的表情和动作形象。

Kinetix的人工智能模型经过三年的训练,使用了庞大的数据集,其中包含数百万个3D动画和表情。这种训练方法使得人工智能能够生成高度专业化和复杂的定制内容,远超过基于有限学术和标准数据集的传统模型的能力。

Kinetix创建了一种独特的格式,使得生成的动画能够在多个游戏和虚拟世界中保存、发布和使用。这意味着Kinetix生成的表情可以在任何数字化身中使用,包括在任何集成了Kinetix SDK的视频游戏或虚拟世界中。

3. Plask

基于Web端的3D动画编辑器和动作捕捉工具。Plask发布了MoCap Pro,一款支持 AI 的 3D 动画编辑器和动作捕捉工具,可让你在浏览器中无缝录制、编辑和动画化你的项目,这是该工具的新高级计划,带来了新的功能和提供更稳定和准确的动作捕捉工作流程。

MoCap Pro 与 Freemium 相比,带来更快的动作提取,免费版 Plask 提供多人动作捕捉技术,包括 5 GB 的个人资产库存储,最多可渲染每月60分钟动画。

4. MOVE Ai

MOVE Ai是一款能够从任何视频、高清相机或移动设备中提取高保真动作的人工智能软件。它能够帮助创作者将运动带入数字世界,实现无限规模的动作捕捉,为创作者们提供数字内容创作和体验的工具。他们的专利软件使用先进的人工智能、计算机视觉、生物力学和物理学从视频中提取自然的人体运动,自动将数据重新定位到您的角色装备。在任何地方捕捉动作并直接导出到任何游戏引擎或数字环境中。

5. Motion GPT

Motion GPT可以仅通过文本提示生成高质量3D动画,无需进行视频录制或动作捕捉。基于生成式AI,可以将文本到动画转换。同时支持多种动画输出格式(.FBX、.GLB等),简单易用,无需复杂设备,网页浏览器即可使用。该工具可以应用在以下领域:

  • 游戏开发:快速为游戏生成角色动画。
  • VR/AR内容:为虚拟实境内容生成动画。
  • 数字媒体:为视频、广告等生成动画效果。
  • 电影影视:提供动画概念原型和预视效果。
6. Mixamo

Mixamo是Adobe公司出品的免费动画库,可商用。软件分为characters(角色)、Animations(动画)两个部分。同时Mixamo自己也拥有丰富的模型及动画库,支持在线快速绑定骨骼,可一键导出至unity等平台直接使用,方便快捷,推荐有做虚拟人相关动画设计的同学尝试使用。

总结

本篇问大家介绍了一些可用于UI界面生成、3D模型、纹理及动画制作工具,主要有以下工具可供大家尝试:

UI界面生成

  1. Galileo AI:https://www.usegalileo.ai/explore
  2. Uizard:https://uizard.io/autodesigner/
  3. 即时设计AI:https://jsai.cc/ai/create/o0LH0Q
  4. Mastergo:https://mastergo.com/ai?utm_source=ai-bot.cn
  5. Framer AI:https://www.framer.com/ai?utm_source=ai-bot.cn
  6. Pixso AI:https://pixso.cn/
  7. Figma AI:https://www.figma.com/figjam/ai/
  8. Diagram AI:https://diagram.com/

3D模型创作

  1. Sloyd:https://www.sloyd.ai/
  2. Masterpiece studio:https://masterpiecestudio.com/
  3. Meshy:https://www.meshy.ai/
  4. 3DFY AI:https://3dfy.ai/
  5. Vectary:https://www.vectary.com/
  6. BlenderGPT addon:https://github.com/gd3kr/BlenderGPT

3D纹理生成器

  1. Texturelab:https://www.texturelab.xyz/
  2. ArmorLab:https://armorlab.org/
  3. Charmed AI:https://charmed.ai/

3D动画创作

  1. Naomi Animation:https://www.naomianimation.com/
  2. Kinetix Tech:https://kinetix.tech/
  3. Plask:https://plask.ai/
  4. Move Ai:https://www.move.ai/
  5. MotionGPT:https://www.deepmotion.com/motiongpt
  6. Adobe Mixamo:https://www.mixamo.com/#/

本文由 @Vicky。 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

","gnid":"9358b4eb3b3b81afb","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t0176c1dce9263810c8.jpg","width":"900"},{"desc":"","height":"427","title":"","url":"https://p0.ssl.img.360kuai.com/t0191d617df76815981.jpg","width":"758"},{"desc":"","height":"427","title":"","url":"https://p0.ssl.img.360kuai.com/t0158b6689525571714.jpg","width":"768"},{"desc":"","height":"439","title":"","url":"https://p0.ssl.img.360kuai.com/t01ef4c4c48778c89c4.jpg","width":"901"},{"desc":"","height":"424","title":"","url":"https://p0.ssl.img.360kuai.com/t014f03cb6cf16e3b44.jpg","width":"757"},{"desc":"","height":"416","title":"","url":"https://p0.ssl.img.360kuai.com/t01cf4c3e6a5528f504.jpg","width":"789"},{"desc":"","height":"332","title":"","url":"https://p0.ssl.img.360kuai.com/t019713e1f65341c843.jpg","width":"587"},{"desc":"","height":"396","title":"","url":"https://p0.ssl.img.360kuai.com/t015e1cd76f7ce03dc0.jpg","width":"354"},{"desc":"","height":"491","title":"","url":"https://p0.ssl.img.360kuai.com/t012dbc6655d197c680.jpg","width":"704"},{"desc":"","height":"605","title":"","url":"https://p0.ssl.img.360kuai.com/t010583d1509005608b.jpg","width":"1080"},{"desc":"","height":"603","title":"","url":"https://p0.ssl.img.360kuai.com/t010941b29ebabda7c9.jpg","width":"1080"},{"desc":"","height":"608","title":"","url":"https://p0.ssl.img.360kuai.com/t016cdc1d568964f5b8.jpg","width":"1080"},{"desc":"","height":"489","title":"","url":"https://p0.ssl.img.360kuai.com/t0130c4f518a0760319.jpg","width":"1080"},{"desc":"","height":"606","title":"","url":"https://p0.ssl.img.360kuai.com/t01ddb3257a78cdad13.jpg","width":"1080"},{"desc":"","height":"608","title":"","url":"https://p0.ssl.img.360kuai.com/t018d8b951437116fa6.jpg","width":"1080"},{"desc":"","height":"602","title":"","url":"https://p0.ssl.img.360kuai.com/t01bb5346a314f7093c.jpg","width":"1080"},{"desc":"","height":"772","title":"","url":"https://p0.ssl.img.360kuai.com/t012689598bd2c2a80d.jpg","width":"1080"},{"desc":"","height":"594","title":"","url":"https://p0.ssl.img.360kuai.com/t01e3397bc22f7657dc.jpg","width":"1041"},{"desc":"","height":"540","title":"","url":"https://p0.ssl.img.360kuai.com/t01ac9374f110dec78e.jpg","width":"1080"},{"desc":"","height":"637","title":"","url":"https://p0.ssl.img.360kuai.com/t01a744814c3747eac1.jpg","width":"1080"},{"desc":"","height":"608","title":"","url":"https://p0.ssl.img.360kuai.com/t01876b5895f7bd45b1.jpg","width":"1080"},{"desc":"","height":"610","title":"","url":"https://p0.ssl.img.360kuai.com/t01095b38f65f7f4916.jpg","width":"1080"},{"desc":"","height":"1101","title":"","url":"https://p0.ssl.img.360kuai.com/t011fff9f3a1cc5bdb3.jpg","width":"966"},{"desc":"","height":"412","title":"","url":"https://p0.ssl.img.360kuai.com/t01032efda498fde0a1.jpg","width":"753"},{"desc":"","height":"412","title":"","url":"https://p0.ssl.img.360kuai.com/t01ef4faa8d7107af36.jpg","width":"715"},{"desc":"","height":"419","title":"","url":"https://p0.ssl.img.360kuai.com/t01a267a9aa9f8fbdbc.jpg","width":"850"},{"desc":"","height":"419","title":"","url":"https://p0.ssl.img.360kuai.com/t017c146ff5cf35b821.jpg","width":"723"},{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t0104a59c32342747cd.jpg","width":"769"}]}],"original":0,"pat":"qgc,art_src_3,fts0,sts0","powerby":"pika","pub_time":1705897200000,"pure":"","rawurl":"http://zm.news.so.com/9ac0a422054c89a48f9662a7c5dd182f","redirect":0,"rptid":"1d803fc835db9c54","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"AI浪潮下,XR设计师一定要掌握的设计工具

裘易晶3998如何评价 Origami Studio -
蓝垂超15224164053 ______ 优点: 1、有windows版(如果有mac,我就会去用flinto、hype3、keynote、framer、origami等) 2、目前是免费,针对优秀软件$99起步价来说,比较良心 3、一键导出xcode和Android代码 4、实时使用手机端调试并查看效果 5、详细的基本文...

裘易晶3998Axure 9 怎么制作移动端原型 并在手机里演示和展示 -
蓝垂超15224164053 ______ 分两部分回答 1. 首先是怎么用Axure 9 制作移动端原型 2. Axure 9 制作的移动端原型怎么在手机打开演示和展示、并用链接进行分享 第一部分(制作移动端原型) Axure 9 ▹ 在右侧选择移动端页面尺寸 ▹ 制作原型 ▹ 导出成HTML 1、右侧选择...

裘易晶3998App 产品原型设计用什么软件?axure?MM?visio -
蓝垂超15224164053 ______ 那axure和腾讯cdc的uiddesigner,还有在线的fluidUI也可以考虑.其他好像没有了吧.但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互.axure的思想更接近实际开发,比如...

裘易晶3998ios开发者必备的九种设计类工具,你用过几种 -
蓝垂超15224164053 ______ 1. AppCooker:AppCooker是一款方便的iPad应用.它能够提供可点击的原型模板,集合了所有需要编码或渲染的重要部件,并且还可以帮助开发者无需任何代码编写就能够构思、设计和测试iOS应用.主要功能:全功能模型编辑器拥有所有iOS ...

裘易晶3998Android Fuse的意义? -
蓝垂超15224164053 ______ Android FUSE 的设计目的就是为了把/data分区映射成一个内部储存,使得手机的内部储存和/data分区可以共用.还有就是,比如我要支持一个新的文件系统,比如支持NTFS,要在内核中写代码实现,而不巧的是内核态的代码非常的难写,非常的难调试...so..导致整个工程都拖延在这里了,但是呢..用户空间中编写和调试的难度小,所以非常方便,用C++ Java写都可以.

裘易晶3998axure如何获取控件的当前位置 -
蓝垂超15224164053 ______ 移动分 相对和绝对,如果“电影内容显示区”当前坐标为(0,50),则移动到(0,0)需要相对位移(0,-50);则绝对位移为(0,0).获取位置的话应该是x,y一起的吧.希望能帮到你,不过 你的意思我也没怎么理解!!

裘易晶3998矢量图都用什么软件编辑 -
蓝垂超15224164053 ______ 网页作图、矢量编辑(Fireworks CS5) 09.12绿色精简版 http://www.9669.com/soft/5/125/17418.html Adobe Fireworks CS4 是Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 ...

裘易晶3998如何获取Expression Design 4工具与Expression Blend 4工具 -
蓝垂超15224164053 ______ 在VS2010+C#+WPF 开发项目过程中涉及到界面的布局与设计,网上有人讲采用Expression Design 4与Expression Blend 4工具相当方便,于是决定试看看,下面将这个过程与大家分享.一、安装目的 尽管程序员可以使用VS编写XAML代码的...

裘易晶3998电脑编程是什么概念 -
蓝垂超15224164053 ______ 电脑编程 这是每个游戏编程FAQ里都有的问题.这个问题每星期都会在游戏开发论坛上被问上好几次.这是个很好的问题,但是,没人能给出简单的答案.在某些应用程序中,总有一些计算机语言优于其他语言.下面是几种用于编写游戏的主...

裘易晶3998AEC4D - PRO实时交互插件如何安装 -
蓝垂超15224164053 ______ AEscripts AEC4D PRO是一款由Lasse Lauch出品的AE C4D互导插件,插件优化了Cinema 4D和After Effects之间的工作流程,一个完美的重写和一个全新的界面,插件包括4个按钮,Export Layers输出图层,Overwrite Layers覆盖图层,Toggle-...

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024