본문 바로가기
닫기

#1 XD 소개 및 인터페이스 파악하기 - 어도비 XD 강좌

디자인베이스 디자인베이스

구독

어도비 XD 첫 번째 강좌입니다. 어도비에서 스케치의 대항마로 내놓은 XD가 꾸준히 버전업이 되면서 프로토타이핑과 상태 등 다양한 기능들이 좋아지고있죠. XD에 대한 간단한 소개부터 인터페이스를 살펴봅시다.

*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.

누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 어도비XD의 첫단추는 디자인베이스에서 시작하세요. XD를 통해 손쉽게 UI 디자인 작업을 할 수 있습니다. : )

☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/


*BGM 사용 출처

Track: Syn Cole - Gizmo [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/pZzSq8WfsKo
Free Download / Stream: http://ncs.io/Gizmo

Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/DqUQW3xyQ1c
Free Download / Stream: http://ncs.io/FastLaneYO

더보기

같이 보면 좋은 강좌

  • #1 XD 소개 및 인터페이스 파악하기 - 어도비 XD 강좌

    #1 XD 소개 및 인터페이스 파악하기 - 어도비 XD 강좌

  • #7 반응형을 위한 반응형 크기 조정 기능 - 어도비 XD 강좌

    #7 반응형을 위한 반응형 크기 조정 기능 - 어도비 XD 강좌

  • 03_ADOBE XD_도형의 활용과 옵션 알아보기

    03_ADOBE XD_도형의 활용과 옵션  알아보기

  • [Adobe XD 강좌] 자동 애니메이트를 이용한 패럴렉스 인터랙션_Adobe XD CC 2019

    [Adobe XD 강좌] 자동 애니메이트를 이용한 패럴렉스 인터랙션_Adobe XD CC 2019

  • 06_Adobe XD_이미지의 사용방법 알아보기

    06_Adobe XD_이미지의 사용방법 알아보기

  • 05_ADOBE XD_XD에서의 펜 툴

    05_ADOBE XD_XD에서의 펜 툴

  • #6 프로토타이핑 집에서 함께 공부해요 - 어도비 XD 강좌

    #6 프로토타이핑 집에서 함께 공부해요 - 어도비 XD 강좌

  • #9 디자인 작업 전 꼭 알아야 할 기능 Stack, Padding, Scroll - 어도비 XD 강좌

    #9 디자인 작업 전 꼭 알아야 할 기능 Stack, Padding, Scroll  - 어도비 XD 강좌

  • #4 UI 디자인을 효율적으로 하기 위한 필수 기능! 에셋 컴포넌트 - 어도비 XD 강좌

    #4 UI 디자인을 효율적으로 하기 위한 필수 기능! 에셋 컴포넌트 - 어도비 XD 강좌

  • #8 제플린 사용법은 이걸로 끝 - 어도비 XD 강좌

    #8 제플린 사용법은 이걸로 끝  - 어도비 XD 강좌

  • #5 마우스 오버를 ?! 컴포넌트 상태 - 어도비 XD 강좌

    #5 마우스 오버를 ?! 컴포넌트 상태 - 어도비 XD 강좌

  • 04_ADOBE XD_도형 툴로 날씨 아이콘 만들기

    04_ADOBE XD_도형 툴로 날씨 아이콘 만들기

  • #1 XD 소개 및 인터페이스 파악하기 - 어도비 XD 강좌

    #1 XD 소개 및 인터페이스 파악하기 - 어도비 XD 강좌

  • #7 반응형을 위한 반응형 크기 조정 기능 - 어도비 XD 강좌

    #7 반응형을 위한 반응형 크기 조정 기능 - 어도비 XD 강좌

  • 03_ADOBE XD_도형의 활용과 옵션 알아보기

    03_ADOBE XD_도형의 활용과 옵션  알아보기

  • [Adobe XD 강좌] 자동 애니메이트를 이용한 패럴렉스 인터랙션_Adobe XD CC 2019

    [Adobe XD 강좌] 자동 애니메이트를 이용한 패럴렉스 인터랙션_Adobe XD CC 2019

  • #3 XD 포토샵에서 편집하기, 스케치에는 없는 부러운 기능 - 어도비 XD 강좌

    #3 XD 포토샵에서 편집하기, 스케치에는 없는 부러운 기능 - 어도비 XD 강좌

  • 07_ADOBE XD_그리드 활용하기

    07_ADOBE XD_그리드 활용하기

  • [Adobe XD 강좌] 08_ADOBE XD_프로토타입 활용하기

    [Adobe XD 강좌] 08_ADOBE XD_프로토타입 활용하기

  • #2 XD 핵심 기능 반복 그리드 (작업 능률 UP) - 어도비 XD 강좌

    #2 XD 핵심 기능 반복 그리드 (작업 능률 UP) - 어도비 XD 강좌

  • #6 프로토타이핑 집에서 함께 공부해요 - 어도비 XD 강좌

    #6 프로토타이핑 집에서 함께 공부해요 - 어도비 XD 강좌

  • #9 디자인 작업 전 꼭 알아야 할 기능 Stack, Padding, Scroll - 어도비 XD 강좌

    #9 디자인 작업 전 꼭 알아야 할 기능 Stack, Padding, Scroll  - 어도비 XD 강좌

  • #4 UI 디자인을 효율적으로 하기 위한 필수 기능! 에셋 컴포넌트 - 어도비 XD 강좌

    #4 UI 디자인을 효율적으로 하기 위한 필수 기능! 에셋 컴포넌트 - 어도비 XD 강좌

  • #8 제플린 사용법은 이걸로 끝 - 어도비 XD 강좌

    #8 제플린 사용법은 이걸로 끝  - 어도비 XD 강좌

  • #5 마우스 오버를 ?! 컴포넌트 상태 - 어도비 XD 강좌

    #5 마우스 오버를 ?! 컴포넌트 상태 - 어도비 XD 강좌

  • 04_ADOBE XD_도형 툴로 날씨 아이콘 만들기

    04_ADOBE XD_도형 툴로 날씨 아이콘 만들기

프로덕트 디자인 가이드북

brunch.co.kr

프로덕트 디자인 가이드북

디지털 애플리케이션을 설계하는 디자이너의 역할은 심미적으로 아름다우며 사용하기 편리한 프로덕트를 설계해 비즈니스 골을 달성하는 것입니다. 도전적인 이 미션을 달성하기 위해서는 단순히 시각적인 아름다움만을 생각하는 디자이너를 뛰어넘어 다양한 관점으로 디자인을 바라 볼 수 있어야 할 것입니다. 이 브런치북은 구현이 아닌 설계의 관점에서 UI를 만드는 법에 대한 가이드를 담았습니다.

수도꼭지

UI 디자인 실무 이야기

youtube.com

UI 디자인 실무 이야기

UI 디자이너가 알아야 하는 실무 이야기

수도꼭지

보통의 UX기획자

brunch.co.kr

보통의 UX기획자

거창한 방법론 이야기가 아닙니다. 실제 업무 속에서 성실하게 서비스를 구현해 나가는 평범한 대한민국 UX기획자들이 겪게 되는 이야기를 전합니다. 일자무식 초보가 시니어로 성장하기까지 일하면서 겪는 다양한 고민과 감정, 그 안에서 깨달은 노하우를 아낌없이 담겠습니다. 쏟아지는 신기술에 허덕이고 빠른 변화 속도에 당황하면서도 끝없이 바쁘게 움직이는 수많은 기획자들에게는 공감과 위로를, 그리고 스티브 잡스가 되고 싶어 이 길에 왔으나 업무는 팍팍하고 물어볼 선배조차 없는 고민 많은 루키들에게 작은 도움이 될 수 있길 바랍니다.

김새롬

Adobe XD 입문부터 활용까지

youtube.com

Adobe XD 입문부터 활용까지

Adobe XD의 입문부터 활용까지 XD의 다양한 기능을 상세하게 학습할 수 있는 강좌입니다.

수도꼭지

UX 디자이너 가이드

brunch.co.kr

UX 디자이너 가이드

The Guide To Design | 원문 : The Guide To Design이 기사는 UX Collective의 The Guide To Design을 번역 전재한 것입니다.저자의 허락 아래 게재하고 있습니다. 디자인에는 마법의 공식이 없습니다. 그래도 가이드를 찾고 있다면 여기서 시작해봅시다. 무료 독학 가이드로 디지털 프로덕트 디자인의 첫걸음을 내디뎌 보자 많은 우수 콘텐츠는 온라인(

AriRaNg

디자인 독학하기

brunch.co.kr

디자인 독학하기

'나는 당당하게 디자이너라고 말할 수 있는 디자이너인가?' UI/UX 디자이너로서 지난 2년은 저 자신을 디자이너라고 인정하기 위해 노력한 시간이었습니다. 브런치북 '디자인 독학하기'에는 그 시간이 기록돼 있습니다. 소중하게 기억할 시간이 남겨져 있습니다. 저의 소중한 시간이 누군가에게 좋은 영감이 되기를 바랍니다.

AriRaNg

New to Figma? Get started with

youtube.com

New to Figma? Get started with "Figma for beginners" tutorials

If you’re brand new to Figma or design tools, check out this playlist for a quick tour of key features as we take you through a rough approximation of the design process, and design a mobile app together. We move quickly and keep things at a high level, so search help.figma.com for more in-depth guides.

수도꼭지

피그마로 모바일 웹 만들기

youtube.com

피그마로 모바일 웹 만들기

수도꼭지

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

brunch.co.kr

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모바일은 데스크톱에 비해 화면의 크기가 작습니다. 데스크톱은 의자에 앉아서 실내에서 사용합니다. 큰 모니터에서 많은 정보를 탐색하고 업무를 봅니다. 포토샵 같은 몰입형 앱의 다양한 기능을 몇 시간 동안 집중해서

hjunnn

UIUX_Mobile

youtube.com

UIUX_Mobile

UI/UX 모바일에 대한 실무 디자인

김새롬

신입 디자이너들이 알아두면 좋은 아이콘 디자인 프로세스&팁(Tip)

ditoday.com

신입 디자이너들이 알아두면 좋은 아이콘 디자인 프로세스&팁(Tip)

입사 준비를 하는 신입 디자이너가 미리 숙지하면 도움이 될 꿀팁

김새롬

Figma 기초부터 활용까지

youtube.com

Figma 기초부터 활용까지

피그마의 기본 툴 사용법과 기능 학습과 실습을 통한 활용 강좌

수도꼭지

프로덕트 디자인 가이드북

brunch.co.kr

프로덕트 디자인 가이드북

디지털 애플리케이션을 설계하는 디자이너의 역할은 심미적으로 아름다우며 사용하기 편리한 프로덕트를 설계해 비즈니스 골을 달성하는 것입니다. 도전적인 이 미션을 달성하기 위해서는 단순히 시각적인 아름다움만을 생각하는 디자이너를 뛰어넘어 다양한 관점으로 디자인을 바라 볼 수 있어야 할 것입니다. 이 브런치북은 구현이 아닌 설계의 관점에서 UI를 만드는 법에 대한 가이드를 담았습니다.

수도꼭지

UI 디자인 실무 이야기

youtube.com

UI 디자인 실무 이야기

UI 디자이너가 알아야 하는 실무 이야기

수도꼭지

보통의 UX기획자

brunch.co.kr

보통의 UX기획자

거창한 방법론 이야기가 아닙니다. 실제 업무 속에서 성실하게 서비스를 구현해 나가는 평범한 대한민국 UX기획자들이 겪게 되는 이야기를 전합니다. 일자무식 초보가 시니어로 성장하기까지 일하면서 겪는 다양한 고민과 감정, 그 안에서 깨달은 노하우를 아낌없이 담겠습니다. 쏟아지는 신기술에 허덕이고 빠른 변화 속도에 당황하면서도 끝없이 바쁘게 움직이는 수많은 기획자들에게는 공감과 위로를, 그리고 스티브 잡스가 되고 싶어 이 길에 왔으나 업무는 팍팍하고 물어볼 선배조차 없는 고민 많은 루키들에게 작은 도움이 될 수 있길 바랍니다.

김새롬

Adobe XD 입문부터 활용까지

youtube.com

Adobe XD 입문부터 활용까지

Adobe XD의 입문부터 활용까지 XD의 다양한 기능을 상세하게 학습할 수 있는 강좌입니다.

수도꼭지

UX 디자이너 가이드

brunch.co.kr

UX 디자이너 가이드

The Guide To Design | 원문 : The Guide To Design이 기사는 UX Collective의 The Guide To Design을 번역 전재한 것입니다.저자의 허락 아래 게재하고 있습니다. 디자인에는 마법의 공식이 없습니다. 그래도 가이드를 찾고 있다면 여기서 시작해봅시다. 무료 독학 가이드로 디지털 프로덕트 디자인의 첫걸음을 내디뎌 보자 많은 우수 콘텐츠는 온라인(

AriRaNg

디자인 독학하기

brunch.co.kr

디자인 독학하기

'나는 당당하게 디자이너라고 말할 수 있는 디자이너인가?' UI/UX 디자이너로서 지난 2년은 저 자신을 디자이너라고 인정하기 위해 노력한 시간이었습니다. 브런치북 '디자인 독학하기'에는 그 시간이 기록돼 있습니다. 소중하게 기억할 시간이 남겨져 있습니다. 저의 소중한 시간이 누군가에게 좋은 영감이 되기를 바랍니다.

AriRaNg

New to Figma? Get started with

youtube.com

New to Figma? Get started with "Figma for beginners" tutorials

If you’re brand new to Figma or design tools, check out this playlist for a quick tour of key features as we take you through a rough approximation of the design process, and design a mobile app together. We move quickly and keep things at a high level, so search help.figma.com for more in-depth guides.

수도꼭지

피그마로 모바일 웹 만들기

youtube.com

피그마로 모바일 웹 만들기

수도꼭지

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

brunch.co.kr

모바일 UI·UX 디자인시 고려해야 할 가이드라인 1

애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모바일은 데스크톱에 비해 화면의 크기가 작습니다. 데스크톱은 의자에 앉아서 실내에서 사용합니다. 큰 모니터에서 많은 정보를 탐색하고 업무를 봅니다. 포토샵 같은 몰입형 앱의 다양한 기능을 몇 시간 동안 집중해서

hjunnn

UIUX_Mobile

youtube.com

UIUX_Mobile

UI/UX 모바일에 대한 실무 디자인

김새롬

신입 디자이너들이 알아두면 좋은 아이콘 디자인 프로세스&팁(Tip)

ditoday.com

신입 디자이너들이 알아두면 좋은 아이콘 디자인 프로세스&팁(Tip)

입사 준비를 하는 신입 디자이너가 미리 숙지하면 도움이 될 꿀팁

김새롬

Figma 기초부터 활용까지

youtube.com

Figma 기초부터 활용까지

피그마의 기본 툴 사용법과 기능 학습과 실습을 통한 활용 강좌

수도꼭지

이 강좌가 포함된 라이브러리

+ 더보기

신고하기

회원님의 소중한 의견은 amoo에서 올바른 지식/교육 콘텐츠를 제공하는 데 사용됩니다.

0 / 130

커뮤니티 가이드를 위반한 계정은 제재를 받게 되며 심각하거나 반복적인 위반 행위에 대해서는
계정 해지 조치가 취해질 수 있습니다.

닫기

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기