XD
Adobe XD은 웹 사이트, 앱, 음성 인터페이스, 게임 및 기타 유형의 디지털 경험을 디자인하기 위한 사용자 경험 디자인 및 프로토타이핑 툴입니다.
제품 Tutorials 검색
마우스 오버 상태로 구성 요소 만들기(7:35) tutorial1
설명
인터랙티브 디자인에 사용할 수 있는 재사용 가능한 동적 크기 조정 버튼을 제작하세요.
이 튜토리얼에서는 다음과 같은 방법을 배웁니다.
- 소스 메인 구성 요소를 변경하면 해당 구성 요소의 모든 인스턴스에 자동으로 반영됩니다
- 구성 요소를 사용하여 일관성, 시간 절약, 클릭 수 감소
발표자:
Michael Murphy, 수석 솔루션 컨설턴트(디지털 미디어)
반복 그리드 만들기 및 채우기(2:57) tutorial2
설명
클릭 후 드래그하여 한 요소를 반복 그리드로 변환합니다.
이 튜토리얼에서는 다음과 같은 방법을 배웁니다.
- 워크플로우를 향상시키고 필요한 모든 크기의 그리드를 즉시 드래그합니다.
- 실제 콘텐츠와 데이터를 가져오면 XD이 모든 이미지와 텍스트를 마법처럼 격자에 배치합니다.
- 한 번 변경하고 원하는 위치에 원하는 방향으로 적용합니다
발표자:
Ashley Dvorin, 선임 솔루션 컨설턴트(디지털 미디어)
스택 사용(5분 33초) tutorial3
설명
Stack 속성을 사용하여 요소를 쉽게 재정렬할 수 있습니다.
이 튜토리얼에서는 다음과 같은 방법을 배웁니다.
- 디자인이 변경되더라도 캔버스에서 오브젝트 간의 정렬 및 간격을 유지합니다
- 스택의 새 오브젝트를 삽입하거나 오브젝트 순서를 변경하면 모든 항목이 자동으로 조정됩니다.
발표자:
Michael Murphy, 수석 솔루션 컨설턴트(디지털 미디어)
프로토타입 생성 - 앵커 링크 및 스크롤 그룹(9:55) tutorial4
설명
프로토타입에 탐색 및 스크롤을 추가하십시오.
이 튜토리얼에서는 다음과 같은 방법을 배웁니다.
- 사용자가 동일한 아트보드에서 다른 포인트로 이동하도록 하는 동작으로 프로토타입에 대한 링크를 추가합니다
- 디자인의 나머지 부분과 독립적으로 스크롤되는 영역을 정의하여 활동 피드, 이미지 카탈로그, 제품 목록 등을 만듭니다
- 세로, 가로 또는 양쪽 모두로 스크롤하는 그룹 만들기
발표자:
Michael Murphy, 수석 솔루션 컨설턴트(디지털 미디어)
프로토타입 생성 - 인터랙티브 구성 요소 상태(8:55) tutorial5
설명
프로토타입에 인터랙티비티 및 오버레이 메뉴 추가
이 튜토리얼에서는 다음과 같은 방법을 배웁니다.
- 추가 아트보드 없이 비선형 인터랙티브한 애니메이션 사용자 경험 만들기
- 단일 XD 문서에서 여러 프로토타입 또는 인터랙션 플로우를 작성하고 각 플로우에 대해 고유한 공유 가능한 링크를 게시합니다
발표자:
Emilie Enke, Associate Solutions Consultant(디지털 미디어)
이메일 - 반복 그리드 생성 및 채우기(4:45) tutorial6
설명
클릭 후 드래그하여 한 요소를 반복 그리드로 변환합니다.
이 튜토리얼에서는 다음과 같은 방법을 배웁니다.
- 워크플로우를 향상시키고 필요한 모든 크기의 그리드를 즉시 드래그합니다.
- 실제 콘텐츠와 데이터를 가져오면 XD이 모든 이미지와 텍스트를 마법처럼 격자에 배치합니다.
- 한 번 변경하고 원하는 위치에 원하는 방향으로 적용합니다
발표자:
Victoria Torres, 솔루션 컨설턴트(디지털 미디어)
이메일 - 스택 사용(3:38) tutorial7
설명
Stack 속성을 사용하여 요소를 쉽게 재정렬할 수 있습니다.
이 튜토리얼에서는 다음과 같은 방법을 배웁니다.
- 디자인이 변경되더라도 캔버스에서 오브젝트 간의 정렬 및 간격을 유지합니다
- 스택의 새 오브젝트를 삽입하거나 오브젝트 순서를 변경하면 모든 항목이 자동으로 조정됩니다.
발표자:
Victoria Torres, 솔루션 컨설턴트(디지털 미디어)
XD 리소스
학습 및 지원은(는) 추가 자습서, 새로운 기능 및 커뮤니티 포럼에 대한 링크를 위한 허브입니다.
2020년 10월 릴리스
이러한 기능 사용을 시작해 보세요! Creative Cloud 데스크탑 앱에서 최신 업데이트를 다운로드합니다.