Adobe Experience Design (Adobe XD)는 2016년 3월에 소개되었으며, 새로운 기능이 가득한 월간 업데이트를 받고 있습니다. 이는 웹사이트나 앱을 위한 와이어프레임, 프로토타입, 심지어 완전한 화면 목업을 디자인하는 데 도움을 주는 새로운 데스크탑 애플리케이션입니다. Adobe XD의 초점은 아이디어를 실현하고 실제 개발이 시작되기 전에 피드백을 용이하게 하여 사용자 경험을 향상시키는 것입니다. 인도의 전문 웹 디자인 회사들은 이 고급 도구를 채택하여 그들의 독특한 디자인을 제작하고 있습니다. Adobe XD는 기능적이고 빠르며 사용자 친화적이라는 점에서 두드러집니다.
Adobe XD에서 빠른 목업 및 와이어프레임 만들기
Adobe XD는 빠르고 저충실도 와이어프레임을 만드는 과정을 간소화합니다. 저충실도 와이어프레임을 신속하게 디자인할 수 있는 능력은 시각적 요소에 얽매이지 않고 훌륭한 사용자 경험을 제공하는 레이아웃을 만드는 데 상당한 진전을 이룰 수 있게 해줍니다. 각 디자이너는 자신에게 맞는 워크플로우를 가지고 있으며, 저충실도 와이어프레임의 경우 우리는 오직 도형과 텍스트만 사용하는 엄격한 규칙을 따릅니다. 앞으로 나아가지 않을 디자인을 위해 아이콘을 디자인하고, 이미지를 소싱하며, 스타일을 정의하는 것이 무슨 의미가 있을까요?
다음은 Adobe XD의 필수 키보드 단축키입니다:
- 도구 선택 (V)
- 사각형 (R)
- 타원 (E)
- 라인 (L)
- 텍스트 (T)
- 아트보드 (A)
Artboard (A)를 생성하고 오른쪽 검사기에서 “Android Mobile” 아트보드를 선택합니다.
왼쪽에 있는 도구 모음이나 언급된 키보드 단축키를 사용하여 캔버스에서 도형을 그리기 시작하여 디자인을 구축하세요. 이 단계에서 명확성을 더하거나 레이아웃이 혼란스러워 보이는 빈 공간이 있다면, 아래에 보여준 것처럼 그 공간이 무엇에 사용될지를 나타내는 몇 가지 이미지를 추가하는 것을 고려하세요.
필요에 따라 기본 아이콘을 사용하되, 과도한 시간 소모는 피하세요. 이 단계에서 우리의 목표는 피드백을 통해 아이디어를 검증하는 것입니다. 그 후에 우리는 외관을 다듬는 데 더 많은 시간을 할애할 수 있습니다.
Adobe의 급진적인 인터페이스 개편
Adobe XD는 사용자 인터페이스 디자인에 중점을 둔 아름답고 미니멀한 인터페이스를 자랑합니다. 이미지 편집 도구는 사실상 존재하지 않아, 다른 Adobe 애플리케이션에 비해 애플리케이션의 인터페이스가 훨씬 덜 복잡합니다. 이 도구는 사진 수정이나 배경 제거에 적합하지 않습니다.
재사용 가능한 구성 요소 (심볼)
Adobe XD의 심볼은 재사용 가능한 디자인 요소 및 컴포넌트입니다. "마스터" 심볼을 유지하면 문서 내의 모든 심볼 인스턴스가 마스터에 대한 변경 사항을 반영합니다. 이 글을 작성하는 시점에서 Adobe는 XD에 중첩 심볼을 구현하지 않았지만, XD가 빠르게 발전함에 따라 미래에 도입될 가능성이 있는 기능입니다.
반복 가능한 구성 요소
Repeat Grids 기능은 Adobe XD의 상징적인 기능으로, 현재 다른 UI 디자인 애플리케이션에서는 제공하지 않는 것입니다. 이 기능은 각 타일에 고유한 콘텐츠를 삽입하면서 구성 요소를 수평 및 수직으로 복제할 수 있게 해줍니다. 또한 데스크탑에서 자산(이미지 및 텍스트 파일)을 다중 드래그하여 콘텐츠를 자동으로 삽입하고 분배할 수 있습니다.
사용자 흐름 프로토타이핑
Adobe XD는 하나의 애플리케이션에서 통합된 디자인 및 프로토타이핑 도구를 제공합니다. 작업 흐름을 단일 애플리케이션 내에서 유지하는 것을 선호한다면, Adobe XD가 당신에게 가장 좋은 선택일 수 있습니다.
웹사이트 UI 와이어프레임은 스키매틱 페이지 또는 화면 개요라고도 하며, 웹사이트의 골격 구조를 나타내는 시각적 가이드입니다. 빠른 성능과 초청결한 접근 방식 덕분에 Adobe XD는 UI 와이어프레임을 개발하고 디자인하는 데 가장 적합한 도구로, 특히 사용자 인터페이스 디자인에 전념하는 사람들에게 인기가 있습니다.
