专注于产品开发平台解决方案

Qt Design Studio用户界面(UI)设计构成工具简介
分享:

Qt Design Studio概览

Qt Design Studio是一个用于创建酷炫、优美UI的工具。

-通过一个统一的工具链作为开发与设计师之间的桥梁

-快速的原型设计,有助于大规模市场生产项目的扩展

-通过快速和迭代的设计过程节省成本,缩短产品上市时间



为您的 UI 设计项目提供连接点

-在统一的工具中汇集了视觉、动作和交互设计

-几秒钟内可将设计概念变成可点击的原型

-将设计转换为功能性的生产级代码



与现有设计工具、工作流程无缝对接

-可工作在 Mac, Windows 和 Linux

-支持与常见设计工具无缝对接,例如Sketch, Figma和 Photoshop,支持全部图层和组件

-支持所有的文件格式,不需任何修改,即可导入2D和3D资产



不断增强对实时 3D 的支持

-用3D效果将您的设计带入生活

-创建能适应环境变化的动态用户界面

-在 Vulkan 或 OpenGL 中编写自定义着色器


Car configurator demo


支持全新的粒子系统和变形特效

-创建复杂的粒子效果

-利用变形特效(顶点动画)使得动画过渡效果更自然


Project Outrun – HVAC highlight


功能特点

可视化设计

Wireframing

-用内置的、高度可定制的组件组合ui

-可伸缩的布局

-从Figma, Photoshop和Sketch导入完整的UI设计项目



UI states

-为各种场景定义可视状态

-在状态之间轻松转换和制作动画



Custom 3D effects

-在 Vulkan 或 OpenGL 中编写自定义着色器

-通过引人注目的效果将您的UX提升到一个新的水平



交互设计

Define UI logic

-实现 UI 交互和导航的逻辑

-无需编码即可快速创建可点击的原型



Animations & transitions

-创建自定义动画和转换(transitions)

-通过关键帧(keyframes)和easing curves进行详细控制

-支持 2D 和 3D 空间中的动画



WYSIWYG 3D and 2D editing

-在同一 UI 中无缝组合 2D 和 3D元素

-在所见即所得编辑器中实时监控您的进度

-在 Mac、PC、Linux、平板电脑、目标硬件、Web 应用或 Autodesk VRED 上实时预览您的应用



测试和验证

Simulate with real data

-通过Mathlab的Simulink bridge可以模拟真实数据

-使用真实数据测试 UI 功能

-验证各种场景中的 UI 可用性



View in virtual reality

-用Autodesk的VERD bridge在VR中查看您的UI

-在 QDS 中编辑 UI,并在 VRED 环境中实时查看更改

-将项目构建为 web assembly目标,并从您自己的 PC 共享



Deploy on target

-在目标设备上实时预览 QDS 项目

-尽早优化性能

-验证目标显示器上的设计和 UI 交互



扩展您的设计

Run on any platform

-QDS设计适用于所有平台,从MCU到高端SoC

-通过在多个平台和变体上重用设计和 UI 组件来节省开发时间和金钱



Reuse UI components

-所有自定义 UI 组件都可以在任何项目上重复使用

-创建客户特定的 UI 组件库,这些组件库可在项目和组织之间轻松共享

-通过通用控件进行 UI 外观设计



Change design at a whim

-在不影响后端应用程序代码的情况下更改 UI 组件设计

-在不影响应用程序开发过程的情况下进行快速设计迭代



工作流

设计人员-开发人员工作流程中的典型挑战

设计人员与开发人员工具的互操作性差导致需要繁重的设计规范,延长上市时间,并增加生产成本。



AS-IS : HMI designer-developer Workflow



Qt流程:和后端的干净分离,可实现并行设计和开发



TO-BE : HMI designer-developer Workflow



工作流程对比

将UI设计和后端开发干净地分开,实现平行设计和开发。



工具价值

对于设计人员的价值

掌握整个设计过程的所有权,从早期概念到原型设计和生产。

-创建能够在目标设备上运行的功能原型—无需编码

-在早期即可预览设计的UI,评估可能性

-使用您所喜欢的资产创建工具,通过Qt bridges导入QtDS



对于开发人员的价值

花更多的时间关注开发应用程序,而不是将大量精力花费在设计规范和不断更改界面实现上。

-不需要关注大量的设计规范;QtDS自动将设计转化为功能代码

-UI 和后端干净地分离,即使设计发生变化也能继续开发



对于OEMs的价值

通过掌握人机界面设计过程的所有权来加强您的品牌。

-快速创建可在不同目标设备和操作系统上运行的功能原型

-在MCUs 到 高端 GPU的所有版本中重复使用设计

-通过VRED集成,使虚拟HMI设计成为车辆设计过程中的一部分

-经济最大化的灵活性--改变芯片/操作系统,无需重做用户界面或切换工具链



关于Qt

Qt是一套业界领先的产品开发框架,可供前端设计师和开发人员适用于各种设备和操作系统的先进的UI/UX。

Qt被广泛应用于70多个行业,并在全球范围内建立了完善的生态系统——每年下载量达数百万次。

Qt拥有强大的合作伙伴生态——全球有超过100家软件服务公司和SoC方案供应商具备Qt开发能力。




行业痛点
解决方案
应用案例