사용 안내서

UI 디자인 키트 액세스

XD에서 UI 키트, 플러그인 및 앱 통합 기능에 액세스하는 방법을 알아봅니다.

Adobe XD는 Apple iOS, Google Material, Microsoft Windows 및 와이어프레임용 UI 키트로의 링크를 제공합니다. 이들 UI 키트에는 해당 운영 체제에 적합한 그래픽 요소가 포함되어 있습니다. 예를 들어 iOS 앱을 디자인하는 경우 Apple iOS 키트에서 바로 사용할 수 있는 화면으로 시작할 수 있습니다. 또한 XD는 Designer Marketplace 또는 Dashboard UI 키트 등 영감을 주는 키트에 대한 액세스를 제공합니다.

XD는 디자이너가 디자인 제품의 시작점으로 사용할 수 있는 여러 UI 키트를 제공합니다. 

UI 키트에 액세스하려면 파일 > UI 키트 받기로 이동합니다.

UI 키트에 액세스
UI 키트에 액세스

다운로드할 수 있는 맞춤형 UI 키트를 몇 가지 준비했습니다. 요구 사항에 따라 다운로드하여 맞춤화할 수 있습니다. 이러한 UI 액세스 키트는 디자이너가 디자인 프로세스에서 시간과 노력을 절약하고 기존 디자인 가이드라인을 일관성 있게 준수할 수 있도록 지원합니다. 

AEM: allport (인트라넷)

직원 커뮤니케이션을 재구상하십시오. Adobe Experience Manager 인트라넷 프로젝트에 활력을 불어넣고 XD 및 AEM 워크플로를 가속화할 수 있습니다.

앵커 링크

이 키트를 사용하면 앵커 링크, 호버 상태 및 고정 요소를 통해 연결된 단일 페이지 웹 디자인의 여러 가지 예가 포함되어 있어 시간을 절약할 수 있습니다.

AEM: Sooth (전자 상거래)

직관적인 전자 상거래 경험을 구축하십시오. Adobe Experience Manager 전자 상거래 프로젝트를 가속화하고 XD 및 AEM 워크플로의 속도를 높일 수 있습니다.

AEM: WKND

Adobe Experience Manager의 핵심 구성 요소만 사용하여 새 사이트를 구축할 수 있습니다.

Vault

20개의 맞춤형 화면, 디자인 사양 및 통합 프로토타입 중에서 선택할 수 있습니다.

BFSI

금융 서비스를 위한 Adobe Experience Manager 사이트 디자인을 가속화할 수 있습니다.

애니메이션이 적용된 차트

다중 아트보드 상호 작용 및 구성 요소 상태에 대한 애니메이션이 적용된 차트를 만들 수 있습니다.

디자인 시스템: Semantic

Semantic 사용자 인터페이스에서 영감을 얻은 키트를 사용하여 나만의 맞춤형 디자인 시스템을 구축할 수 있습니다.

Boomerang (모바일 앱)

친한 친구들과 메시지를 보내고 사진 및 비디오 공유가 가능한 모바일 앱을 디자인할 수 있습니다.

구성 요소 상태

XD에서 구성 요소 상태를 사용하여 버튼, 토글 스위치, 로딩 시퀀스 등을 만드는 방법을 살펴보십시오.

대시보드

맞춤형 차트, 아이콘, 구성 요소 및 레이아웃을 사용하여 분석 및 데이터 시각화를 간소화할 수 있습니다.

자동 애니메이트

마이크로인터랙션, 드래그 효과 등을 만드는 도구를 사용하여 아트보드 전체의 요소에 애니메이션을 적용할 수 있습니다.

와이어프레임

이러한 포괄적인 와이어프레임 UX 키트를 사용하여 XD 전용 모바일 및 웹 경험을 만들 수 있습니다.

전자 상거래

레이어가 적용된 아트보드에서 40개 이상의 맞춤형 구성 요소를 사용하여 전자 상거래 경험을 만들 수 있습니다.

금융 서비스 디자인 시스템

금융 서비스 경험을 위한 디자인 시스템의 크리에이티브를 가속화할 수 있습니다.

프레젠테이션

이 Adobe XD 템플릿에 포함된 16개의 역동적인 애니메이션 슬라이드 디자인에서 텍스트와 이미지를 모두 만들고 맞춤화할 수 있습니다.

Urgym (마케팅)

이를 사용하여 랜딩 페이지, 이메일 템플릿 및 소셜 미디어 그래픽으로 다음 실행 시 캠페인 에셋을 준비할 수 있습니다.

스마트워치

60개 이상의 화면, 20개 이상의 구성 요소, 30개 이상의 아이콘 및 6개의 프로토타입 플로우를 사용하여 iOS용으로 맞춤화할 수 있는 스마트워치 앱을 디자인할 수 있습니다.

watchOS

버튼과 같은 다양한 사용자 인터페이스 자료와 watchOS 5용 아이콘이 포함된 키트를 사용하여 Apple Watch용 앱을 디자인하고 프로토타입을 제작할 수 있습니다.

디지털 마케팅 디자인

최신 사양을 기반으로 소셜 미디어 플랫폼 및 디지털 광고 배너용 마케팅 그래픽을 제작할 수 있습니다.

Altura (전자 상거래)

미리 디자인된 에셋, 구성 요소 및 레이아웃으로 가구 전자 상거래 웹 사이트를 디자인하여 창의력을 마음껏 발휘할 수 있습니다.

와이어프레임: 손그림

모바일 및 웹용 XD에서 손으로 그린 와이어프레임 스케치를 모방할 수 있습니다.


관련 리소스

지금까지 UI 키트에 액세스하는 방법을 알아보았으니 이제 한 단계 더 나아가 작업 영역 기본 사항XD의 플러그인 및 UI 키트를 사용하여 디자인을 시작하는 방법을 살펴보십시오.

Adobe에 문의

질문이나 공유하고자 하는 아이디어가 있습니까? Adobe XD 커뮤니티에 참여하십시오. 소중한 의견과 다양한 작품 활동을 기대하겠습니다!

Adobe, Inc.

쉽고 빠르게 지원 받기

신규 사용자이신가요?