Adobe XD용 무료 UI 키트를 다운로드하면 디자인을 빠르게 시작할 수 있습니다. Apple, Google 및 Microsoft의 요구 사항에 맞게 제공되는 최신 UI 리소스를 이용할 수 있으므로 다양한 디바이스 인터페이스 및 플랫폼용으로 디자인하는 경우 작업 시간을 절약할 수 있습니다. UI 키트와 와이어프레임은 아이콘, 키보드 레이아웃, 내비게이션 막대, 입력, 버튼 등과 같은 일반적인 디자인 요소가 포함되어 있는 XD 파일입니다.
design-app-ui-resource-kit1800x1012

UI 키트 다운로드
 

시작 화면이나 파일 메뉴 또는 햄버거 메뉴의 UI 키트 섹션에 있는 링크를 클릭하여 원하는 UI 키트를 다운로드합니다. 리소스에 따라 다운로드 파일은 .xd 파일 또는 .zip 파일입니다. .zip 파일인 경우 압축을 풀어 .xd 파일에 액세스합니다.

design-app-ui-resource-kitimage-1

UI 키트 열기

다운로드한 .xd 파일을 엽니다(파일 > 열기). 누락된 글꼴이 있음을 알리는 메시지가 표시될 수 있습니다. .zip 파일에 포함된 글꼴을 설치하여 디자인을 업데이트합니다. Windows 사용자의 경우 XD를 종료한 다음 글꼴을 설치해야 합니다.

design-app-ui-resource-kitimage-2

다양한 디바이스에 맞게 디자인

UI 키트는 디자인에서 재사용할 수 있는 UI 요소가 포함된 아트보드로 구성되어 있습니다. 파일 이름을 변경한 다음 계속해서 디자인을 완성할 수 있습니다. 또는 UI 키트의 요소를 복사하고 디자인에 붙여넣을 수 있습니다. 필요에 따라 색상 및 디자인 요소를 업데이트할 수 있습니다. 왼쪽 하단에 있는 에셋 아이콘을 클릭하여 에셋 패널을 열고 재사용 가능한 색상 견본, 문자 스타일 및 구성 요소를 사용하여 빠르게 작업을 진행할 수 있습니다.

design-app-ui-resource-kit_step3-v3

앱 또는 웹 사이트의 레이아웃 제작 및 디자인에서 Adobe XD의 에셋 패널 및 UI 키트를 사용하여 디자인을 업데이트하는 방법을 확인하십시오.

 

이전 튜토리얼: 검토를 위해 프로토타입 공유

 

06/24/2019
이 페이지가 도움이 되었습니까?