유튜버 디자인베이스의 UI 툴 패키지 > VOD 클래스 | 리메인 | 리메인 커리어
오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

유튜버 디자인베이스의 UI 툴 패키지 VOD

329,000 99,000
70% 33,000
3개월 무이자 카드안내
🎉

바로 수강가능

클래스 정보

  • 온라인 클래스

    강의 유형

    촬영된 영상을 제공하는 클래스 입니다.

  • 평생 소장

    소장 기간

    한번 구매로 평생 소장이 가능 합니다

로그인 필요

결제기능을 이용하기 위해서는
로그인이 필요합니다.

close

카드안내

  • 신한카드

    2-3개월 무이자 할부 (5만원 이상)

  • KB국민

    2-3개월 무이자 할부 (5만원 이상)

  • 비씨(페이북)

    2-3개월 무이자 할부 (5만원 이상)

  • 삼성카드

    2-3개월 무이자 할부 (5만원 이상)

  • NH농협

    2-3개월 무이자 할부 (5만원 이상)

  • 현대카드

    2-3개월 무이자 할부 (1만원 이상)

  • 하나카드

    2-3개월 무이자 할부 (5만원 이상)

  • 롯데카드

    2-3개월 무이자 할부 (5만원 이상)

* 무이자 할부는 결제 금액 기준으로 적용됩니다.

[ 유의사항 ]
- 법인(기업), 체크, 선불, 기프트, 은행계열카드 (BC마크가 없는 NON BC카드 불가)제외 (예. 수협카드 등)
- 직계약 가맹점, 상점부담 무이자 가맹점, 특별제휴가맹점, 오프라인 가맹점, 신규 가맹점 등 일부 제외
- 본 행사는 카드사 사정에 따라 변경 또는 중단될 수 있음
- 무이자 할부 결제시 포인트, 마일리지 적립 제외
- 개인간 안전거래 이니 P2P 서비스 제외
- TASF 취급 수수료 거래 하나카드 제외
- 온라인 PG업종 해당하는 무이자로 이 외 업종은 적용 불가 (제약, 등록금, 도시가스 등)

😅
현직 UXUI 디자이너는
포토샵으로 작업하지 않아요.

UI 툴 현업 사용 비율

왜 UI 작업시 포토샵을 사용하지 않나요?

  • UI 작업시, 2배율 작업이 필수인데 비트맵인 포토샵은 2배율 작업시 깨져서 백터툴을 사용합니다.
  • 편집 디자이너는 인디자인으로 작업하듯 UXUI 디자이너는 UI 작업에 최적화된 기능을 제공하는 툴
    (스케치, Adobe XD, 피그마)를 사용해야합니다.

👩‍🏫
스케치, Adobe XD, 피그마,
프로토파이, 제플린 5개 강의를
체계적으로 알려드려요.

한 번에 끝내는 🔥
역대급 가성비 UI툴 패키지

Sketch / Adobe XD / Figma / Protopie / Zeplin을 하나의 패키지로 간편하게 수강할 수 있어요.
UXUI 디자이너라면 필수로 사용하는 툴 5개를 한 번에 공부하고 평생 소장할 수 있는 기회를 놓치지 마세요.

🙌

스케치 툴

커리큘럼

챕터 01

스케치 툴 필수 이론

이론과 사례

  • 스케치 툴 소개
  • 인터페이스 파악하기
  • 도형 및 텍스트 사용
  • 레이어 및 텍스트 스타일
  • 심볼 이해하기
  • 심볼 응용
  • 리사이징 & 레이아웃
  • 프로토타이핑
  • 내보내기
  • 추천 플러그인 - anima, distributor, rename it

챕터 02

스케치 UI 클론 디자인 실습

실습과 풀이

  • 아트보드 생성 / 탭바 top, 바텀 네비게이션 제작
  • 반복적으로 사용될 컴포넌트 제작 / 메인, 드로월메뉴, 채널, 비디오 재생 페이지 제작
🙌

피그마 툴

커리큘럼

챕터 01

피그마 툴 필수 이론

