Doc: Update landing page

Task-number: QDS-13383
Change-Id: Ie1172360f9fa7338b18c2d470fc5ddfbc6329b22
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>
Reviewed-by: Teea Põldsam <teea.poldsam@qt.io>
This commit is contained in:
Mats Honkamaa
2024-08-16 09:56:31 +03:00
parent 1717a386ba
commit 000bb9c012

View File

@@ -1,104 +1,98 @@
// Copyright (C) 2021 The Qt Company Ltd.
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
/*!
\page index.html
\nextpage studio-getting-started.html
\title Qt Design Studio Manual
\keyword {Qt Design Studio Manual}
\title Qt Design Studio Documentation
Define the look and feel of the UI from wireframe to final implementation
with preset UI components. Import UI design files from 2D and 3D tools to
\QDS, which can turn them into code for developers. \QDS prototyping
features bring your designs to life and simulate and validate interactions
and dynamic behavior. You can test, preview, and fine-tune your designs to
pixel-perfection live on the desktop or target device.
\raw HTML
<style>
.main-navigation table { table-layout: fixed; }
.main-navigation table tr:first-child { text-align: center; background: none; }
</style>
\endraw
View \l{All Topics}{all topics} or select a topic from below.
\div {class="main-navigation"}
\table borderless 100%
\row
\li \inlineimage icons/installation.png
\li \inlineimage icons/getting-started.png
\li \inlineimage icons/tutorials.png
\row
\li \b {INSTALLATION}
\table
\row
\li \inlineimage qds-front-gs.png
\li \inlineimage qds-front-ui.png
\li \inlineimage qds-studio-3d-scenes.png
\li \inlineimage qds-studio-animation.png
\row
\li \b {\l{Getting Started}}
\list
\li \l{Installing \QDS}
\li \l{Tutorials}
\li \l{User Interface}
\li \l{Creating Projects}
\li \l{Use Cases}
\li \l{Concepts and Terms}
\li \l{Best Practices}
\li \l{Examples}
\endlist
\li \b {\l{Wireframing}}
\list
\li \l{Designing Application Flows}
\li \l{Using Components}
\li \l{Specifying Component Properties}
\li \l{Scalable Layouts}
\li \l{Annotating Designs}
\endlist
\li \b {\l{Prototyping}}
\list
\li \l{Creating UI Logic}
\li \l{Effects}
\li \l{Simulating Complex Experiences}
\li \l{Dynamic Behaviors}
\li \l{Validating with Target Hardware}
\li \l{Asset Creation with Other Tools}
\endlist
\li \b {\l{Motion Design}}
\list
\li \l{Introduction to Animation Techniques}
\li \l{Creating Timeline Animations}
\li \l{Editing Easing Curves}
\li \l{Production Quality}
\li \l{Optimizing Designs}
\endlist
\row
\li \inlineimage qds-front-preview.png
\li \inlineimage qds-front-advanced.png
\li \inlineimage qds-front-projects.png
\li \inlineimage qds-front-help.png
\row
\li \b {\l{Implementing Applications}}
\list
\li \l{Designer-Developer Workflow}
\li \l{Code}{Coding}
\li \l{Debugging and Profiling}
\endlist
\li \b {\l{Advanced Designer Topics}}
\list
\li \l{UI Files}
\li \l {Manage Data Collection}
\li \l{Packaging Applications}
\endlist
\li \b {\l{Developer Topics}}
\list
\li \l{Using Git}
\li \l{Converting Qt 5 Projects into Qt 6 Projects}
\li \l{Converting UI Projects to Applications}
\li \l{Use external tools}{Using External Tools}
\li \l{\QDS on MCUs}
\endlist
\li \b {\l Help}
\list
\li \l{Get help}{Getting Help}
\li \l{Supported Platforms}
\endlist
\row
\li {4,1} \note To report bugs and suggestions to the
\l{https://bugreports.qt.io/}{Qt Project Bug Tracker},
select \uicontrol {Help > Report Bug} in \QDS.
To copy and paste detailed information about your system to the
bug report, select \uicontrol Help >
\uicontrol {System Information}.
\QDS is available with \e commercial, \e evaluation, and \e educational licenses
on Windows, \macOs, and Linux.
For credits and a list of third-party libraries, see
\l {Acknowledgements}.
\l {Installing \QDS}
\li \b {GETTING STARTED}
Learn about the \QDS features, UI and how to get started with
your first project.
\l{Getting Started}
\li \b {TUTORIALS}
Follow the tutorials to learn how to create \QDS applications.
\l{Tutorials}
\endtable
\enddiv
\section1 About
\QDS transforms your designs into a fully functional user interface. It's no longer a
click-through mockup. Test, preview, and fine-tune your designs to pixel-perfection,
live on target devices.
A single unified framework, one common language, fewer feedback loops, and faster iterations,
\QDS closes the gap between designers and developers.
\b {LEARN MORE}
\raw HTML
<style>
.link-list table { table-layout: fixed; }
.link-list table, .link-list table tr:first-child { background: none; border: none; }
</style>
\endraw
\div {class="link-list"}
\table 100%
\row
\li \inlineimage icons/demo-32x32.png
\li \inlineimage icons/build-32x32.png
\li \inlineimage icons/settings-32x32.png
\row
\li Key Concepts
\list
\li \l{Introduction to Animation Techniques}{Animation Techniques}
\li \l{Asset Creation with Other Tools}{Creating Assets with Other Tools}
\li \l{Creating UI Logic}
\li \l{Using Components}{Components}
\li \l{Designer-Developer Workflow}
\li \l{Qt Design Studio on MCUs}
\endlist
\li Best Practices
\list
\li \l{Converting Qt 5 Projects into Qt 6 Projects}
\li \l{Converting UI Projects to Applications}
\li \l{Creating Glow and Bloom Effects}
\li \l{Creating Optimized 3D Scenes}
\li \l{Optimizing Designs}
\li \l{Production Quality}{Achieving Production Quality}
\endlist
\li Online Courses
\list
\li \l{https://qurious.qt.io/enrollments/197683855/details}{Getting Started}
\li \l{https://qurious.qt.io/catalog/courses/3910783}{Creating Your First App}
\li \l{https://qurious.qt.io/enrollments/154647839/details}{Introduction to 2D UI Design}
\li \l{https://qurious.qt.io/enrollments/167005403/details}{Introduction to 3D Design}
\li \l{https://qurious.qt.io/catalog/courses/3910791}{Using Qt Bridge for Figma}
\endlist
\endtable
\enddiv
*/