优秀案例分享

Excellent case sharing

在产品原型设计领域，AI技术正引发革命性变革。AI技术不仅广泛应用于创意设计，还在贴合用户使用习惯的界面上发挥着重要作用。这一技术的应用极大的拓宽了用户创造力边界，显著减少了繁琐且重复性的任务，助力用户可以快速提出更加高效、新颖的设计方案。

分享人：屈昕蕾

研究方向：人机交互

关键词：AI工具；原型设计；交互设计

01

Uizard原型设计工具

案例作者 Uizard Miro

案例介绍

Uizard是一款快速并由AI驱动的原型设计工具，可在几分钟内设计出草图、线框图和高保真原型。用户能根据文本提示生成UI设计，以及将屏幕截图转换为可编辑的设计内容和素材。

设计亮点

01根据文本提示创建 UI 设计

使用Uizard Autodesigner只需几个简单的单词即可生成UI 设计，输入设计理念，并选择一个主题，Autodesigner将在几秒钟内生成一个多屏幕、可编辑的模型。

图1 文本创建

02 将屏幕截图转换为可编辑的 UI 设计

使用Uizard的屏幕截图扫描仪将应用程序或网页屏幕截图转换为可编辑的设计，并可对已建立的设计进行迭代。

图2 截图扫描

03 协作 UI 设计

使用Uizard的拖放编辑器与团队进行实时合作，将想法转化为设计现实。并能实时对外分享项目或开启对话以获得反馈和迭代，使协作UI设计变得更简单。

图3 团队协作

案例来源

https://uizard.io/ui-design/

02

Visily快速生成产品原型设计软件

案例作者 Visily

案例介绍

Visily是一款快速的产品原型设计软件，可以帮助团队轻松且快速地创建应用程序图表和原型，内置的AI应用可以将手绘的应用程序线框转换为高保真度的模型。

设计亮点

01文本到图表

可立即接收到用户创建的文本提示信息，通过处理与转换步骤，高效地生成一个结构清晰、内容简洁的流程图或者站点地图。

图1 图表生成

02 快速生成原型

在短短几分钟之内，辅助用户快速地将线框内容快速转化为一个充满创意的高保真交互式原型作品。

图2 交互式原型

03 智能组件改进设计

使用Visily的Sketch to Design AI将用户用纸笔创作的素材内容转化为可定制的智能组件及界面。

图3 智能组件

案例来源

https://www.visily.ai/prototyping/

03

Codedesign AI响应式生成工具

案例作者 Codedesign AI

案例介绍

Codedesign是一款基于人工智能的设计工具，可以根据用户输入的文本快速生成UI元素和设计稿界面，并支持用户自定义颜色、字体以及调整布局。

设计亮点

01 生成UI元素和界面

根据用户的提示和需求，AI自动生成UI元素和设计稿，助力用户迅速打造出更具视觉吸引力的界面设计方案。

图1 界面生成

02 文案优化

使用AI Magic创建完美的营销文案，若遇到不满意的内容、特定标题或不符合SEO标准的情况，用户可使用AI Magic功能将平淡无奇的文案变成精美的内容。

图2 文案润色

03 响应式设计

只需几分钟即可解锁全面的响应式设计功能，该功能提供的所有设计均具备自动适应特性，能无缝适配各种屏幕尺寸，让用户轻松实现个性化定制。

图3 自适应屏幕

案例来源

https://codedesign.ai/

学习与收获

通过以上案例的学习，我对AI原型设计工具有了更深入的理解，并深刻体会到技术对于设计效率的显著提升。AI不仅能够快速生成多样化的设计草案，还能根据用户反馈智能调整，显著缩短了设计周期。同时，它也拓宽了我的设计思维，让我学会了如何更好地利用AI辅助设计决策。

本文所分享到的相关行业内容和设计案例是编者按照读书笔记的形式进行整理排版，原内容和案例知识产权归杂志社或者原作者所有，如有侵权，请联系删除。

本文章转发自人机交互与智能设计研究中心公众号，如有侵权请联系删除。