버튼, 양식 요소, 머리글, 아이콘 등 UI 키트 콘텐츠를 사용하여 디자인을 바로 시작할 수 있습니다.

필요 항목

샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.

학습한 내용: UI 키트에 액세스하고 디자인에 콘텐츠를 활용하는 방법

Adobe XD CC에서 디자인하는 동안 XD에서 제공하는 UI 키트와 다양한 리소스에 액세스하여 이 프로세스를 간소화할 수 있습니다. UI 키트는 버튼, 양식 구성 요소, 상태 표시줄을 비롯한 디자인 요소의 세트로, 프로젝트에 복사하고 붙여넣어 디자인 프로세스를 바로 시작할 수 있습니다.

UI 키트 받기

  • Adobe XD에서 UI 키트에 액세스하려면 macOS의 경우 파일 > UI 키트 받기를 선택하거나 Windows의 경우 앱의 왼쪽 상단에 있는 햄버거 메뉴를 클릭하고 UI 키트 받기를 선택합니다. 표시되는 메뉴에서 다양한 UI 키트를 제공하는데, 각각 다른 콘텐츠가 포함되어 있습니다.
  • 와이어프레임과 같은 옵션을 선택하면 기본 브라우저에서 웹 페이지가 열리고 키트를 다운로드할 수 있습니다.

UI 키트 콘텐츠 사용

  • UI 키트를 다운로드했다면 UI 키트용 XD 파일을 엽니다. 와이어프레임 UI 키트에는 두 개의 XD 파일이 포함되어 있는데, 각각 웹 디자인과 앱 디자인입니다. UI 키트의 콘텐츠를 복사하고 문서에 붙여넣을 수 있습니다.

UI 키트에 포함된 콘텐츠는 대부분 편집 가능합니다. 디자인에 추가하고 디자인에 맞게 모양과 콘텐츠를 변경할 수 있습니다.

 

이전 튜토리얼: 콘텐츠 정렬 | 다음 튜토리얼: 스크롤 가능한 아트보드 만들기

 

이 페이지가 도움이 되었습니까?