이론과 사례

  • 피그마 소개
  • 인터페이스 파악하기
  • 도형 및 텍스트 사용
  • 텍스트 & 컬러 스타일
  • 컴포넌트 사용
  • Constraints & Auto Layout 사용
  • Comments 사용
  • 내보내기
  • 프로토타이핑
  • inspect와 공유하기

챕터 02

피그마 UI 클론 디자인 실습

실습과 풀이

  • 아트보드 생성 / 탭바 top, 바텀 네비게이션 제작
  • 반복적으로 사용될 컴포넌트 제작 / 메인, 드로월메뉴, 채널, 비디오 재생 페이지 제작
🙌

XD 툴

커리큘럼

챕터 01

XD 툴 필수 이론

이론과 사례

  • XD 소개
  • 인터페이스 파악하기
  • 도형 및 텍스트 사용
  • 텍스트 & 컬러 스타일
  • 구성요소 이해하기
  • 구성요소 상태 이해하기
  • 스크롤, 스택, 패딩 기능
  • 반응형 크기 조정 사용법
  • 반복그리드 기능
  • 내보내기 기능
  • 프로토타입 제작, 디바이스 미리보기
  • 공유하기

챕터 02

XD UI 클론 디자인 실습

실습과 풀이

  • 아트보드 생성 / 탭바 top, 바텀 네비게이션 제작
  • 반복적으로 사용될 컴포넌트 제작 / 메인, 드로월메뉴, 채널, 비디오 재생 페이지 제작
🙌

프로토파이

커리큘럼

챕터 01

프로토파이 기본 이론

이론 및 실습

  • 프로토파이 소개
  • 인터페이스 파악하기
  • 핵심 개념 (오브젝트, 트리거, 리스폰스)
  • UI툴에서 프로토파이로 불러오는 방법
  • 스크롤 하는 방법
  • 페이징 적용하는 방법
  • Scene을 활용한 페이지 이동
  • input을 이용한 Validation
  • 스킬업을 위한 프로퍼티 개념 잡기
  • 스킬업을 위한 변수 개념 잡기
  • 함수를 이용해서 글자수 세기 서비스 만들기
  • Condition 개념 이해하기
  • Range와 Chain 개념 이해하기
  • 클라우드 활용 및 모바일 앱에서 확인하기
  • 디바이스 센서를 이용한 Tilt 기능 사용하기
  • 디바이스 센서를 이용한 Sound 기능 사용하기
  • 프로토파이에서 Lottie 사용하기

챕터 02

프로토파이 실습

실습

  • 프로토타이핑 실습 예제 01
  • 프로토타이핑 실습 예제 02
🙌

제플린 활용

커리큘럼

챕터 01

툴 별 제플린 활용, 공유하기

이론과 실습

  • 제플린 소개 및 설치
  • 각 툴마다 제플린 사용법
  • 결과물 보기 및 공유

😰
책으로? 유투브로?
이론만 배우는 공부는 그만!
이젠 실습과 함께

다른 곳에선 볼 수 없었던,
실무형 예제를 직접 따라할 수 있어요.

본 클래스는 현업에서 많이 쓰이는 TOP 5 툴을 모아서 한 번에 수강하고 실습 예제를 통해 이해할 수 있도록 기획된 클래스 입니다.

비전공자분들에겐 기초와 이론도 중요하지만, 그만큼 나의 것으로 승화 시키는 것도 중요하죠. 이제는 머리가 아닌 손으로 익히는 실습 예제 파일들로 나의 스킬을 만드세요!

🎁
이 클래스를 통해 이런걸
얻게 될꺼에요

실제 수업에서 제공되는 프로토타입 파일

01
스케치, Adobe XD, 피그마,
프로토파이, 제플린을
하나의 클래스로 마스터!

1단계UI 툴 삼대장으로 기본기 다지기

  • ✏️

    스케치 툴 기능 학습

  • 📐

    피그마 툴 기능 학습

  • 👗

    XD 툴 기능 학습

