Qt Design Studio - 为应用程序设计用户界面(UI)

Qt Design Studio 弥合了设计师与开发者之间的鸿沟。现在他们能使用统一框架、通用语言、更低的沟通成本和更快迭代速度同时工作。

从线框到最终实现

使用Qt现成、原生风格的UI组件或完全从头开始设计像素完美的元素来定义UI的外观并创建精美的动画。

将设计转换成代码

使用Adobe Photoshop或Sketch创建2D用户界面设计。 使用FBX或COLLADA交换格式从Maya,MODO或Blender导出3D设计。 将它们导入到Qt Design Studio中,新资产和设计的代码将自动生成,供开发者使用。

在真实设备上进行原型设计

Qt Design Studio的原型功能可以模拟和验证交互和动态行为,让您的设计栩栩如生。实时预览和微调您的设计到像素完美,并在目标设备上进行测试。

Qt Design Studio Intro Video Screenshot
优势
Qt Framework

使用您熟悉的工具,并结合强大的框架一起使用。

可复用的组件

在相同或不同项目中重复使用功能强大的QML组件以节省时间和精力。

代码自动生成

轻松将设计转化为代码以节省时间。

多维设计能力

借助对2D和3D图形的原生支持,您可以无缝地混合和制作动画,将您的UI设计提升到全新的维度。

自定义样式

轻松选择自定义控件以实现品牌一致性。

现成控件

使用现成的、原生风格的UI元素,而非从头开始创建。

真实硬件上的快速迭代

将您的设计快速转化为交互式原型,以便在目标硬件上实现UI的验证和迭代。开发者可使用原型作为实现起点。

优化的工作流程

开发者可立即使用设计,因此无需编写和更新繁复的规范。

技术特性
输入方式

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

可视化编辑器

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

可定制的视觉效果

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

带可编辑缓和曲线的时间轴动画

使用基于关键帧的时间轴动画让设计栩栩如生,并自由定义动画缓和曲线。

用JavaScript制作原型

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

动态可扩展布局

自动改变用户界面元素的大小或位置,以适配任何尺寸、分辨率的屏幕。

状态机

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

流程编辑器

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

可编辑缓和曲线

始终如一地编辑和定义动画的速度和加速度。

3D后处理FX

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

场景编辑器

高级场景编辑器:可微调设计至像素级完美