UX/UI 시작하기 : Adobe XD 입문(Inflearn Original)

어도비(Adobe) 사의 UX/UI 디자인 툴, Adobe XD의 전반적인 기능을 살펴보고 실무 디자인 작업에 응용할 수 있는 여러 가지 방법을 학습합니다.

(4.9) 수강평 51개

수강생 16,125명

인프런

XD 프로토타이핑

입문자를 위해 준비한
[UX/UI, 그래픽 디자인] 강의입니다.

이런 걸
배워요!

Adobe XD 기초 개념
Adobe XD 활용

빠르고, 가볍고, 강력하다!
어도비 XD로 UX/UI 디자인 마스터 🔮

UX/UI 디자인 툴, 왜 필요할까요?

UIUX란 무엇일까요?

UX/UI 디자인이란 디지털 기기를 통해 접하는 화면을 설계함으로써 사용자의 행동을 유도하고 개선하는 디자인을 뜻해요. 우리가 웹 사이트나 모바일 앱에서 보는 버튼 하나를 누르는 일상적인 행동 하나에도 UX/UI 디자인의 영향이 숨어 있어요. 이렇듯 사용자 인터페이스(User Interface, UI)를 통해 사용자 경험(User Experience, UX)을 이끌어내기까지의 모든 과정을 통틀어 UX/UI 디자인이라고 합니다.

특히 최근 들어 UX/UI 디자인의 중요성은 점점 더 강력해지고 있어요. PC, 스마트폰, 태블릿 등 디지털 디바이스 생태계가 다양해지면서 하나의 웹 사이트를 디자인하더라도 여러 디지털 스크린 전반에 걸친 모든 화면에 대한 디자인이 필요하기 때문이죠. 과거에는 비트맵(Bitmap) 기반의 포토샵(Photoshop)과 일러스트레이터(Illustrator)를 활용해 웹 화면을 디자인했지만, 프로그램이 너무 무겁고 다양한 디지털 환경에 대응하기 어려워지면서 벡터(Vector) 기반의 전용 UX/UI 디자인 프로그램을 사용하게 되었어요.

Adobe XD는 바로 이러한 화면을 원활하고 효과적으로 구현하는 데 도움이 되는 UX/UI 디자인 프로그램 중 하나입니다.

떠오르는 후발 주자,
Adobe XD.

어도비 XD(엑스디), 과연 어떤 툴일까요?

Adobe XD는 포토삽, 일러스트레이터 등으로 잘 알려진 어도비 시스템즈의 UX/UI 디자인 솔루션 툴입니다. Adobe XD를 사용하면 PC, 모바일 웹사이트 및 애플리케이션의 인터페이스를 디자인하고 프로토타이핑(Prototyping) 할 수 있어요. 뿐만 아니라 개발자들과 원활하게 디자인 가이드를 공유하고 커뮤니케이션할 수 있도록 설계된 전문 디자인 도구입니다.

XD는 스케치(Sketch), 피그마(Figma)보다 늦게 출시된 UX/UI 디자인 툴 계의 후발 주자이지만, 그만큼 많은 장점으로 빠르게 떠오르고 있습니다. UI 디자인에 꼭 필요한 기능을 간단하고 직관적인 인터페이스를 통해 사용할 수 있도록 만들어졌어요. 프로토타입 제작부터 커뮤니케이션을 위한 피드백 화면까지 하나의 툴 안에서 간편하게 해결할 수 있죠.

뿐만 아니라 인터랙션 애니메이션을 구현할 수도 있고, 기존 어도비 시스템즈의 툴을 경험해 본 사용자라면 쉽게 적응할 수 있고요. macOS, Windows 운영체제를 모두 지원하고, 개인을 위한 무료 버전을 제공하기도 합니다. 유명 기업, 대형 디자인 에이전시, 디자이너뿐 아니라 기획자들까지도 실무에서 애용하는 툴이에요.

이 강의에서는 UX/UI 디자인 스킬을 갖추고자 하는 분들을 대상으로 Adobe XD를 이용해 웹/모바일 앱 인터페이스를 디자인하는 방법을 알아봅니다. XD의 기본 개념을 배우는 과정에서 실제 UI 디자인 프로세스를 이해할 수 있으며, 궁극적으로는 실무에서 바로 사용할 수 있는 디자인 스킬을 마스터하는 것이 목표입니다. 그럼 함께 도전해볼까요?