Adobe XD vs. Sketch – 어떤 UX 도구가 당신에게 적합합니까?

UX 디자이너는 연구에서 디자인, 프로토타입 및 전달에 이르기까지 UX 워크플로의 여러 단계를 완료하기 위해 많은 도구가 필요합니다. PC에서 작업하는 경우 빠르게 업계 표준이 되고 있지만 Mac OS에서만 사용할 수 있는 수많은 유용한 플러그인이 포함된 인기 있고 간소화된 벡터 그래픽 편집기인 Sketch에 대한 지속적인 언급이 있을 것입니다. 즉, Apple 머신이 없으면 제외됩니다. 그러나 이제 Adobe는 몇 년 동안 부재한 후 적절한 크로스 플랫폼 Sketch 경쟁자(그리고 비슷하게 생겼습니까?)에 대해 적극적으로 작업하고 있습니다. Adobe XD입니다.

Adobe XD란 무엇입니까?

Adobe Experience Design CC 또는 Adobe XD는 Adobe MAX 2015에서 Project Comet으로 발표된 경량 벡터 그래픽 편집기 및 프로토타이핑 도구입니다. 이 소프트웨어는 Creative Cloud의 일부로 2016년 3월에 미리 보기로 출시되었으며 현재는 베타 단계에 있으며 거의 ​​매달 업데이트를 받고 있습니다.

그 전에 Adobe는 Photoshop 및 Illustrator와 같은 기존 도구에 UX 디자이너를 위한 기능을 추가하는 작업을 하고 있었습니다. 둘 다 훌륭한 소프트웨어이지만 이러한 유형의 작업에 적합하지도 가볍지도 않습니다. 수년에 걸쳐, 특히 2013년 Adobe Fireworks(Macromedia에서 인수한 고전적인 웹 지향 프로토타이핑 도구)의 사용 중단 이후에 점점 더 많은 UX 디자이너가 Creative Cloud가 시장의 기대에 미치지 못한다고 느꼈습니다. 그래서 그들은 Sketch로 넘어갔습니다(Mac이 있는 경우). 이 대규모 대탈출에 대한 Adobe의 응답은 약간 늦었지만(Bohemian Coding은 6년 전 Sketch를 출시했습니다) 특히 PC에서 덜 적절한 도구를 사용하는 것으로 제한된 경우에는 기다릴 가치가 있습니다. Adobe XD와 Sketch를 비교해 보겠습니다.

사용자 인터페이스 및 독점 기능

Adobe XD를 열면 첫 인상은 Sketch 사용자와 오랜 Adobe 팬 모두에게 인터페이스가 매우 친숙하다는 것입니다. Adobe는 예상되는 Creative Cloud의 어두운 버튼과 메뉴에서 벗어나 두 가지 장점을 최대한 제공하기로 결정했습니다. Sketch와 달리 화면 왼쪽에는 도구 세트가 표시되지만 Sketch에서 볼 수 있듯이 오른쪽에는 더 큰 레이어 패널과 동적 속성이 표시됩니다. 이전에 어떤 도구를 사용했는지에 관계없이 사용하기 쉽고 배우기 쉽습니다.

그리드 반복

Adobe XD에는 또한 다양한 데이터와 구성 가능한 복사본 사이의 간격이 있는 머티리얼 디자인 카드와 같은 개체 그룹을 복제할 수 있는 도구인 반복 그리드와 같은 고유한 기능 세트가 있습니다.

프로토타이핑

XD에서는 Sketch에서와 같이 타사 플러그인 없이도 대화형 프로토타입을 만들 수 있습니다. Adobe 프로토타이핑 편집기를 사용하면 디자이너는 와이어를 사용하고 전환을 설정하여 대화형 영역을 다른 화면에 시각적으로 연결할 수 있습니다. 인터랙티브한 프로토타입이 준비되면 웹이나 Adobe XD 모바일 앱에서 볼 수 있는 프로토타입을 게시하고 공유할 수 있습니다. 그러나 XD 프로토타입에는 아직 헤더와 같은 고정 섹션이나 제스처에 대한 지원이 없으며, 이는 Sketch와 연결되는 InVision 및 기타 프로토타입 전용 도구에서 가능합니다.

자산 패널

2017년 8월 업데이트에서 Adobe는 색상, 문자 스타일 및 기호가 포함된 대화형 스타일 가이드를 결합하는 영리한 방법인 자산 패널을 추가했습니다. 에셋 패널에서 무언가를 변경하면 아트웍의 모든 에셋 사용이 따릅니다. Sketch에는 색상 변수, 문자 스타일 및 기호도 있지만 각각은 자체 패널에 포함되어 있습니다.

Adobe는 제품 블로그에서 XD에 나타날 다음 기능 중 일부를 발표했습니다. 그 중 하나는 자산 기능을 확장하여 디자이너가 다운로드 가능한 글꼴, 자산 및 색상 16진수 코드가 포함된 프로젝트의 스타일 가이드를 대화형 프로토타입 및 프로토타입 내부의 요소에 대한 개발자의 조사를 위한 검사 기능과 함께 게시할 수 있도록 합니다. 이것을 "개발자를 위한 핸드오프"라고 하며 Zeplin과 같은 플러그인을 사용하여 Sketch(및 Photoshop)에서 이미 가능합니다. 또 다른 미래 기능은 XD 내부의 실시간 협업으로, Google 문서도구에 있고 Figma와 같은 다른 UX 디자인 도구에서 이미 사용할 수 있는 협업 기능과 유사합니다.

Sketch(및 플러그인)와 Adobe XD

더 큰 그림을 보면 Adobe가 XD가 Sketch가 벡터 그래픽 도구로 수행하는 모든 작업뿐만 아니라 전체 UX 디자인 워크플로를 포괄하는 플러그인도 만들려는 의도가 분명해집니다. 디자인에서 프로토타이핑, 전달에 이르기까지 Adobe XD는 아마도 최고의 UX 디자이너 도구가 될 것입니다. 하지만 오늘날은 어떻습니까?

전환할 때입니까?

Adobe XD는 Windows 사용자(macOS 전용 Sketch를 사용할 수 없는 사용자)와 현재 Adobe Creative Cloud 구독자(Photoshop, Illustrator 등 외에 XD에 대해 더 많은 비용을 지불할 필요가 없는)를 위한 최우선 제품입니다.

이미 많은 UX 디자이너가 도약을 하고 있습니다. macOS에서도 Creative Cloud 구독자이거나 XD가 다음 표준이 될 것이라고 믿고 현재 기능 세트에 만족하기 때문입니다. 숙련된 Sketch 사용자라면 전반적으로 더 나은 인터페이스, 고유한 XD 기능을 즐길 수 있지만 현재의 제한 사항과 플러그인 지원 부족도 처리해야 합니다. 어쨌든 시도해보고 우리와 인상을 공유하십시오!

• • •

Toptal Design 블로그에 대한 추가 정보:

• 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)
• 제품 디자인에서 인간 중심 디자인의 중요성
• 최고의 UX 디자이너 포트폴리오 – 영감을 주는 사례 연구 및 사례
• 모바일 인터페이스에 대한 경험적 원리
• 예측적 디자인: 마법 같은 사용자 경험을 만드는 방법