와이어프레임을 UX 디자인으로 빠르게 변환

XD의 직관적인 툴을 사용하면 빠르게 레이아웃의 목업을 만들거나 오브젝트, 심볼, 내비게이션을 추가하고 여러 아트보드를 와이어로 연결하여 인터랙티브한 프로토타입을 만들 수 있으므로 와이어프레임 제작이 수월해집니다. 올인원 앱에서 신속하게 로우 피델리티 와이어프레임을 하이 피델리티 최종 디자인으로 변환할 수 있습니다.
와이어프레임을 UX 디자인으로 빠르게 변환

작업 시간을 단축시켜주는 툴로 화면 디자인 간소화

하나의 디바이스 또는 하나의 화면에만 적용되는 디자인으로는 충분하지 않습니다. Adobe XD를 사용하면 데스크탑, 태블릿, iOS, Android 디바이스의 화면에 맞게 표시되는 디자인을 만들 수 있습니다. 다양한 크기의 화면에 최적화된 템플릿, 구성 요소, 공통 기능이 포함된 UI 키트를 사용하여 디자인과 와이어프레임을 빠르게 제작할 수 있고 디자인 사양을 생성하여 개발자에게 전달하면 디자인 프로세스를 간소화할 수 있습니다. 이러한 작업 후 프로토타입 모드로 전환하여 UX/UI를 제작할 수 있습니다.
작업 속도를 높여주는 툴로 디자인
작업 속도를 높여주는 툴로 디자인
반복 그리드와 같은 툴로 아트보드에서 카드 형태의 연락처, 사진 갤러리 등의 다양한 요소를 즉시 복제하여 와이어프레임을 만들 수 있습니다. 캔버스에 수백 개의 아트보드가 열려 있더라도 확대/축소 시 즉각적으로 반응합니다.
로우 피델리티 와이어프레임을 하이 피델리티 미리 보기로 변환
로우 피델리티 와이어프레임을 하이 피델리티 미리 보기로 변환
기본 와이어프레임을 그래픽, 심볼, 텍스트로 채우고 와이어를 드래그하여 사용자 경험을 정의할 수 있습니다. 목업의 미리 보기 링크를 공유하거나 몇 번의 클릭만으로 비디오를 녹화하여 프로젝트의 흐름을 보여줄 수 있습니다.
효과적인 협업 기능 사용
효과적인 협업 기능 사용
Adobe Creative Cloud를 사용하면 팀원과의 디자인 협업이 수월해집니다. 몇 번의 클릭만으로 와이어프레임과 목업을 공유할 수 있고 이해 관계자에게 작업을 전송하여 의견을 요청하면 피드백을 신속하게 반영할 수 있습니다.
디자인을 미리 보면서 빠르게 피드백 반영
디자인을 미리 보면서 빠르게 피드백 반영
데스크탑 또는 모바일에서 앱이나 웹 사이트의 실시간 미리 보기를 통해 인터랙션을 확인할 수 있습니다. 조정한 내용이 반영된 업데이트를 실시간 미리 보기로 확인한 다음 최종 디자인 사양을 개발자에게 전달할 수 있습니다.

몇 단계만으로 하이 피델리티 디자인 제작

연결된 심볼, 반응형 크기 조정, UI 키트 등을 사용하여 프로세스를 가속화하고 디자인과 제작 과정을 단축할 수 있습니다.

에셋 패널

한 곳에서 목업 에셋과 심볼을 관리할 수 있습니다. 에셋 패널을 통해 드래그 앤 드롭 방식으로 에셋을 재사용하거나 편집할 수 있고 심볼을 만들면 한 인스턴스에 적용된 변경 사항이 프로젝트 전체에 반영됩니다.

간편한 에셋 편집

XD 인터페이스에서 바로 그래픽 또는 아이콘을 편집할 수 있습니다. XD에서 Photoshop 파일을 열거나 Illustrator 및 Photoshop에서 만든 아트웍을 Creative Cloud Libraries를 통해 가져올 수 있습니다.

디자인 사양

개발자에게 아트보드의 순서와 흐름, 색상, 문자 스타일, 치수 등 자동으로 생성된 디자인 사양의 링크를 보내 제작 과정을 단축할 수 있습니다. 개발자는 모든 에셋을 필요한 파일 포맷으로 추출하거나 다운로드하고 댓글을 추가할 수 있습니다.

무료 UI 및 와이어프레이밍 키트

모바일 앱 및 웹용으로 제공되는 무료 UI 및 와이어프레이밍 키트를 사용하여 스마트워치, 여행 앱, Amazon Alexa 등의 UX/UI를 디자인할 수 있습니다. 각 키트에는 템플릿, 아트보드, 화면 등 개성 있는 UX를 만드는 데 필요한 모든 것이 포함되어 있습니다.

레이아웃 격자

사용자 정의 레이아웃 격자를 만들어 디자인 전반의 일관된 느낌을 유지할 수 있습니다. 오브젝트를 정렬하고 다른 화면 크기에서 디자인이 표시되는 방식을 정의할 수 있습니다.

반응형 크기 조정

다양한 크기의 화면에 맞게 아트보드에서 오브젝트 그룹의 크기를 손쉽게 조정할 수 있고 배치와 비율을 유지할 수 있습니다. XD는 개별 요소 간의 거리를 바탕으로 배치를 자동으로 계산합니다.

 

Mac과 PC에서 작업 효율성을 높여주는 와이어프레임 및 목업 제작 툴

macOS와 Windows를 모두 지원하는 디자인 및 와이어프레이밍 툴

운영 체제에 상관없이 공동 작업을 진행할 수 있습니다. 원하는 플랫폼에서 작업하고 다른 시스템을 사용하는 동료와 워크플로우를 공유할 수 있습니다. XD는 두 플랫폼에서 원활하게 작동하고 파일 또한 호환됩니다.

귀하에게 적합한 플랜을 찾아보십시오.

무료 XD 스타터 플랜을 이용하거나 Creative Cloud 유료 플랜을 통해 제한 없이 프로토타입을 공유할 수 있습니다.
무료 스타터 플랜
모든 디자인 및 프로토타이핑 기능
프로토타입 공유 1회
디자인 사양 공유 1회
2GB의 클라우드 스토리지
Adobe Fonts 무료(일부 글꼴 세트만)
유료 플랜
모든 디자인 및 프로토타이핑 기능
프로토타입 개수 무제한
디자인 사양 개수 무제한
100GB의 클라우드 스토리지
Adobe Fonts 포트폴리오(전체 글꼴 라이브러리)