Adobe XD의 개요

1. 프로토타입(prototype)이란,

제품을 만드는 과정에서 시험용으로 미리 만들어보는 물건을 의미한다. 

• 오리지널 또는 기반이 된 모델
• 대표적으로 제시할 수 있는 예가되는 모델
• 종류의 기초가 되는 모델
• 앞서 제작된 모델

 

2. 프로토타이핑(prototyping)이란,

본격적으로 제품 개발·생산에 들어가면 도중에 중단하거나 취소하는 것이 쉽지 않으므로 사전에 프로토타입을 제작하고 검증 과정을 거쳐 위험 부담을 최소화한다. 이를 위해 예상 고객에게 프로토타입을 사용해보게 하고 피드백을 받아 제품 개선 시 반영것을 말한다. 

 

 

3. 협업도구의 종류 

일반적으로 협업 플랫폼, 업무용 플랫폼등의 이름으로도 불리지만 분류하자면 메신져 같은 Team Communication Tool이 아닌 Team Collaboration Tool 이 협업툴을 의미한다. 서비스용 소프트웨어형 클라우드를 기반으로 팀 커뮤니케이션, 할 일 및 일정 관리, 파일공유, 노트 작성, 프로젝트 관리 등 지식노동자들의 원할한 업무를 도와주는 서비스를 말한다. 

• 슬랙 슬랙은 타 서비스와의 연동이 가장 큰 장점으로 꼽힌다. 디자인과 사용성이 직관적이라는 평도 있다. 2020년 10월부터 한글화가 되었다. 
• Microsoft 365 한국어를 지원한다. 마이크로소프트 서비스답게 국내 고객 불만 대응이 부실하고, 데이터 센터가 해외에 있다. 국산 협업툴보다 반응속도가 느리다고 악평을 듣고 있다. 
• 세일즈포스 Quip 노션처럼 화이트보드 느낌의 올인원 협업툴이다.
• 노션 Notion 화이트보드 같은 페이지에 칸반, 캘린더, 텍스트, 스티커 등 다양한 기능을 그릴 수 있다. 
• 클로바인 Clovine 프로젝트 관리에 중정을 둔 협업도구이다. 간트차트, 마인드맵, 칸반, 예산, 포트폴리오 등의 다양한 기능이 무료로 제공되어있으며 최근들어서 가장 빠르게 성장하고 있는 국산제품으로 알려져 있다. 일반적인 협업 도구와는 다르게 대용량의 STaaS(클라우드 스토리지)를 제공하고 있으며 기본요금으로 2TB의 용량을 제공하고 있다. 
• 잔디 Jandi 국내 협업투를 만드는 스타트업 중 최대 투자액과 사용자 수를 가지고 있다. 주제별 대화방을 통한 업무 혼선 감소, 스마트 필터를 통한 3초 검색 그리고 메일 등 다양한 외부 서비스 연동 등의 장점이 있다. 

 

4. XD의 개념 및 특징

Adobe XD는 웹이나 모바일에서 UI/UX 디자인을 구현하고자 하는 디자이너, 크리에이티브 팀, 대규모 디자인 조직을 위해 고안된 프로그램이다. 개인작업과 편리한 공동 작업이 가능하며 와이어프레이밍과 프로토타이핑을 제공 및 공유할 수 있는 강력한 툴이다. 

 

4.1 프로토타입을 위한 기능

프로토타입 흐름 연결, 디자인 모드에서 프로토타입 모드로 전환해 아트보드를 연결하면 멀티스크린 맵의 흐름과 경로를 확인할 수 있다. 

프로토타입의 흐름

 

아트보드에서 미세한 인터렉션에 자동으로 에니메이션을 작용할 수 있다. 요소를 복제하고 속성을 변경하면 Adobe XD에서 원래 요소와 바뀐 요소의 차이점을 식별해 에니메이션을 자동으로 생성한다. 

 

키보드 단축키와 게임 패드를 트리거로 사용해 높은 충실도의 게임 경험을 프로토타이핑할 수 있다. 

 

 

4.2 공유를 위한 기능

• 이해관계자 또는 개발자와 쉽게 작업 공유
  디자인과 프로토타입을 공유할 수 있으며 공유한 콘텐츠의 업데이트도 수월하다. 
• 비공개 초대(미리보기)
  사용자가 지정한 이해관계자만 비공개로 초대해 작업에 대한 엑세스를 제한할 수 있다. 
• 이해관계자를 위한 웹 기반의 검토 및 댓글 기능
  공유 가능한 웹 링크를 생성해 디자인에 대한 피드백을 얻거나 비헨스 또는 웹 페이지에 포함시킬 수 있다. 

 

4.3 공동 작업을 위한 기능

편집작업을 수행하도록 초대, 문서 상태 확인, 실시간 공동 편집, 문서 작업 내역 저장 등의 기능이 있다. 

• 편집 작업을 수행하도록 초대 
• 문서 상태 확인
• 실시간 공동 편집
• 문서 작업 내역 저장

 

4.4 디자인 시스템 구축을 위한 기능

• 클라우드 문서 작업을 클라우드 문서로 저장하면 공동 작업자와 빠르게 공유할 수 있다. 클라우드 문서는 자동으로 업데이트되므로 작업이 손실될 염려가 없다. 
• 연결된 에셋 공유 클라우드 문서에서 디자인 요소를 에셋 패널에 추가해 원활하게 협업할 수 있다. 
• 에셋 업데이트 관리 연결된 에셋이 변경되면 알림을 수신하게 되고 업데이트 반영 여부를 선택할 수 있다. 

 

4.5 디자인을 위한 기능

재정의 가능한 구성 요소, 반응형 크기 조정, 에셋 패널, 반복 그리드, 다른 프로그램 파일 가져오기, 최적화된 백터 툴, 정확한 디자인, 일괄 에셋 내보내기 등의 기능이 있다. 

• 재정의 가능한 구성 요소
  문서 전체에서 에셋의 각 인스턴스를 찾아 편집해야 하는 번거로움을 없애고 재사용 가능한 요소로 디자인할 수 있다. 
• 반응형 크기 조정
  다양한 크기의 화면에 맞게 오브젝트 또는 구성 요소 그룹의 크기를 쉽게 조정할 수 있다. 
• 에셋 패널
  구성요소를 자동으로 포함하는 에셋 패널에 색상과 문자 스타일을 추가해 손쉽게 재사용할 수 있다. 
• 반복 그리드 
  연락처 목록, 사진 갤러리 등의 디자인 항목을 선택하여 모든 스타일과 간격을 그대로 유지하면서 원하는 만큼 복제할 수 있다. 
• 다른 프로그램 파일 가져오기
  포토샵이나 일러스트레이터 등 다른 어도비 프로그램에서 만든 에셋과 디자인을 Adobe XD에서 열면 XD파일로 자동으로 변환되므로 처음부터 새로 만들지 않아도 된다. 
• 최적화된 백터 툴
  드로잉 및 모양 툴, 와이어프레임, 아이콘, 기타 시각적인 요소 제작에 최적화된 백터 편집 기능 등 최적의 환경에서 작업할 수 있다. 
• 정확한 디자인
  아트보드 안내선, 레이아웃 격자, 상대 치수 기능 등을 사용해 UI/UX의 레이아웃을 디자인하고 정렬할 수 있다.