Qt Design Studio

Qt Design Studio简介

Qt Design Studio是一款多功能应用程序用户界面设计工具，此工具弥合了设计师和开发人员之间的鸿沟，现在，开发人员可以同时使用一种统一框架，一种通用语言，更少的反馈循环和更快的迭代工作;Qt的设计工具旨在易于使用，促进快速原型制作并简化设计人员和开发人员之间的工作流程，UI设计从未如此简单和强大;提供Qt设计工作室，易于使用的设计工具，使设计人员可以将设计从Sketch和Photoshop导入到Qt，对其进行自定义和动画处理，并将其转变为开发人员可以使用的QML代码;兼容Qt 3D，一种合成工具，可让用户导入3D模型，图像和其他资产以创建交互式演示文稿，UI和应用程序;一个框架，一个代码库，任何平台，整个软件开发生命周期所需的一切，Qt是生产用户喜爱的行业领先软件的最快，最智能的方法;缩小设计师与开发人员之间的差距，打破设计师和开发人员之间艰苦的反馈循环的循环，使用统一的设计和开发工具将设计迭代从中断转变为对开发过程的贡献!

Qt Design Studio是一款多功能的应用用户界面设计工具，弥合了设计者和开发者之间的鸿沟。现在，开发人员可以使用统一的框架、通用的语言、更少的反馈循环和更快的迭代工作。Qt的设计工具旨在易于使用，促进快速原型制作，并简化设计人员和开发人员之间的工作流程。UI设计从来没有这么简单和强大。提供易于使用的设计工具Qt design studio，让设计人员可以将Sketch和Photoshop中的设计导入到Qt中，进行自定义和动画制作，并转化为开发人员可以使用的QML代码；兼容Qt 3D，一个允许用户导入3D模型的合成工具；创建交互式演示的图像和其他资产；用户界面和应用。一个框架，一个代码库，任何平台，整个软件开发生命周期所需要的一切，Qt是最快最智能的方式生产出用户喜欢的行业领先软件；缩小设计师和开发人员之间的差距，打破设计师和开发人员之间费力的反馈回路，用统一的设计开发工具，将设计迭代从中断变为对开发过程的贡献！

Qt Design Studio软件功能

从线框到最终实现

使用Qt现成的原生UI组件来定义界面的外观并创建漂亮的动画，或者从头开始设计具有完美像素的元素。

设计为代码

使用Adobe Photoshop或Sketch创建2D用户界面设计。

使用FBX或COLLADA交换格式从玛雅、MODO或Blender导出三维设计。

导入Qt Design Studio中，会自动生成新资产和设计的代码，供开发者使用。

用真实设备进行原型设计

利用Qt Design Studio的原型设计功能来模拟和验证交互和动态行为，让您的设计栩栩如生。

立即预览和微调您的设计，以实现像素完美，并在目标设备上进行测试。

流程编辑器

设计用户如何在应用程序视图之间导航的过程和过渡。

可编辑过渡曲线

一致地编辑和定义动画的速度和加速度。3D后处理效果

3D后处理效果和不同滤镜的真实视觉效果。

场景编辑器

高级场景编辑器:微调您的设计，以完善像素。

Qt Design Studio软件特色

Qt框架

根据你所知道的工具，结合强大的框架。

可重用组件

通过在相同或不同的项目中重用强大的QML组件，可以节省时间和精力。

自动代码生成

从您的设计中轻松生成代码并节省时间。设计能力

在2D和3D图形的原生支持下，您的用户界面设计达到了一个新的维度，您可以无缝混合和制作动画。

自定义样式

简单的选项可以自定义控件以实现品牌一致性。现成的控制

我们使用具有本地外观的现成UI元素，而不是从头开始创建其实际硬件的快速迭代。

快速将您的设计转化为交互式原型，以在目标硬件上验证和迭代用户界面。

开发人员可以使用原型作为实现的起点。

优化的工作流程

开发人员可以立即使用设计，因此不需要编写和更新繁重的规范。

Qt Design Studio软件优势

输入法

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

视觉编辑

2D/3D设计可以通过Qt Design Studio直观设置进行直观修改，其他流行设计软件的用户可以立即熟悉。

可定制的视觉效果

借助内置的可定制视觉效果和带有可编辑轻松曲线的时间线动画，增强图形设计。

基于关键帧的时间轴动画可以让设计栩栩如生，自由定义动画轻松度。

JavaScpt原型

在应用程序设计过程中，使用JavaScpt来模拟应用程序逻辑。

和动态可伸缩布局。

自动更改用户界面元素的大小或位置，以适应任何屏幕大小和分辨率。

国家编辑

创建、修改和添加用户交互的不同用户界面状态之间的转换。

Qt Design Studio使用教程

Qt Design Studio是一款UI设计开发工具，可以让设计人员和开发人员快速原型化开发复杂的UI。

设计人员和开发人员都使用Qt Design Studio，这使得他们之间的协作越来越简单。

为了给人留下深刻印象，你应该看这个。

自从去年Qt Design Studio 1.0发布以来，我们一直致力于bug修复和新功能的开发。

Qt Design Studio 1.1最引人注目的功能是使用Qt Photoshop Bdge时Linux包的可用性和合并。

Qt Design Studio 1.1适合Linux

这意味着使用Linux进行嵌入式开发的开发人员可以直接在其开发系统上使用Qt Design Studio 1.1。

