메일 인증하면, 매일 특별한 선물💌
Thumbnail
인프런 추석할인 중(D-4)
크리에이티브 웹앱 디자인
쉽게 배우는 adobe XD 기초부터 실무까지 완벽 마스터
(4.7)
6개의 수강평 ∙ 43명의 수강생

20%

39,600원

49,500원
지식공유자 : LIZ.B
총 33개 수업˙총 4시간 7분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
폴더에 추가 237 공유
입문자를 위해 준비한
[웹앱 디자인, 디자인 도구] 강의입니다.

쉽게 배우는 adobe XD 기초부터 실무까지 완벽 가이드 과정입니다. 가장 기본적인 design부터 prototype으로 각 페이지 연결 그리고 영상제작까지 진행해 보는 과정입니다.

✍️
이런 걸
배워요!
adobe XD interface 알기
adobe XD design 기능
adobe XD plugin 기능 및 사용
adobe XD asset기능 이해하기
adobe XD layer 이해하고, 활용하기
mobile UI design prototype
transition, interaction, animation 활용방법 이해 및 활용
실무에서 활용할 수 있는adobe XD 핵심기능알기
adobe XD를 활용한 모바일 앱 디자인 / 프로토타이핑
그리드를 활용한 event page 디자인하기

⭐왜 XD를 배워야할까요?

- 많은 분들이 사용하시는 포토샵은 작업중 프로그램이 무겁기도 하고 작업중 다운되는 경우도 있죠. 하지만 XD는 파일 여러개를 꺼내서 작업하거나 줌인, 줌아웃 해도 무리없이 동작이 가볍게 잘 돌아갑니다.

- 포토샵은 하나의 아트보드만 사용하지만(cc버전 제외) XD는 여러개의 아트보드를 사용할 수 있어서 프로토 타입 진행을 보여주기 좋습니다. 또한 시안 작업을 보다 깔끔하게 진행할 수 있는 큰 장점이 있지요.

- XD는 실시간 협업이 가능하기 때문에 검토가 간소화되고 작업 효율을 극대화 시킬 수 있습니다. 


📌 강의 특징

- XD프로그램의 기초 과정부터 실무과정까지 배울 수 있습니다.

- adobe XD 의 기능들을 인터페이스부터 자세히 배웁니다.

- App UI UX Design & Prototype 프로젝트를 진행합니다.

- Web UI Design 프로젝트를 진행합니다.

강의 자료 파일을 제공합니다.


📚 강의 구성

  • 섹션 0. 강좌의 핵심 목표와 수업 소개
  • 섹션 1. 전체 수업내용 다운로드
  • 섹션 2. adobe XD design
  • 섹션 3. adobe XD prototype
  • 섹션 4. Project01 App UI UX Design & Prototype
  • 섹션 5. Project02 Web UI Design
  • 섹션 6. Project03 App UI UX Design & Prototype

🧐 작업미리보기

프로토타입 활용

App Design Prototye

Web Design

App Design Prototype

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
UI/UX tool이 처음인 신입 designer
가볍고, 직관적인, 미니멀한 xd의 기능을을 알고 사용하고 싶은 분
adobe XD를 활용한 포트폴리오가 필요한 분
adobe XD를 이용한 UI 디자인 방법과, 활용법을 알고 싶으신분
📚
선수 지식,
필요한가요?
없어요~

안녕하세요
LIZ.B 입니다.
LIZ.B의 썸네일

지식공유자의 오프라인 국기과정의 수강평 보기

"프론트앤드 개발자 양성과정" 수강후기 바로가기
(2020.11.17-2021.05.11)

6개월이라는 시간이 짧게 느껴질 정도로 훈련과정이 흥미로웠습니다. 아이디어를 내고 디자인을 하는 작업은 시간이 오래 걸렸었지만 훈련과정을 통해 요령도 생기고, 작업 시간을 많이 단축시켜가는 제 모습을 보며 실력이 점점 발전한 것 같아 뿌듯하였습니다. 직업의 방향성을 잘 잡지 못하던 저에게는 이 훈련과정을 통해 배운 학습들은 나만의 지식이자, 직업의 방향성을 잡아준 이정표였고, 6개월간 함께 공부했던 프론트앤드 개발자 양성과정 3강의실 언니 오빠 동생들과 방미정 강사님은 좋은 인연이자 버팀목이었습니다. 방미정 강사님과 취업 지원팀 분들, 행정직원분들께서 열심히 도와주셨기에 훈련과정을 수료하기 전에 취업을 하게 된 것 같아 너무 감사드립니다. 이 과정 이외에 다른 좋은 과정들 또한 많이 있어 대우직업능력개발원 이란 학원을 저처럼 취업에 대한 두려움이 있거나, 직업의 방향성을 잘 잡지 못하는 후배와 동생들에게 추천해주고 싶습니다.

