Do you want to know how your customers use your applications and devices? Try Qt Insight Beta. ☓
最新版Qt 6.3已正式发布。 了解更多。 ☓
最新バージョンQt 6.3がご利用いただけます。 詳細はこちら ☓
Price. Buy. Download. Try.
Contact Us

Qt Design Studio
用户界面（UI）设计构成工具

Qt Design Studio 是UI设计构成工具，能将设计愿景转化为功能性产品 —— 它是一切汇集的地方。它也是通过动画、切换、3D和视觉效果为UI设计增添额外视觉魔法的绝佳工具。

超越基本原型制作

当讨论打造用户界面时，我们的话题不仅限于利用现有素材创建模型。Qt Design Studio可以让素材变成一个可运行的UI构成。

导入设计并将其转换为代码

使用 Figma、Adobe XD 或 Adobe Photoshop 等设计工具创建 UI 设计。将它们导入Qt Design Studio后，新的素材和设计会自动生成代码供开发者使用。

随时测试和运行用户界面组件

模拟并验证交互、动态行为。即时预览、微调设计，使其达到像素级的完美效果，并在目标设备上进行测试。Qt Design Studio构建的内容均可跨平台，编译到任何硬件或操作系统环境中。

Qt Design Studio Intro Video Screenshot

并非简单的模拟工具

Qt Design Studio可将设计转换为功能齐全的用户界面，而非点击式模拟。您可以在目标设备上实时测试、预览和微调设计，使其达到像素级的完美效果。

统一的框架、通用的语言、更少的反馈循环，更快的迭代速度 —— 有了这一切，Qt Design Studio弥合了设计师与开发者之间的鸿沟。

从原型线框设计升级到交付功能性用户界面

轻松融合2D和3D

利用对2D和3D 图形的原生支持，将UI设计提升到全新的维度，无缝地混合、制作动画。无需区分2D 和3D。 相反，UI可以包含两种类型，如有需要，这些素材可用作控件。

导入2D和3D

利用预制组件

通过使用现成的组件库来节省时间和精力。Qt Design Studio的组件库包含简单的形状和复杂的UI组件以启动UI创作。

利用组件

使用真实硬件快速迭代

将设计快速转换为交互式原型制作，并在目标硬件上验证、迭代其UI。然后，开发者可以将功能性UI整合进应用程序。

利用目标硬件验证

享受自动化代码

Qt Design Studio为设计生成功能完善的代码。开发者不必编写任何多余的代码。

设计师/开发者工作流程

赋予UI设计生命的功能

输入方式
ℹ

使用物理键盘、鼠标、定制硬件按键和带有虚拟键盘和多点触控手势的触摸屏。

可视化编辑器
ℹ

通过Qt Design Studio的直观设置完成对2D/3D设计的可视化修改，能让其他流行设计软件的用户立即上手。

Merge productions from UI tools

Import assets from your existing design tools directly to the project in Qt Design Studio. We support all leading UI creation tools, such as Figma, Adobe XD, Sketch, and many more.

时间轴动画

使用基于关键帧的时间轴动画让设计栩栩如生。

可定制的视觉效果

利用内置和可定制的视觉效果提升图形设计！

在下一代UI中使用3D粒子

直接在工具中创建和编辑粒子效果，例如火焰或火花。

将3D元素引入设计

将3D元素轻松导入设计中。我们支持所有主流的3D创作工具，如Maya、Blender和3D Max，仅举几例。

3D后处理FX

具有不同滤镜和效果的3D后处理效果，可实现逼真的视觉效果。

状态机

创建、修改和添加用户交互过程中各种UI状态间的切换。

流程编辑器

设计用户如何在应用程序视图之间的导航流程和转换。

场景编辑器

利用高级场景编辑器，可微调设计至像素级完美效果。

可编辑缓和曲线

始终如一地编辑和定义动画的速度和加速度，并自由地定义动画缓冲。

动态可扩展布局

自动改变UI元素的大小或位置，以适配任何尺寸、分辨率的屏幕。

用JavaScript制作原型

在应用程序设计过程中用JavaScript模拟应用程序逻辑。

关于设计工具的最新资讯

阅读相关博文

Qt as a Career – The Versatility of Technical Artistry

In this series, we'll be bringing you a variety of career stories from...

Read more

Qt Design Studio 3.9 Released

We are proud to announce the release of Qt Design Studio 3.9.

Read more

Creating Controls from Figma Design

How to turn your Figma design into a working control set without any c...

Read more

Working with 3D graphics and visual effects in Qt Design Studio

To build delightful automotive experiences, designers need advanced to...

Read more

获取Qt Design Studio

开始用Qt设计用户体验


预约演示