Qt Design Studio - UI를 디자인하세요

Qt Design Studio는디자이너와 개발자 간의 간격을 줄여주는 역할을 합니다. Qt Design Studio를 통해 디자이너와 개발자는 하나의 프레임워크에서 공통된 언어로 일할 수 있으며, 둘 사이에 더 적은 Feedback Loop로 빠르게 반복작업을 수행할 수 있습니다.

디자인을 코드로 변환하기

디자인툴로 디자인한 UI 디자인을 Qt로 불러와보세요.​ 개발자가 사용 가능한 코드가 자동으로 생성됩니다. ​

UI 한발짝 개선하기

쉽게 사용 가능한 프로토타이핑 툴과 애니메이션으로 생동감 있는 디자인을 만들어보세요.​

실시간 테스트 디자인

미리보기 기능을 활용하여 픽셀레벨로 완전해 질 때까지 즉각적으로 디자인을 최적화 할 수 있으며, 실제 그래픽 효과들을 타겟 기기에서 미리보기할 수 있습니다.​

Import from your favourite design tools
주요 기능
Photoshop & Sketch

UI 디자인을 Photoshop과 Sketch에서 직접 불러오세요.​

컴포넌트 재사용

디자인 요소들을 QML 컴포넌트로 전환해 다른 프로젝트에서도 재사용하세요. 잘 만든 코드가 버려지거나 낭비되지 않습니다.​

이미지 및 코드 에디터

시각적인 디자인 수정과 쉽게 사용 가능한 선언형 언어인 QML​을 만나보세요.

사용자화 가능한 시각 효과

내장되어 있는 사용자화 가능한 시각 효과들을 확인하세요.​

타임라인 기반 애니메이션

타임라인 인터페이스로 복잡한 애니메이션 작업을 간소화하세요.​

자바스크립트를 통한 프로토타이핑

어플리케이션 디자인 과정에서, 어플리케이션 로직을 자바스크립트로 시뮬레이션 해보세요.​

동적인 화면 구조(layout) 생성

UI가 다양한 크기와 방향의 스크린에서 동작하도록 해줍니다.​

강점
강력한 프레임워크

사용자에게 익숙한 툴을 강력한 프레임워크에 연계해서 사용할 수 있습니다.​

재사용 가능한 컴포넌트

그래픽 자원을 다수의 프로젝트에 재사용함으로써 시간을 절약하고 일관성을 유지할 수 있습니다.​

자동적 코드 생성

디자인을 개발용 코드로 자동 전환하여 개발 시간을 절약할 수 있습니다.​

사용자화

간편한 사용자화를 통해 브랜드 디자인에 일관성을 유지할 수 있습니다.​

레디메이드 컨트롤

곧바로 사용할 수 있는 네이티브 스타일의 UI 요소들을 활용할 수 있습니다. ​

Qt 3D Studio: 크로스 플랫폼 3D UI 디자인 및 개발 툴

Qt 3D Studio는 합성 툴로, 3D 모델과 이미지를 불러와 반응형 프레젠테이션과 UI 및 어플리케이션을 제작할 수 있습니다.

Qt 3D Studio 다운로드하기
Qt 3D Studio 에디터

Qt 3D Studio의 WYSIWYG 편집기는 윈도우, 맥OS, 리눅스 위에서 작동합니다.​ Photoshop, Autodesk Maya, Foundry MODO 등의 널리 사용되는 저작도구로부터 디자인 자원들을 바로 불러올 수 있습니다.​

Qt 3D Studio 뷰어

Qt 3D Studio 뷰어를 통해 작업 중 실시간으로 디자인을 테스트해 볼 수 있습니다.​ 원격 온라인 기능을 활용하면 타겟 장치와 연결되어 실시간으로 디자인 변화를 확인할 수 있습니다.​

아키텍처

Qt 3D Studio 아키텍처와 다양한 플러그인은 디자이너들의 요구사항을 모두 만족시킬 수 있습니다. 또한 사용자는 모든 소스코드를 받아 볼 수 있습니다.​

주요 기능
디자인 불러오기

FBX 및 COLLADA 형식으로 UI 디자인을 Maya, MODO 및 Blender에서 불러오세요.​

키프레임 애니메이션

레이어, 3D object, 카메라, materials에 모두 키프레임 애니메이션을 적용할 수 있습니다.​

3D 후처리 특수효과

다양한 필터와 효과를 이용한 후처리로 사실적인 시각효과를 만들 수 있습니다.​

씬 에디터(Scene Editor)

진보된 씬 에디터로 디자인을 완벽하게 미세 조정할 수 있습니다.​

자동생성된 3D 애니메이션

사전에 계산된 3D 렌더링이 애니메이션 처리 능력과 속도를 향상시킵니다.​

실시간 미리보기

타겟 디바이스에서 UI 디자인의 변화를 실시간으로 확인할 수 있습니다.​

편집 가능한 버퍼 커브(buffer curve)

편집 가능한 모션 패스를 통해 가속도 및 감속도 모션 애니메이션을 섬세하게 조정할 수 있습니다.​