Thumbnail
깜짝 할인 중(D-2)
크리에이티브 UX/UI
만들면서 배우는 Adobe XD 기초
(4.3)
4개의 수강평 ∙ 32명의 수강생

25%

24,750원

33,000원
지식공유자 : 연남동이재용
총 5개 수업˙총 1시간 11분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
폴더에 추가 230 공유
중급자를 위해 준비한
[UX/UI, 디자인 툴] 강의입니다.

Adobe XD의 기본부터 프로토타이핑까지 정복해봅시다!!

✍️
이런 걸
배워요!
Adobe XD의 기본 사용 방법
Adobe XD를 활용한 프로토타이핑
화면전환, 인터렉션, 애니메이션 활용방법

여러분도 Adobe XD로 모바일 앱을 디자인할 수 있어요!

🙆🏻‍♀ 전국의 예비 디자이너 여러분 웰컴! 🙆🏻‍♂

디자이너의 업무 스킬을 향상시키고 더 나은 디자인 환경을 만들어가기 위해 디자인 툴 강좌를 하는
'연남동이재용'입니다! 본 강의는 Adobe XD 디자인툴을 통해 프로토타이핑을 만들 수 있습니다. 

Adobe XD Prototyping? 

 

Adobe XD는 프로토타입 디자인을 위한 훌륭한 도구입니다 :) 

Adobe XD는 100% 한글화로 더 쉽고 편하게 접할 수 있습니다. 같은 계열의 제품과 잘 호환되어 더 훌륭한 결과를 만들 수 있죠. 핵심은 XD가 가지고 있는 프로토타이핑 기능입니다.

 

Hello~! Adobe XD(어도비 XD)가 처음인 모든 디자이너분들, 환영합니다! Photoshop이나 Ai를 다뤄본 경험이 있다고 해도 Adobe XD는 조금 다른 툴입니다. 모바일, 웹을 디자인하고 디자인한 결과를 프로토타입으로 개발해서 사용성 테스트를 진행할 수 있습니다. 

1. Adobe XD로 유튜브 뮤직 UI 구성


▲ 유튜브 뮤직 앱을 구성해보면서 Adobe XD의 기본적인 UI 구성 방법에 대해서 알아봅니다.
Material Design을 활용한 UI구성도 함께 알아보는 기본적인 UI 구성 :) 

2. 기본적인 스크롤 프로토타이핑 구현

▲ 가로세로 스크롤 화면을 만들고 프로토타입을 실행해보겠습니다.

3. 사진이 커지면서 전환되는 효과 - 자동애니메이트

▲ 자동 애니메이트 기능을 활용한 화면 전환 효과를 구현합니다.

4. 오버레이 트랜지션 기능

▲ 오버레이 기능으로 화면을 전환해봅시다. 

🙌 이 강의를 수강하기 위해 필요한 것!

어도비 XD가 설치된 노트북, PC!
듣고 본다고 다 익힐 수 있지 않습니다. 가장 빠른 배움의 길은 직접 만들어보는 방법입니다 :) 

🙋🏻‍♂️ 질문있어요옷!!

Q. 디자인을 처음 배웁니다. 어렵지 않을까요?
A. 디자인 비전공자도 쉽게 들을 수 있는 강의입니다. Adobe XD에 대한 기초적인 내용보다는 실질적인 UI를 직접 구성하면서 진행하는 방식입니다. 지루한 강의가 아닙니다!

Q. 왜 Adobe XD를 배우는게 좋은가요?
A. 스케치(Sketch) 앱이 만들어지고 Adobe XD를 비롯한 타사의 제품이 우르르 출시되었습니다. 어떠한 소프트웨어가 본인에게 유용한지는 직접 경험해보지 않으면 알 수 없습니다. 자신의 손에 잘 맞는 디자인 툴을 선택하는 것은 여러분의 몫입니다. 많이 경험해보세요!

Q. 윈도우 PC도 가능한가요?
A. Adobe군의 제품들은 모든 OS에서 구동 가능합니다 :) 

Q. Adobe XD를 사용하는 기업이 있나요?
A. 물론입니다. Windows OS를 사용하는 기업이 많다보니 여전히 여러 디자인 에이전시에서 사용하고 있는 소프트웨어입니다. 그리고 같은 계열의 제품들과 호환되는 장점도 있습니다. 

 Hello, Everybody! '연남동이재용'입니다. 