Qt Photoshop Bdge并更新为Qt Design Studio 1.1

Qt Photoshop bridge允许清理文档

我们为Qt Design Studio 1.1更新了Qt Photoshop Bdge，并修复了许多问题。

遗憾的是，PSD中Qt Photoshop Bdge注释的格式与自定义不符。metainfo文件格式已更改。

我们以后会尽量避免这种伤害，但一定要解决Photoshop的一些局限性。

您需要清除已经包含来自Qt Photoshop Bdge 1.0的注释的PSD文件。

每当使用Qt Photoshop Bdge从PSD文件导出时，以及当明确使用Qt Photoshop Bdge的UI注释层时，都会添加注释。

要删除此类评论，您必须使用Qt Photoshop Bdge中的Sanitize文档。

之后，您可以导出PSD文件，并将其与Qt Design Studio 1.1一起使用。

导入时合并

从Photoshop重新导入到现有Qt Design Studio项目时，现在可以将现有的QML文件与新重新导入的QML文件合并。

当用户使用Design Studio对导出的进行更改时，这非常有用。ui.qml文件。

现在可以从Photoshop重新导入国家、时间表、鼠标区域、别名功能或链接，并保留一个新的。可以生成ui.qml文件。

默认情况下，合并处于非活动状态，导入程序将简单地覆盖。ui.qml文件。

您可以使用导入对话框中的复选框来启用合并。

你可以在文档中找到更多关于Qt Photoshop Bdge的信息。

现在，Photoshop Bdge在导入Qt Design Studio时支持合并。

将项目从Qt Design Studio 1.0更新为Qt Design Studio 1.1

如果您以前使用过Qt Design Studio，则应该更新使用Qt Design Studio 1.0向导创建的项目。

因为形状和效果等自定义控件是项目的一部分。

您必须更新项目本身以获得最新的控制和效果。

可以将新创建的Qt Design Studio 1.1项目的控件复制到Qt Design Studio 1.0的现有项目中。

您必须替换的文件夹是“导入/QtQuick”。替换此文件夹将更新项目中使用的Qt Design Studio特定组件。

并尝试Qt Design Studio 1.1。

商业许可软件包可以在Qt帐户门户上找到。您可以通过注册评估许可证来尝试评估Qt Design Studio。

我们也在开发Qt Design Studio的开源版本，我们的目标是在1.2版本(2019年5月)发布。

Qt Design Studio 1.1附带新的示例和更新的文档。

毫不妥协地实现品牌的设计愿景

从你喜欢的设计工具中的图纸到原型，再到最终的产品(包括你设计的动画和交互)，最终实现UI理念——像素完美。

使用Qt现成的UI组件来定义从线框到最终实现的UI外观。

设计人员可以将Adobe Photoshop、Sketch、Maya、MODO或Blender中的UI设计文件导入Qt Design Studio，这些文件可以转换成开发人员的代码。

Qt Design Studio的原型功能将把你的设计带入生活，模拟验证交互和动态行为。

您甚至可以测试、预览和微调设计，以在目标设备上实时实现像素完美。

并设计开发优秀的用户体验。

有了Qt，你可以创造优秀的用户体验，然后创造忠诚的客户，将你的公司提升为品牌。

Qt省钱

有了Qt，一个代码栈和一个开发团队可以同时支持所有目标平台。

你可能不仅相信我们，而且你当然可以相信弗雷斯特的整体经济影响报告。

Qt Design Studio是一款UI设计开发工具，可以让设计人员和开发人员快速原型化开发复杂的UI。

设计人员和开发人员都使用Qt Design Studio，这使得他们之间的协作越来越简单。

为了给人留下深刻印象，你应该看这个。

Qt Design Studio 1.2最引人注目的功能是Qt Sketch桥。这允许您将设计无缝导入Qt Design Studio。

Qt Design Studio附带Qt Bdge for Sketch作为插件，可以安装到Sketch中。

目前Sketch的Qt Bdge的功能集和Photoshop的Qt Bdge非常相似，我们已经支持符号了。

我们做了一个短片，给人的印象是《素描的Qt Bdge》。

Qt Design Studio 1.2社区版

借助Qt Design Studio 1.2，我们还提供社区版的免费下载和使用。

草图的Qt Bdge和Photoshop的Qt Bdge不属于社区版。

因为Qt Design Studio的源代码有很多问题

强调一下Qt Design Studio基本上配置了不同的Qt Creator，大部分源代码已经是Qt Creator的一部分了。

但是，Sketch的Qt Bdge和Photoshop的Qt Bdge是封闭源。

在Qt Creator 4.10的时间框架内，我们将清理交换图标，并重命名可执行文件和产品名称。

例如，Qt Creator 4.9已经包含了一个图形时间线编辑器。

以C ++开发人员为主的用户可以继续使用Qt Creator进行QML开发，集成Qt Design Studio项目。

Qt Design Studio 1.2社区版

复梯度

在Qt Design Studio 1.2中，我们现在支持Qt Design Studio组件的Qt快速形状中更复杂的渐变。

这些高级渐变，如球形和锥形渐变，在创建米和米时非常有用，尤其是因为它们的属也可以被动画化。

最后，使用Qt Design Studio设计内容时，不再局限于线条的垂直渐变。

对于Qt Design Studio 1.2，我们也修复了很多错误和问题。