2단계툴에서 배운 기능을 실무에 적용

  • 👩‍🔬

    스케치 클론 예제 실습

  • 💻

    피그마 클론 예제 실습

  • 📊

    XD 클론 예제 실습

3단계디자인 퀄을 높이는 프로토타이핑

  • 🛠

    프로토파이 툴 기능 학습

  • 📱

    프로토파이 클론 예제 실습

4단계내 디자인 팀원과 빠르게 공유하기

  • 🎉

    제플린 활용하기

02
실습 가능한
원본 파일 제공!

  • 스케치 UI 에셋 원본파일 11종 📂
  • 피그마 UI 에셋 원본 파일 10종 📂
  • XD UI 에셋 원본 파일 14종 📂
  • 프로토파이 UI 에셋 원본 파일 18종 📂

🤔
실무형 UI 디자인 실습.
왜 중요할까?

맛보기로 편집된 실제 수업 영상 입니다.

왜 실무형 UI 디자인으로 실습하나요?

초심자분들은 무조건 예쁘게 만들거나, 기존에 있는 UI를 카피해서 그대로 만들려는 경향이 있기 때문에 실무자 입장에선 퀄리티가 부족한 작업물로 보일 수 있어요.

처음 습관이 중요하기 때문에 Web, Android, IOS 등의 다양한 환경을 고려하면서 실습한다면, 어느새 나도 모르게 완성도 높은 UI를 만들 수 있을거예요.

이런걸 만들어 볼꺼에요!

🙋‍♀️
누적 조회수 100만,
유튜버 디자인 베이스의 직강

초심자의 마음을 가장 잘 알아요.

유투브 채널에서 꿀팁과 트렌드 정보를
공유하면서 얻은 노하우를 전수합니다.

리메인과 콜라보로 진행하는 UI 툴 패키지에서는 제가 130여개의 강의를 만들면서 가장 중요하게 생각하는 핵심 툴 정보를 모았답니다.

약 몇년간 채널을 운영하면서 많은 입문자 분들과 소통한 경력으로 다양한 궁금증과 고충을 시원하게 해결해줄 강의로 꽉 채웠으니 기대해주세요!

안녕하세요.
디자인 베이스 입니다.

UI 툴 패키지는 실무에서 정말 많이 쓰이는 대표 UI 툴 5대장인 스케치, 피그마, 어도비 XD, 프로토파이, 제플린을 설명드리면서, 이 5가지 툴을 마스터하는 시간을 가질 거에요. 회사마다, 프로젝트마다 사용하는 툴이 다르고, 툴 마다 장단점이 있기 때문에 각 툴들의 역량을 다져놓을 필요가 있어요.

제 수업에서는 5가지 툴에 대한 설명 후, UI 예제를 따라 만들어보면서 각 툴 간의 장단점과 차이점도 명확히 알려드리겠습니다. 걱정말고 따라오세요!

  • 👀

    구독자 수 4만명

    디자이너라면 누구나 아는 디자인 베이스

  • 🥳

    누적 조회 100만

    유튜브를 통해 입증된 강의 퀄리티

  • 🖥

    디자인 실무자

    S사, J기획 디자인 실무 경험

  • 🌱

    입문자 맞춤 강의

    UXUI에 꼭 필요한 툴만 쉽게 배우기

👋
먼저 수강한 분들의
후기를 들어보세요

이주찬

👍4.9

UX/UI를 처음 배우는 신입입니다. 프로그램을 배우고 싶어 여러 튜토리얼을 찾아보았지만 어렵게만 느껴졌던 스케치와 어도비 XD를, 디자인베이스 강좌를 시청하며 업무 시 편하게 사용할 수 있을 정도가 되었습니다. 깔끔하고 이해하기 쉽게 단계별로 잘 설명되어 있어서 꾸준히 강좌 시청 중입니다:)

디자인베이스

Master

감사합니다! 더 좋은 강의로 보답하겠습니다.

안지수

👍4.9

