aboutsummaryrefslogtreecommitdiffstats
path: root/doc/qtdesignstudio/src/qtdesignstudio.qdoc
blob: 76b69952e43d1aea27ee5897f433dfec15c77fe9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
// 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

    \keyword {Qt Design Studio documentation}
    \title Qt Design Studio documentation

    \raw HTML
    <style>
    .main-navigation table { table-layout: fixed; }
    .main-navigation table tr:first-child { text-align: center; background: none; }
    </style>
    \endraw

    \div {class="main-navigation"}
    \table borderless 100%
        \row
            \li \imageinstallation
            \li \imagegettingstarted
            \li \imagetutorials
        \row
            \li \b {INSTALLATION}

                \QDS is available with \e commercial, \e evaluation, and \e educational licenses
                on Windows, \macOs, and Linux.

                \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.

    With 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 \imagedemo32x32
            \li \imagebuild32x32
            \li \imageexamples32x32
        \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{Effects and shaders in \QDS}{Effects and shaders}
                        \li \l{Using components}{Components}
                        \li \l{Designer-developer workflow}
                        \li \l{Qt Design Studio on MCUs}
                    \endlist
                \li Best practices
                    \list
                        \li \l{Creating the glow and the 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://www.qt.io/academy/course-catalog#getting-started-with-qt-design-studio}{Getting started}
                        \li \l{https://www.qt.io/academy/course-catalog#creating-your-first-app-with-qt-design-studio}{Creating your first app}
                        \li \l{https://www.qt.io/academy/course-catalog#2d-with-qt-design-studio}{2D with Qt Design Studio}
                        \li \l{https://www.qt.io/academy/course-catalog#3d-with-qt-design-studio}{3D with Qt Design Studio}
                        \li \l{https://www.qt.io/academy/course-catalog#qt-design-studio:-blur-effect}{Creating a Blur effect}
                    \endlist
    \endtable
    \enddiv
*/