디자인

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

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

 

Qt Design Tools 자세히 알아보기
Mercedes Benz의 Qt를 사용한 디지털 콕핏 알아보기

차원이 다른 UI를 통해 컨셉을 현실로

즉시 구현할 수 있는 인터랙티브 UI와 코드를 만들어 상상했던 제품을 현실로 실현시켜 보세요. 개발자는 디자인 코드를 프로그램 로직으로 매끄럽게 구현할 수 있습니다. 

DevMeister

I'm so sick of trying to guess what these specs mean.

DesignGuru

I hear ya, it’s a big pain trying to explain what we want the UI to do.

DaBoss

Stop whining! I just got @designguru access to the team’s UI design tools. ;) Don't worry. Be happy.

Writing

디자이너와 개발자는 물론, 팀 구성원 모두를 위한 매끄러운 워크플로

팀 내에서 반복되는 복잡하고 지루한 피드백 반복 작업을 끝낼 수 있습니다. 통합된 툴을 사용하면 디자인 작업을 개발 프로세스에 자연스럽게 통합하여 반복 작업을 줄이고 출시 기간을 단축할 수 있습니다.

DesignGuru

Hey I have some new changes on those animated buttons...

DevMeister

Seriously, how many times are we going to tweak these?

DesignGuru

Chill out! I’ve uploaded the design code already. Check your repo.

Writing
Autodesk의 Qt를 사용한 인프라스트럭처 디자인 - 비디오 보기

여러분의 디자인 비전을 타협 없이 있는 그대로 실현시키세요.

선호하는 디자인 툴을 사용하여 UI 컨셉을 스케치에서 프로토타입으로, 또 디자인한 그대로의 애니메이션과 인터랙션으로 최종 제품에 바로 구현해 보세요. 모든 디바이스와 모델에서 항상 일관된 룩앤필을 유지할 수 있습니다. 

DaBoss

How’s it progressing? Are we going to be able to get the UI to do what we planned?

DevMeister

Maybe you could ask @DesignGuru? Code is being prepared for me now.

DesignGuru

Don’t worry, you can tell the boss the UX will be delivered as promised. 🤞

Writing

Qt Design Studio

Qt Design Studio는 디자이너와 개발자 사이의 간극을 좁혀줍니다. 이제 단일 통합 프레임워크, 하나의 공통 언어로 동시에 작업할 수 있으며, 피드백 루프가 줄어들고 반복 작업 속도가 더 빨라집니다.

더 알아보기

design_tool_screenshots

 

Qt Design Studio

와이어프레임부터 최종 구현까지, Qt의 레디메이드 UI 컴포넌트를 사용하여 UI의 룩앤필을 정의해보세요. 디자이너는 Adobe Photoshop, Sketch, Maya, MODO 또는 Blender에서 Qt Design Studio로 UI 디자인 파일을 가져와 개발자를 위한 코드로 변환할 수 있습니다. Qt Design Studio의 프로토타이핑 기능을 사용하면 상호작용과 동적 동작을 시뮬레이션 및 검증하여 디자인에 생명을 불어넣을 수 있습니다. 타겟 기기에서 실시간으로 디자인을 테스트하고, 프리뷰를 확인하여 픽셀 단위까지 완벽하게 조정하는 것도 가능합니다.