처음 왔을 때 디자인도, 코딩도 한 번도 배우지 못한 제가 과연 이 과정을 듣고 취업을 할 수 있을까? 라는 걱정을 많이 했던 것 같습니다. 하지만 다니면 다닐수록 그런 걱정이 사라졌던 것 같아요. 일러스트, 포토샵, html, css, js, vue등 많은 것을 배웠습니다. 새로 배우는 게 많아서 초반에는 어려울 수도 있겠지만 열정 가득한 방미정 선생님께서 정말 잘 알려주셔서 걱정 안 해도 될 것 같아요.ㅎㅎ 다른 학원 후기를 보면 매년 같은 레파토리의 수업, 심지어 선생님께 질문해도 잘 모르는 경우가 있는데 선생님께서는 항상 열정을 가지고 새로운 것도 알려주려고 하시고 아는 것도 많으셔서 도움을 많이 받았습니다! 웹퍼블리셔, 웹디자이너가 되길 원하신다면 강추드립니다.~~

작년 2020년 11월 우연한 기회로 대우직업능력개발원이라는 훌륭한 기관을 알게되고 ,이곳에서 훌륭한 선생님을 만나 좋은교육을 수강할수있게된것에 정말 감사드립니다 만일 제가 이 교육훈련과정을 듣지 않았더라면 아마 지금과 같은 취업기회는 생기기 어려웠을것입니다. 대학졸업후, 취업의 갈림길에서 갈피를 못잡고 방황하던시기에 어디서도 교육받기 어려운 선생님의 실제 실무경험과 노하우가 담긴 5~6개월간의 교육과정은 웹개발이라고는 전혀 알지못했던 제게 큰 배움과 성장의 기간이 되었습니다. 이를 기반으로 다양한 디자인과 웹개발을배웠고 저만의 포트폴리오 또한 만들수있었습니다. 제게는 너무나 생소한 코딩언어들을 배우는 일이 어려워 중도포기하고 싶은 순간들이 여러번 있었지만 포기하지않고 열번이고 다시 가르쳐주시는 선생님의 열정과 이끄심 덕분에 6개월과정을 모두 수료하기 이전(80%이상 수강)에 조기취업이되며 교육과정을 잘 마무리 할 수 있었습니다. 이렇게 첫 직장을 구하고 새출발 하는것이 가능하도록 만들어주신 선생님과, 대우직업능력개발원 기관에 깊은 감사를드립니다.

비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.

디자인, 코딩 툴을 실무에서 사용할 수 있는 커리큘럼에 맞추어 차근차근 기초에 맞추어서 설명해 줍니다. 본인 스스로 작업할 수 있도록 선생님이 최선을 다해서 도와주셔서 많은 도움이 되었습니다. 국비로 하는 수업은 퀄리티가 떨어진다는 편견을 깰 수 있는 교육이었고 , 담임선생님도 매우 진취적이어서 늘 새로운 걸 가르쳐 주려고 하셔서 많이 배울 수 있었습니다.

비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.

기존에 알고 있던 왠만한 지식 플러스로 학원에서 교육을 받으며 다양한걸 알고 배웠습니다. 자격증도 딸 수 있도록 연습도 해주면서 저에게는 어려웠지만 코딩이란 단어도 왠만하면 알아들을 정도로 배웠습니다. 이곳을 수강하면서 취업도 같이 하게되어 마음이 놓이고 기쁩니다.


건축학을 전공했고 웹디자인과 인연을 맺은건 언 20여년이 넘었습니다. 실무와 강의를 병행하며  많은 희노애락 끝에 현재는 이 일을 많이 애정하게 되었고,  흥미와 성취감으로 더 매진하게 되었습니다. 제가 알고 있는 지식들을 공유하여, 좀더 많은 비전공자들이 쉽게 입문하기를 바라며, 그대가 원하는 모든 일들이 이루어 지길 기원합니다.

Lucete!

강의경력  
□ 現 대우직업능력개발원 프론트엔드 / 멀티미디어 / 웹콘텐츠 과정 강의
  • 2018.3 -현재. 웹 디자인/멀티미디어/프론트엔드 전문가과정 진행
