Qt Design Studio用户界面（UI）设计构成工具简介

Cruise

2022年10月20日 17:24

浏览：1941

Qt Design Studio用户界面（UI）设计构成工具简介的图1

Qt Design Studio概览

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

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图2

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

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图3

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

-可工作在 Mac, Windows 和 Linux

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图4

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

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图5

Qt Design Studio用户界面（UI）设计构成工具简介的图6

Car configurator demo

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

-创建复杂的粒子效果

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

Qt Design Studio用户界面（UI）设计构成工具简介的图7

Qt Design Studio用户界面（UI）设计构成工具简介的图8

Project Outrun – HVAC highlight

功能特点

可视化设计

Wireframing

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

-可伸缩的布局

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

Qt Design Studio用户界面（UI）设计构成工具简介的图9

UI states

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图10

Custom 3D effects

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图11

交互设计

Define UI logic

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图12

Animations & transitions

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图13

WYSIWYG 3D and 2D editing

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图14

测试和验证

Simulate with real data

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图15

View in virtual reality

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图16

Deploy on target

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

-尽早优化性能

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

Qt Design Studio用户界面（UI）设计构成工具简介的图17

扩展您的设计

Run on any platform

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图18

Reuse UI components

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图19

Change design at a whim

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图20

工作流

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图21

AS-IS : HMI designer-developer Workflow

Qt Design Studio用户界面（UI）设计构成工具简介的图22

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

Qt Design Studio用户界面（UI）设计构成工具简介的图23

TO-BE : HMI designer-developer Workflow

Qt Design Studio用户界面（UI）设计构成工具简介的图24

工作流程对比

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

Qt Design Studio用户界面（UI）设计构成工具简介的图25

工具价值

对于设计人员的价值

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

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图26

对于开发人员的价值

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图27

对于OEMs的价值

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

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

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图28

关于Qt

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

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

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

Qt Design Studio用户界面（UI）设计构成工具简介的图29

深圳市优飞迪科技有限公司成立于2010年，是一家专注于产品开发平台解决方案与物联网技术开发的国家级高新技术企业。

十多年来，优飞迪科技在数字孪生、工业软件尤其仿真技术、物联网技术开发等领域积累了丰富的经验，并在这些领域拥有数十项独立自主的知识产权。同时，优飞迪科技也与国际和国内的主要头部工业软件厂商建立了战略合作关系，能够为客户提供完整的产品开发平台解决方案。

优飞迪科技技术团队实力雄厚，主要成员均来自于国内外顶尖学府、并在相关领域有丰富的工作经验，能为客户提供“全心U+端到端服务”。

Qt Design Studio用户界面（UI）设计构成工具简介的图30

登录后免费查看全文

立即登录

App下载

技术邻APP
工程师必备

项目客服
培训客服
平台客服

TOP