Qt Academy has now launched! See how we aim to teach the next generation of developers. Get started
最新版Qt 6.3已正式发布。 了解更多。
最新バージョンQt6.5がご利用いただけます。 詳細はこちら
设计

用户界面的设计与开发

了解Qt Design Tools
Learn more about how Mercedes Benz is using Qt in their digital cockpits
优化规格说明流程

将您的设计转换成可交互原型

将您的设计转换成开发就绪的代码,并能立即在目标硬件上实时预览。开发者将您的设计代码无缝地整合到程序逻辑中。

开发者Meister

我超级讨厌猜测这些规格说明都是什么意思。

设计师Guru

了解,我们要解释希望UI要实现什么也很头疼。

老板Da

别抱怨了!我刚刚拿到了 @设计师guru 在团队UI设计工具的访问权限。;) 别担心,开心点。

Writing
快速迭代

缩小设计师和开发者之间的分歧

打破设计师和开发人员之间艰苦的反馈循环。使用统一的设计和开发工具将设计迭代从反复调整转变为对开发过程的贡献。

设计师Guru

嘿,我对那些动画按钮做了一些新的改动...

开发者Meister

讲真,我们到底还要调整多少次?

设计师Guru

冷静。我已经上传了设计代码。检查一下存储库。

Writing
Autodesk builds infrastructure design with Qt – Watch the video story.
可靠的概念验证

坚定地执行您品牌的设计愿景

直接将您最爱的设计工具中的草图转变为原型,再到最终的产品,动画和交互就像你设计的那样 —— 像素级完美。

老板Da

进展如何啦?我们的UI能像我们的设计那样呈现吗?

开发者Meister

也许该问一下 @设计师Guru?正在为我准备代码。

设计师Guru

别担心,可以告诉大佬UX会按承诺交付。 🤞

Writing

Qt Design Studio

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

了解更多

design_tool_screenshots

 

Qt Design Studio

使用Qt现成的UI组件定义从线框图到最终实现的UI外观。设计师可以将UI设计文件从Adobe Photoshop、Sketch、Maya、MODO或Blender导入Qt Design Studio,Qt Design Studio将文件转化为供开发者使用的代码。Qt Design Studio的原型设计功能将使您的设计栩栩如生,并能模拟、验证交互和动态行为。您甚至可以在目标设备上实时测试、预览和微调设计,以达到像素级的完美效果。