□ 하이미디어 UI/UX 웹퍼블리싱 강의
□ 이젠컴퓨터 UI/UX 웹퍼블리싱 강의
□ 더조은컴퓨터학원 종로캠퍼스 웹디자인 강의
□ 더조은컴퓨터학원 강남캠퍼스 웹디자인/그래픽 강의
□ 영재직업전문학교 웹디자인 강의
  자격증  
□ 웹디자인기능사 자격증
□ 그래픽스운용기능사 자격증 
□ KPC 자격지도자(GTQ,GTQi,GTQid) 자격증
□  직업능력개발훈련교사(정보기술, 디자인,문화컨텐츠) 

커리큘럼 총 33 개 ˙ 4시간 7분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강좌의 핵심 목표와 수업 소개
섹션 1. 전체 수업내용 다운로드
전체화일 다운로드
섹션 2. adobe XD design
아트보드 설정 및 사용하기 미리보기 07:43 도형만들기 미리보기 14:02
도형 변형과 펜툴 조작하기 11:43
글씨 쓰기 글씨 변형 06:46
저장하기 내보내기 03:04
이미지넣기 06:28
정렬하기 04:21
반복그리드 05:36
섹션 3. adobe XD prototype
프로토타입 기본 09:03
프로토타입 활용 15:02
화면녹화하기 01:40
섹션 4. Project01 App UI UX Design & Prototype
UI UX Design 하기 01 08:37
UI UX Design 하기 02 08:32
prototype 만들기 06:00
섹션 5. Project02 Web UI Design
Project 소개 미리보기 03:29
기본 배경 이미지 만들기 05:24
1 depth 메인 텍스트 넣기 04:23
1 depth main img 넣기 04:37
2 depth 제작 13:51
3 depth 제작 12:59
섹션 6. Project03 App UI UX Design & Prototype
Project 소개 미리보기 03:05
로딩/로그인 페이지 Design 14:50
로딩/로그인페이지 Prototype 04:40
메인페이지 Design01 12:17
메인페이지 Design02 08:04
메인페이지 Design03 10:13
메인페이지 menu Design 07:12
메인페이지 Prototype01 06:30
메인페이지 Prototype02 02:18
상세페이지 Design 11:59
상세페이지 Prototype 07:00
강의 게시일 : 2021년 01월 05일 (마지막 업데이트일 : 2021년 01월 05일)
수강평 총 6개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
6개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
헤헤헿 thumbnail
adobe XD를 처음 다뤄봤는데 수강 후, 많이 익숙해졌습니다~
2021-04-29
지식공유자LIZ.B
감사합니다~ 더 좋은 강의로 보답하겠습니다. ^^
2021-04-29
권순재 thumbnail
XD 기초를 배우기에는 좋습니다.
2021-02-10
지식공유자LIZ.B
감사합니다. 고급내용으로도 부족함이 없는 강의를 만들도록 노력하겠습니다.
2021-02-10
유행관 thumbnail
좋습니다.
2021-09-03
지식공유자LIZ.B
감사합니다~ 더 좋은 강의로 만나뵐께요!
2021-09-07
ael.shin thumbnail
XD 프로그램 처음으로 들었습니다. 쉽게 설명해주셔서 이해가 잘되었습니다. 개인적으로 포토샵 일러스트 경험 있으신 분들은 디자인 강의가 쉽게 이해되고 프로그래밍 경험 있으신 분들은 프로토 타입 강의가 쉽게 이해되실거라고 생각됩니다. 둘 다 경험이 없으신 분들은 조금 더 시간을 들여서 공부하시면 될 것 같습니다.
2021-07-09
지식공유자LIZ.B
ael.shin님 이해하기 쉬우셨다니 정말 보람차고, 수강평도 너무 감사드려요~! 더 좋은 강의로 보답하겠습니다. ael.shin님도 열공의 결실을 맺으시길 기원합니다!
2021-07-09
와이드브레인 thumbnail
XD를 활용해 보고 싶었는데 혼자하려니 막막하던 차에 강의 보면서 많이 도움이 되었습니다~
2021-02-03
지식공유자LIZ.B
와이드브레인님 감사합니다 더 좋은강의로 보답하겠습니다 수업이 계기가되어 더 발전하시길 기원합니다 ~^^
2021-02-03
인프런 추석할인 중(D-4)

20%

39,600원

49,500원
폴더에 추가 237 공유
지식공유자 : LIZ.B
총 33개 수업˙총 4시간 7분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스