해외강좌로 디자인툴을 공부하려다가 도저히 해석이 안 되어 한국어 강좌를 찾다가 처음 접하게 됐어요. 더 이상 해외강좌는 찾아보지 않습니다. 쌤 영상이면 한 번에 해결이 가능해서요! ㅎㅎ 툴강좌외에도, 기본적인 디자인 방법론에 관한 콘텐츠들 또한 많은 도움이 됐어요. 양질의 콘텐츠기 때문에 학부생 또는 저와 같은 신입 디자이너분들에게 추천합니다!

디자인베이스

Master

감사합니다! 디자인 툴 강좌는 툴을 처음 다루는 디자이너의 눈높이에서 시작하기 때문에 신입 디자이너가 배우기에도 적합합니다:) 추천 감사해요!

김선일

👍4.8

업종을 바꿔보려고 퇴사 후에 학원도 다녔지만, 포트폴리오 위주라 실질적인 업무 활용법이나 유의점같은 건 배우기 어려웠어요ㅠ 올려주신 영상 덕분에 UX/UI 프로그램 사용법이나 유의법, 어렵게 느껴진 부분들에 흥미를 느끼게 됐습니다.

디자인베이스

Master

수업을 잘 따라와 주셔서 기쁘네요:) UXUI 분야는 새롭고 유용한 것들이 계속 생겨나는 것 같아요. 새로운 강의 내용도 많이 업데이트 하도록 하겠습니다.

이원선

👍5.0

그냥 당연하게 해오던 작업에 대해 ‘왜’ 이렇게 하는지, 본질적으로 배울 수 있었어요. 사수들도 잘 알려주지 못했던 부분도 배울 수 있던 좋은 수업이었습니다.

디자인베이스

Master

솔직한 이야기 감사합니다! 앞으로 실무에서도 작업의 방향성과 본질을 생각하며 디자인해주세요:)

박주현

👍5.0

비전공자가 디베님의 영상을 참고하여 공부했을 때, 사소한 부분에 대해 몰랐던 것들이 의외로 많았고, 기초를 잘 가르쳐주셔서 많은 도움이 됐어요. 다양한 프로그램들 강의로도 알려주심으로써 아예 안 썼던 툴을 실무에서 업무에 능숙하게 활용할 수 있게 됐어요. 감사합니다!

디자인베이스

Master

하루에 10분씩 꾸준히 들어주세요:) 다양한 툴을 연습하면서 자신에게 잘 맞는 툴을 찾아가셨으면 좋겠습니다.

김현정

👍4.8

궁금증의 근원과 핵심을 알게되어 좋습니다. 실질적으로 정말 도움이 많이 되며, 수학이라고 치면 공식을 외우기 보다는 원리를 알게되는 느낌이에요.

디자인베이스

Master

맞아요, 작업과정의 원리를 알아가는 것도 중요한 단계입니다. 이후 여러 번 수업 내용을 복습해서 온전한 나만의 지식으로 만들어주시면 더 도움이 될 거에요.

김석형

👍4.9

디자인에 있어 가장 중요한 건 비주얼 라이징이 아니라 ‘본질’에 충실한 거로 생각해요. 디자인 툴만 다루는 기술자가 아니라 기획력을 갖춘 디자이너가 되고 싶다면 디자인 베이스님의 강의를 추천합니다.

디자인베이스

Master

추천해주셔서 감사합니다:) 기획력을 가진 디자이너로 좋은 성과 함께 거두시길 기원합니다!

이지현

👍4.9

사수에게 배우지 못했던 기본적인 요소들을 체계있게 배울 수 있었던 강의였습니다.

디자인베이스

Master

많은 도움이 되셨다니 기쁘네요:) 잘 따라와주셔서 감사합니다!

👩‍💻
막막한 초심자를 위해
Step by Step으로 5개 강의 정복

초심자도 따라올 수 있도록 Step by Step 커리큘럼 구성

‘디자인 베이스’ 강사님 한 분이 5가지의 툴을 순차적으로 강의하시기 때문에 연계성이 높고 기본기가 없는 분들도 이해하기 쉽게 눈높이 교육으로 핵심만 설명해드립니다.

