디자인 사양 탐색

디자인 사양과 함께 인터랙티브한 프로토타입 정보가 포함되어 개발 링크에 대한 공유 기능이 더욱 개선되었습니다. 공유 링크의 사양 보기 토글 아이콘()을 클릭하여 디자인 사양과 프로토타입 보기 사이를 전환할 수 있습니다. 이러한 새로운 경험은 다음과 같은 이점을 제공합니다. 

• 이제 디자이너는 단일 공유 링크를 통해 자신의 디자인에 대한 의도를 보다 효율적으로 전달할 수 있으며 개발자가 필요로 하는 모든 리소스를 제공할 수 있습니다.
• 개발자는 인터랙션과 지향하는 비헤이비어를 보다 깊이 이해할 수 있으며, 별도의 프로토타입 및 여러 디자인 사양 링크를 전환하지 않아도 되므로 작업 시간을 단축할 수 있습니다. 
• 개발자는 디자인 사양에 대한 격자 보기와 플로우 보기 사이를 손쉽게 전환할 수 있습니다.

모든 아트보드 레이아웃 정보를 포함하여 디자인 플로우를 전반적으로 검토하기 위해 격자 및 플로우 보기 간 전환할 수 있습니다. 

탐색하기에 효율적인 격자 보기는 아트보드 레이아웃 정보에 대한 간단한 격자 형식인 반면 플로우 보기는 아트보드 레이아웃과 해당 아키텍처를 그대로 유지합니다.

기본 격자 보기로 이동하려면 왼쪽 상단에서 링크 이름이나 격자 아이콘()을 클릭합니다. 격자 보기와 플로우 보기 사이를 전환하려면 화면의 오른쪽 상단에 있는 플로우 보기 아이콘을 클릭합니다. 

언제든지 Adobe XD 사용자 의견을 통해 새로운 경험에 대한 여러분의 의견을 공유해 주십시오.

사양 보기

사양 보기 모드에서는 사용된 아트보드 세부 정보, 색상, 문자 스타일 및 대상이 표시됩니다. 접기 화살표를 사용하여 개별 섹션을 펼치거나 접을 수 있습니다.

이 속성 패널에서 다음과 같은 항목을 확인할 수 있습니다.

• 아트보드 세부 정보와 해당 아트보드에서 사용된 고유 색상 및 문자 스타일, 연결된 대상 아트보드
• 개발자들이 복사하여 자신의 코드에 바로 붙여넣을 수 있는 디자인용 CSS 코드 스니펫
• 색상 및 문자 스타일이 사용된 인스턴스 (포인터를 가져다 대면 표시됨)
• 아트보드에서 사용된 색상에 대한 16진수 색상 코드 및 맞춤형 라벨
• 전환, 혼합 모드 속성, 오버레이, 음성, 인터랙션 및 자동 애니메이트와 같은 다양한 인터랙션에 대한 세부 정보 
• 아트보드와 관련된 댓글 

화면 하단에는 화살표 키와 홈 아이콘이 있습니다. 왼쪽 화살표 키를 누르면 이전 아트보드로 이동하고 오른쪽 화살표 키를 누르면 다음 아트보드로 이동하며 홈 아이콘을 누르면 홈 아트보드로 이동합니다.

디자인 사양용 키보드 단축키에 대한 정보는 키보드 단축키를 참조하십시오.