저는 2017년 '맛있는 스케치' 라는 스케치 앱에 대한 책을 썼습니다. 공들인 시간만큼 안 팔린 졸작이지만 ㅜㅜ IT 회사를 운영하면서 디자인 툴을 접하게 되고, 디자이너로서 직접 디자인한 내용을 실물 앱서비스로 완성해가면서 누적된 노하우를 공유하고 더 좋은 아이디어를 만들어가는 것에 즐거움을 느끼고 있습니다. 

지금 시작하세요,
시작한 사람과 시작하지 않은 사람은 엄청난 차이를 나타냅니다.

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
아이디어는 있지만 어떻게 프로토타입을 구현할지 고민인 분
사용자 테스트를 위해서 목업이 필요한 디자이너, 기획자

안녕하세요
연남동이재용 입니다.
연남동이재용의 썸네일

안녕하세요 다양한 디자인 툴을 강의하고 있는 연남동이재용입니다 :) 

 

현) 리메인 디자인툴 테크닉 클래스 강사

전) 패스트캠퍼스 UI/UX디자인 강사

전) 옐로모바일, 케어랩스 헬스케어사업부 본부장

 

저서 : 맛있는 스케치 디자인, 피그마 가이드북 

커리큘럼 총 5 개 ˙ 1시간 11분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 유튜브뮤직 UI그리기 & 프로토타이핑
Adobe XD 프로토타이핑 - 화면전환효과 (feat. 유튜브 뮤직 앱) 28:24
화면전환효과 (feat. 유튜브 뮤직 앱) 18:05
사진이 커지며 화면이 전환되는 효과 14:03
오버레이 트렌지션 효과 02:15
오토애니메이트 + 드래그 기능으로 구현되는 프로토타이핑 미리보기 08:16
강의 게시일 : 2020년 08월 04일 (마지막 업데이트일 : 2020년 08월 04일)
수강평 총 4개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.3
4개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
givemesome thumbnail
쉽게 설명을 잘해주세요! 아주 베이직한 수업이었습니다.
2021-02-26
지식공유자연남동이재용
소중한 수강평 감사드립니다 ;)
2021-07-13
adios56892 thumbnail
알기 쉽게 알려주시는 것 같아 좋아요
2021-01-13
지식공유자연남동이재용
감사합니다 :) 부족한 강의 내용은 조만간 업데이트해서 더 알려드릴게요
2021-01-16
parksaea thumbnail
디테일한 설명 부분이 부족한것 같아요. 유튜브나 그런데보면 홀수 체킹이나 디테일한 부분까지도 강조를 하시면서 노하우를 알려주시는 분들이 많던데.. 음.. 유튜브 무료강의보단 돈 듣고 보는 강의가 낫지싶어 결제했는데, 이 강의는 그냥 무작정 대충 따라 그려보기만하는 느낌이랄까.? 많이 아쉬웠어요. 조금 더 실무적으로나 아님 노하우적으로 설명과 함께 풀어주셨으면 더 좋았을 것 같아요. 그래도 몰랐던 부분도 몇가지 알아 갈 수 있어서 좋았습니다.
2021-03-05
지식공유자연남동이재용
안녕하세요 :) 평가 감사드립니다. 반성할 점과 개선할 점이 모두 들어있는 소중한 수강평 감사드립니다. 아무래도 기초적인 내용을 조금 더 쉽게 풀어가려는 의도였지만 만족스러운 내용을 전달해드리지 못한 것 같습니다. 조만간 중급 강의를 준비할 예정입니다. 그때에도 찾아주실지는 모르겠지만 편하게 연락 주시면 해당 강의를 수강하실 수 있도록 준비해보겠습니다. japghost@gmail.com 으로 연락 주시거나 제 유튜브 채널에서 AdobeXD관련 라이브 때 안내 드리겠습니다. 감사합니다.
2021-03-10
김유나 thumbnail
많은 도움이 되었습니다. 어려워보였던 xd를 쉽게 따라할 수 있었습니다. 감사합니다 :)
2020-11-03
지식공유자연남동이재용
도움이 되셨다니 다행입니다 :) 수고 많으셨어요
2020-11-19
깜짝 할인 중(D-2)

25%

24,750원

33,000원
폴더에 추가 230 공유
지식공유자 : 연남동이재용
총 5개 수업˙총 1시간 11분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스