Subnavigation

Qt Design Studio

让您的设计栩栩如生

通过弥合设计师与开发者之间的鸿沟，将您的设计愿景转化为可运行的 UI，从而变革您的开发流程。

免费试用立即购买

超越
基础原型开发

当谈论打造UI时，我们不仅指探讨用现有素材创建模型。您可以利用Qt Design Studio让素材转变为可运行的 UI 构成。

自动
生成代码

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

随时随地
测试与运行

模拟并验证交互和动态行为。Qt Design Studio构建的所有代码均可跨平台，编译到任何硬件或操作系统环境中。

版本：
Qt Design Studio 4

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

统一的框架、通用的语言、更少的反馈循环，更快的迭代速度 —— 有了这一切，Qt Design Studio弥合了设计师与开发者之间的鸿沟。观看视频就知道我们在说什么了。

试用 Qt Design Studio

这些公司已爱上了 Qt Design Studio

仅需数周而非数月就可验证产品设计。

利用预制组件

通过使用现成组件库来节省时间和精力。Qt Design Studio 的组件库包含简单的形状和复杂的UI组件以启动UI创建。您还可以基于从喜爱的设计工具（如 Figma 或 Adobe XD）导入的 UI 素材来定制组件。

使用组件

QtDS_UI_Example_03_Creating-and-using-components_1920x1080_h264_190822_MacWell_AdobeExpress_1

QtDS_UI_Example_05_3D-Visual_effects_1920x1080_h264_190822_MacWell_AdobeExpress_1

轻松实现优秀的3D 素材

从 Blender 或 3Ds Max 等工具导入3D素材。使用Qt Design Studio制作3D对象的动画、添加各种材质、纹理和着色器，并根据喜好更改其数值。添加光照贴图等环境，为UI营造合适氛围。然后通过添加子粒等视觉特效来完善场景。微粒是现成特效，可用于轻松创建火、雨或雾等特效，非常方便。

3D 素材

创建引人注目的动画

Qt Design Studio 支持常见的2D 和 3D 运动设计技术，如基于时间轴和关键帧的动画，以及屏幕到屏幕或状态到状态的应用程序流和数据驱动的UI逻辑动画。建立时间线，在不同的UI状态之间创建过渡，并使用缓动曲线和动画曲线进行微调。应用状态和连接来触发行为或动画。

动画技术

QtDS_UI_Example_04_3D-Motion-design_1920x1080_h264_190822_MacWell_AdobeExpress_1

QtDS_UI_Example_06_3D-Real-time-rendering_1920x1080_h264_190822_MacWell_AdobeExpress_1

高级电影场景

根据自己的喜好控制摄像机的角度和移动，打造观影体验。通过栩栩如生的反射等特效达到逼真效果。让 3D对象对环境或所选材料的变化做出准确反应。此时何不更进一步，创建自定义特效和材料，让一切完美无缺？

自定义特效

在真实硬件上快速迭代

将设计快速转化为交互式原型，以便在目标硬件上验证和迭代用户界面的外观和功能。创建 UI 逻辑来模拟复杂体验并添加动态行为。然后，开发者可以将您的功能性UI整合到应用程序。

在目标硬件上验证

让设计栩栩如生的各种功能

Qt Design Studio拥有丰富功能，从可定制的视觉特效到 3D 元素等等，使用户能在破纪录的时间内制作出令人惊叹的用户界面。

输入方法

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

整合自定义输入法，如语音输入和物理手势。

可视化编辑器

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

或者编辑代码。QML 是 Qt 易于使用的声明式语言，可在整个设计过程中自动生成和编辑。

时间轴动画

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

可定制的视觉特效

利用内置可定制视觉特效来提升图形设计。

导入 3D 元素

轻松将 3D 元素导入设计。我们支持所有主流 3D 创作工具，如 Maya、Blender 及 3D Max 等。

状态编辑器

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

流程编辑器

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

场景编辑器

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

动态可缩放布局

随心所欲自如缩放：自动改变 UI 元素的大小或位置，以适配任何屏幕的尺寸和分辨率。

开始免费试用 Qt Design Studio

免费试用评估

学习 Qt Design Studio

您可以在我们的学习中心了解 Qt Design Studio以及如何上手。

文档

深入了解 Qt Design Studio 的技术细节。

设计领域博客

探索更多重要内容。

准备好开始了吗？

获取 Qt Design Studio

关于设计工具的最新消息

Qt Design Studio 4.7 Released

Qt Design Studio 4.7 is here! This version empowers you to deploy and ...

What's Happening on Qt Academy - February '25

Hey Everyone!

What's Happening on Qt Academy - December '24