초심자분들이 툴 종류는 많은데 어떤 툴 부터 시작해야할지, 어떤 기능을 익혀야하는지에 대해 명확한 가이드가 없어서 힘들어 한다는 것을 알고 있어요.

그렇기 때문에 헤매거나 중도에 포기하지 않고 끝까지 재미있게 수강 할 수 있도록 커리큘럼을 구성했습니다.

👍
오직 리메인에서만
5개의 UI 툴을 한번에!

Sketch

스케치 툴 필수 이론

12개 클립

총 125분

add

Figma

피그마 툴 필수 이론

12개 클립

총 106분

add

Adobe XD

어도비 XD 필수 이론

14개 클립

총 96분

add

Protopie

프로토파이 필수 이론

19개 클립

총 133분

add

Zeplin

제플린 필수 이론

03개 클립

총 17분

💁‍♀️
UI 툴 패키지,
이런분들에게 추천해요!

  • 디자이너를 지망하는 입문자
  • 스킬업을 원하는 디자이너
  • 협업을 원활하게 하고싶은 기획자, 마케터
  • 사수가 없어서 힘든 인하우스 디자이너

👩‍💻
클래스 커리큘럼
한 눈에 보기

스케치 커리큘럼

  • 스케치 툴 소개

  • 스케치 인터페이스 파악하기

  • 심볼 이해, 응용하기

  • 프로토타이핑, 내보내기

  • 추천 플러그인 (anima, distributor,rename it)

  • 스케치로 UI 예제 실습

피그마 커리큘럼

  • 피그마 툴 소개

  • 피그마 인터페이스 파악하기

  • 컴포넌트 사용하기

  • Constraints & Auto Layout & Comments 사용하기

  • 프로토타이핑, 내보내기, Inspect와 공유하기

  • 피그마로 UI 예제 실습

XD 커리큘럼

  • XD 툴 소개

  • 인터페이스 파악하기

  • 구성요소 이해하기

  • 스크롤, 스택, 패딩 기능

  • 반응형, 반복 그리드 사용법

  • 프로토타입, 내보내기, 프리뷰 기능

  • 공유하기 기능

  • XD로 UI 예제 실습

프토토파이 커리큘럼

  • 프로토파이 툴 소개

  • 프로토파이 인터페이스 파악하기

  • 핵심 개념 알기 (오브젝트, 트리거, 리스폰스)

  • 스크롤, 페이징, 페이지 이동, Validation

  • 스킬업을 위한 프로퍼티, 변수 개념 잡기

  • 함수,confition,Rage Chain 개념 이해하기

  • 클라우드 활용 및 디바이스 센서 사용하기

  • 프로토파이로 UI 예제 실습

제플린 커리큘럼

  • 제플린 소개 및 설치

  • 각 툴마다 제플린 사용법

  • 결과물 보기 및 공유하기

🥳
실무 템플릿 제공부터
평생소장까지!

혜택 01

📋

실무 템플릿 제공

모든 강의마다 템플릿을 제공해요

VOD Benefits

Template File

혜택 02

🎉

한번의 구매로 평생소장

월 16,500원으로 평생 소장!

VOD Benefits

Purchase

👋
이 수업을 듣고
이렇게 달라질꺼에요

  • 1
    핵심변화 #1

    제공되는 실습을 통해
    실제 UI 디자인을 할 수 있어요.

  • 2
    핵심변화 #2

    제공되는 예제 파일로 보기 좋은,
    표준화된 UI 디자인 팁을 자연스럽게 체득.

  • 3
    핵심변화 #3

    개발자와의 원활한 실무 협업이
    가능한 디자이너로 스펙 업.

  • 4
    핵심변화 #4

    주먹구구식이 아닌, 효율적으로
    툴을 다뤄 시간과 노력 절약 가능.

warning_amber 필수공지

스케치 강좌는 맥 OS에서만 작동하는 프로그램 이며,
나머지 피그마, XD, 프로토파이, 제플린은 윈도우/맥에서
모두 사용할 수 있는 프로그램 입니다.