XD

간단한 4단계로 아이디어 구상에서 프로토타이핑까지

Adobe XD 무료 스타터 키트를 사용하여 모바일 및 웹용 UI/UX 디자인을 만들어 보십시오. 앱을 다운로드하고 튜토리얼을 시청한 다음 디자인해 봅니다.
Adobe XD 무료 스타터 키트를 사용하여 모바일 및 웹용 UI/UX 디자인을 만들어 보십시오. 앱을 다운로드하고 튜토리얼을 시청한 다음 디자인해 봅니다.
시작 화면 디자인, 이미지 가져오기, 반복 그리드 사용 등 XD의 기본 사항을 살펴봅니다.
시작 화면 디자인, 이미지 가져오기, 반복 그리드 사용 등 XD의 기본 사항을 살펴봅니다.

동영상 내용

  • XD 작업 영역
  • 기본 모양 및 텍스트
  • 반복 그리드
  • UI 키트 사용
  • XD 작업 영역
  • 기본 모양 및 텍스트
  • 반복 그리드
  • UI 키트 사용
디자인을 인터랙티브한 프로토타입으로 변환합니다. 아트보드를 서로 연결하고 디자인 모드와 프로토타입 모드 간을 전환하며 인터랙션을 미리 봅니다.
디자인을 인터랙티브한 프로토타입으로 변환합니다. 아트보드를 서로 연결하고 디자인 모드와 프로토타입 모드 간을 전환하며 인터랙션을 미리 봅니다.

동영상 내용

  • 프로토타입 모드
  • 아트보드 연결
  • 미리 보기 모드
  • 변경
  • 프로토타입 모드
  • 아트보드 연결
  • 미리 보기 모드
  • 변경
프로토타입을 공유하여 피드백을 받거나 모바일 디바이스에서 미리 보고 개발자와 디자인 사양을 공유하는 방법을 살펴봅니다.
프로토타입을 공유하여 피드백을 받거나 모바일 디바이스에서 미리 보고 개발자와 디자인 사양을 공유하는 방법을 살펴봅니다.

동영상 내용

  • 프로토타입 공유
  • 모바일에서 미리 보기
  • 댓글 추가
  • 디자인 사양 공유
  • 프로토타입 공유
  • 모바일에서 미리 보기
  • 댓글 추가
  • 디자인 사양 공유
 

다음 단계

유명한 디자이너들이 만든 무료 UI 키트를 사용해 보십시오. 각 키트에는 구성 요소, 아트보드, 화면 등 개성 있는 사용자 경험을 만드는 데 필요한 모든 것이 포함되어 있습니다.

Smartwatch UI 키트
Marcelo Silva
Marcelo Silva

60개 화면, 20개 이상의 구성 요소, 30개 이상의 아이콘, 6개 프로토타입 흐름 중에서 원하는 것을 사용하여 스마트워치 앱을 디자인할 수 있습니다. 모두 사용자 정의 가능하고 Apple과 호환됩니다.

Smartwatch UI 키트 ›

Sky travel UI 키트
Sarah Parmenter
Sarah Parmenter

항공편, 호텔, 활동 목록, 콘텐츠 및 소셜 공유를 위한 버튼과 아이콘이 포함된 여행 관련 앱 또는 웹 사이트를 만들 수 있습니다.

Sky travel UI 키트 ›

Dashboard UI 키트
Pek Pongpaet
Pek Pongpaet

15개 이상의 사용자 정의 가능한 데이터 차트, 100개가 넘는 UI 구성 요소, 각종 화면(로그인, 이메일, 채팅, 캘린더, 송장)을 사용하여 대시보드를 만들 수 있습니다.

Dashboard UI 키트 ›

Navigo transportation UI 키트
Aurélien Salomon
Aurélien Salomon

60개 이상의 사용자 정의 가능한 화면뿐만 아니라 내비게이션, 매핑, 소셜 공유, 탑승을 위한 수십 개의 심볼과 요소가 포함된 Navigo를 사용하여 교통 앱을 디자인할 수 있습니다.

Navigo transportation UI 키트 ›

AdobeLive
UX 디자인 전문가의 실제 프로젝트를 실시간으로 확인
UX 디자인 전문가의 실제 작업을 보면서 아이디어와
영감을 얻고 해결책을 찾을 수 있습니다.