Skip to main content
  • Developers
  • Learning Hub
    • Learning Hub Developers Price. Buy. Download. Try.
    QTDS_LandingPage_01 (1) QTDS_LandingPage_04 (1) QTDS_LandingPage_02 (1)

    Qt Design Studio

    디자인에 생명력을 불어넣으세요

    디자이너와 개발자 사이의 격차를 해소하여 상상 속의 디자인을 실제 제작 가능한 UI로 전환함으로써 개발 프로세스를 혁신할 수 있습니다.

     

    기본 프로토타입
    그 이상

    UI를 구성한다는 것은 단순히 기존 에셋으로 목업을 만드는 것만을 말하는 것이 아닙니다. Qt Design Studio를 사용하면 에셋을 바로 사용할 수 있는 UI 구성으로 전환할 수 있습니다. 

    코드
    자동 생성

    Figma, Adobe XD 또는 Adobe Photoshop과 같은 디자인 툴로 UI 디자인을 제작하세요. Qt Design Studio로 가져오면 코드가 자동으로 생성되어 개발자가 바로 사용할 수 있습니다.

    어디에서나
    테스트 및 실행

    상호작용과 동적 동작을 시뮬레이션하고 검증하세요. Qt Design Studio에서 빌드된 모든 것은 기본적으로 크로스플랫폼이며 모든 하드웨어 또는 운영체제 환경에 맞게 컴파일할 수 있습니다.

    출시:
    Qt Design Studio 4

    Qt Design Studio는 디자인을 완전한 기능의 사용자 인터페이스로 바꿔줍니다. 더 이상 클릭을 통해 시제품을 제작할 필요가 없습니다. 대상 기기에서 실시간으로 디자인을 테스트하고, 프리뷰를 확인하고, 픽셀 단위까지 완벽하게 미세 조정할 수 있습니다. 

    단일 통합 프레임워크로 하나의 공통 언어를 사용하며 피드백 루프가 적고 반복 작업이 더 빠른 Qt Design Studio는 디자이너와 개발자 사이의 간극을 좁혀줍니다. 동영상을 통해 자세히 알아보세요. 

    Qt Design Studio 사용해보기

    These companies already love Qt Design Studio

    stellantis
    spyrosoft
    siili
    ekkono

    Validate your product designs in weeks, not months.

    Utilize premade components

    바로 사용 가능한 컴포넌트 라이브러리를 활용하여 시간과 노력을 절약하세요. Qt Design Studio의 컴포넌트 라이브러리에는 UI 제작을 시작할 수 있는 간단한 모양과 복잡한 UI 구성 요소가 모두 포함되어 있습니다. 또한 Figma 또는 Adobe XD와 같이 자주 사용하는 디자인 제작 툴에서 가져온 UI 에셋으로 커스텀 컴포넌트를 만들 수도 있습니다. 

    컴포넌트 사용

    QtDS_UI_Example_03_Creating-and-using-components_1920x1080_h264_190822_MacWell_AdobeExpress_1

     

    QtDS_UI_Example_05_3D-Visual_effects_1920x1080_h264_190822_MacWell_AdobeExpress_1

     

    Outstanding 3D assets, made easy

    Blender나 3ds Max 같은 툴에서 3D 에셋을 가져옵니다. 그런 다음, Qt Design Studio를 사용하여 3D 오브젝트에 애니메이션을 적용하고 다양한 머티리얼, 텍스처 및 쉐이더를 추가하여 값을 원하는 대로 변경할 수 있습니다. 라이트 맵과 같은 환경을 추가하여 UI에 적합한 분위기를 연출하세요. 그리고 파티클과 같은 시각 효과, 예를 들어 불, 비, 안개 등을 편리하게 만들 수 있는 미리 만들어진 레디메이드 효과들을 추가하여 장면을 더욱 완벽하게 구성할 수 있습니다.

    3D 머티리얼

    Create compelling animations 

    Qt Design Studio는 타임라인과 키프레임 기반 애니메이션은 물론, 화면 간 또는 상태 간 애플리케이션 플로우 및 데이터 기반 UI 로직 애니메이션과 같은 2D 및 3D를 위한 일반적인 모션 디자인 기법을 지원합니다. 타임라인을 구축하고, 다양한 UI 상태 간 전환을 만들고, 완화 및 애니메이션 커브를 사용하여 미세 조정할 수 있습니다. 상태와 연결을 적용하여 동작이나 애니메이션 효과를 나타내세요. 

    애니메이션 기법

    QtDS_UI_Example_04_3D-Motion-design_1920x1080_h264_190822_MacWell_AdobeExpress_1

     

    QtDS_UI_Example_06_3D-Real-time-rendering_1920x1080_h264_190822_MacWell_AdobeExpress_1

     

    Advanced cinematic scenes

    카메라 앵글과 움직임을 원하는 대로 제어하여 영화 같은 경험을 만들고, 실제와 같은 반사 효과로 포토리얼리즘을 구현하세요. 3D 오브젝트가 선택한 환경이나 머티리얼의 변화에 정확하게 반응하도록 만들 수 있습니다. 한 걸음 더 나아가 나만의 커스텀 효과와 머티리얼을 제작하여 모든 것을 완벽하게 만들어 보세요.

    커스텀 효과

    실제 하드웨어를 사용하여 반복 작업을 빠르게

    디자인을 인터랙티브 프로토타입으로 빠르게 전환하여 대상 하드웨어에서 UI 모양과 기능을 검증하고 반복할 수 있습니다. 또 UI 로직을 생성하여 복잡한 경험을 시뮬레이션하고, 동적 동작을 추가할 수도 있습니다. 그런 다음 개발자는 기능적 UI를 가져와 애플리케이션의 나머지 부분에 통합할 수 있습니다. 

    타겟 하드웨어로 검증하기

    Features that bring your designs to life

    Qt Design Studio는 커스터마이징이 가능한 시각 효과부터 3D 요소까지 다양한 기능을 갖추고 있어 사용자가 단시간에 근사한 UI를 제작할 수 있습니다.

    Input Methods

    물리적 키보드, 마우스, 사용자 지정 하드웨어 키와 터치 스크린을 가상 키보드 및 멀티터치 제스처와 함께 사용하세요.

    음성 입력 및 실제 제스처와 같은 커스텀 입력 방법을 통합할 수 있습니다. 

    Visual Editors

    Qt Design Studio의 직관적인 설정 기능을 통해, 2D 및 3D 디자인을 다른 인기 있는 디자인 소프트웨어에 익숙한 디자인으로 수정할 수 있습니다.

    코드를 편집하는 것도 가능합니다. QML은 Qt의 사용하기 쉬운 선언적 언어로, 디자인 프로세스 전반에 걸쳐 자동으로 생성되고 편집할 수 있습니다.

    Connection Editor

    사용자가 작업을 커밋할 때 조건을 추가하여 화면 및 구성요소의 상태를 정의합니다.

    Timeline Animations

    키프레임 기반 타임라인 애니메이션을 사용하여 디자인에 생동감을 불어넣을 수 있습니다.

    Customizable Visual Effects

    빌트인 및 커스터마이징이 가능한 시각 효과로 그래픽 디자인을 향상시키세요.

    Import 3D Elements

    3D 요소를 디자인으로 쉽게 가져올 수 있습니다. 대표적으로 Maya, Blender, 3D Max와 같은 주요 3D 제작 툴을 모두 지원합니다. 

    States Editor

    사용자가 상호작용하는 다양한 UI 상태 간의 전환을 생성, 수정 및 추가할 수 있습니다. 

    Flow Editor

    사용자가 애플리케이션 뷰를 탐색하는 방법에 대한 플로우와 전환을 디자인하세요. 

    Scene Editor

    고급 장면 편집기를 사용하여 디자인을 픽셀 단위까지 완벽하게 미세 조정할 수 있습니다.

    Dynamic & Scalable Layouts

    원하는 대로 크기를 조정해보세요. 화면 크기와 해상도에 맞게 UI 요소의 크기나 위치를 자동으로 변경할 수 있습니다.

    Qt Design Studio 무료 평가판 시작하기

     

    무료 평가판 다운로드

    Qt Design Studio에 대해 알아보기

    학습 센터에서 Qt Design Studio와 이를 사용하여 디자인을 시작할 수 있는 방법에 대해 배울 수 있습니다.

    학습 시작하기

    Documentation

    Qt Design Studio의 기술적 측면에 대해 더 자세히 확인해 보세요.

    자세히 알아보기

    Design Sphere Blog

    더 많은 흥미로운 내용을 확인해보세요.

    확인하기

    시작할 준비가 되셨나요?

     

    Qt Design Studio 다운로드

    디자인 툴에 관한 최신 소식

    Running your Qt Design Studio projects with Python

    After the adoption of Qt Design Studio, many users started to wonder a...

    Read more

    Qt Design Studio 4.6 Released

    Qt Design Studio 4.6 is here! This month, we present to you an excitin...

    Read more

    Qt Design Studio 4.5.1 Released

    Great news! The latest Qt Design Studio update 4.5.1 is ready for down...

    Read more