사용 안내서 취소

UI 디자인 키트 액세스

  1. Adobe XD 사용 안내서
  2. 소개
    1. Adobe XD의 새로운 기능
    2. 일반 질문
    3. Adobe XD를 사용하여 디자인, 프로토타이핑 및 공유
    4. 색상 관리
    5. 시스템 요구 사항
      1. 하드웨어 및 소프트웨어 요구 사항
      2. Adobe XD, Big Sur 및 Apple silicon | macOS 11
    6. 작업 영역 기본 사항
    7. Adobe XD에서 앱 언어 변경
    8. Access UI 디자인 키트
    9. Adobe XD의 접근성
    10. 키보드 단축키
    11. 팁 및 요령
  3. 디자인
    1. 아트보드, 안내선 및 레이어
      1. 아트보드 시작하기
      2. 안내선 및 그리드 사용
      3. 스크롤 가능 아트보드 제작
      4. 레이어를 사용하여 작업
      5. 스크롤 그룹 만들기
    2. 모양, 오브젝트 및 패스
      1. 오브젝트 선택, 크기 조정 및 회전
      2. 오브젝트 이동, 정렬, 배치 및 배열
      3. 오브젝트 그룹화, 잠금, 복제, 복사 및 뒤집기
      4. 오브젝트에 대한 선, 채우기 및 그림자 설정
      5. 반복 요소 만들기
      6. 3D 변형으로 원근감 있는 디자인 만들기
      7. 부울 작업을 통해 오브젝트 편집
    3. 텍스트 및 글꼴
      1. 드로잉 및 텍스트 툴을 사용하여 작업
      2. Adobe XD의 글꼴
    4. 구성 요소 및 상태
      1. 구성 요소를 사용하여 작업
      2. 중첩된 구성 요소를 사용하여 작업
      3. 구성 요소에 여러 상태 추가
    5. 마스킹 및 효과
      1. 모양이 적용된 마스크 만들기
      2. 흐림 효과를 사용하여 작업
      3. 그레이디언트 만들기 및 수정
      4. 혼합 효과 적용
    6. 레이아웃
      1. 반응형 크기 조정 및 제한
      2. 구성 요소 및 그룹에 대해 고정된 패딩 설정
      3. 스택을 사용하여 다이내믹한 디자인 제작
    7. 비디오 및 Lottie 애니메이션
      1. 비디오를 사용하여 작업
      2. 비디오를 사용하여 프로토타입 제작
      3. Lottie 애니메이션을 사용하여 작업
  4. 프로토타입
    1. 인터랙티브 프로토타입 제작
    2. 프로토타입 애니메이트
    3. 자동 애니메이트에 대해 지원되는 오브젝트 속성
    4. 키보드 및 게임패드가 포함된 프로토타입 만들기
    5. 음성 명령 및 음성 재생을 사용하여 프로토타입 제작
    6. 시간 경과 전환 만들기
    7. 오버레이 추가
    8. 음성 프로토타입 디자인
    9. 앵커 링크 만들기
    10. 하이퍼링크 만들기
    11. 디자인 및 프로토타입 미리보기
  5. 공유, 내보내기 및 검토
    1. 선택한 아트보드 공유
    2. 디자인 및 프로토타입 공유
    3. 링크 액세스 권한 설정
    4. 프로토타입을 사용하여 작업
    5. 프로토타입 검토
    6. 디자인 사양 작업
    7. 디자인 사양 공유
    8. 디자인 사양 검사
    9. 디자인 사양 탐색
    10. 디자인 사양 검토 및 댓글 달기
    11. 디자인 자산 내보내기
    12. 디자인 사양에서 자산 내보내기 및 다운로드
    13. 기업을 위한 그룹 공유
    14. XD 자산 백업 또는 이전
  6. 디자인 시스템
    1. Creative Cloud Library 포함 디자인 시스템
    2. Adobe XD에서 문서 자산을 사용하여 작업
    3. Adobe XD에서 Creative Cloud Libraries를 사용하여 작업
    4. 연결된 자산에서 Creative Cloud Libraries로 마이그레이션
    5. 디자인 토큰을 사용하여 작업 
    6. Creative Cloud Libraries의 자산 사용
  7. 클라우드 문서
    1. Adobe XD의 클라우드 문서
    2. 디자인 공동 작업 및 편집
    3. 나와 공유된 문서 공동 편집
  8. 통합 기능 및 플러그인
    1. 외부 자산을 사용하여 작업
    2. Photoshop의 디자인 자산을 사용한 작업
    3. Photoshop에서 자산 복사 및 붙여넣기
    4. Photoshop 디자인 가져오기 또는 열기
    5. Adobe XD에서 Illustrator 자산을 사용하여 작업
    6. Illustrator 디자인 열기 또는 가져오기
    7. Illustrator에서 XD로 벡터 복사
    8. Adobe XD용 플러그인
    9. 플러그인 생성 및 관리
    10. XD에 대한 Jira 통합
    11. XD용 Slack 플러그인
    12. XD용 Zoom 플러그인
    13. XD에서 Behance로 디자인 게시
  9. iOS 및 Android용 XD
    1. 모바일 디바이스에서 미리보기
    2. Adobe XD 모바일 FAQ
  10. 문제 해결
    1. 알려진 문제 및 해결된 문제
      1. 알려진 문제
      2. 해결된 문제
    2. 설치 및 업데이트
      1. Windows에서 XD가 호환되지 않음
      2. 오류 코드 191
      3. 오류 코드 183
      4. XD 플러그인 설치 문제
      5.  Windows 10에서 XD를 제거했다가 다시 설치하라는 메시지가 표시됨
      6. 환경 설정 마이그레이션 문제
    3. 실행 및 충돌
      1.  Windows 10에서 실행 시 XD 충돌 문제
      2.  Creative Cloud에서 로그아웃하면 XD가 종료됨
      3. Windows에서의 구독 상태 관련 문제
      4. Windows에서 XD 실행 시 차단된 앱 경고 표시
      5. Windows에서 크래시 덤프 생성
      6. 충돌 로그 수집 및 공유
    4. 클라우드 문서 및 Creative Cloud Libraries
      1. XD 클라우드 문서 관련 문제
      2. 연결된 구성 요소 관련 문제
      3. 라이브러리 및 링크 관련 문제
    5. 프로토타이핑, 게시 및 검토
      1. macOS Catalina에서 프로토타입 인터랙션을 기록할 수 없음
      2. 게시 작업 과정 관련 문제
      3. 게시된 링크가 브라우저에 표시되지 않음
      4. 프로토타입이 브라우저에서 올바르게 렌더링되지 않음
      5. 공유 링크에 댓글 패널이 갑자기 표시됨
      6. 라이브러리를 게시할 수 없음
    6. 다른 앱 가져오기, 내보내기 및 작업
      1. XD에서 가져오기 및 내보내기
      2. XD의 Photoshop 파일
      3. XD의 Illustrator 파일
      4. XD에서 After Effects로 내보내기
      5. XD의 Sketch 파일
      6. 내보내기에 서드파티 앱이 표시되지 않음

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 커뮤니티에 참여하십시오. 소중한 의견과 다양한 작품 활동을 기대하겠습니다!

쉽고 빠르게 지원 받기

신규 사용자이신가요?