본문바로가기

Sketch App과 Zeplin, ProtoPie 실무 워크샵

기초부터 실무까지 디자인 툴 교육 3주/6강

UI 디자인 툴 스케치 사용법, 개발자와의 소통을 위한 제플린, 프로토파이를 통한 UX 디자인을 학습할 수 있습니다.

수강신청
교육일정
2021.01.06 - 2021.01.25
교육시간
월, 수 / 19:00 - 21:50
교육장소
아카데미정글 (강남 신사)
수 강 료
총 32만원
(2개월 후불납부 가능)
준 비 물
맥북, 충전기, 마우스

INPIX
DESIGN SCHOOL FOR SKETCH APP,
ZEPLIN and PROTO PIE

  • SKETCH
  • ZEPLIN
  • PROTO PIE

UI/UX 디자인의 최적화 툴인 스케치부터 제플린, 프로토파이를
에이전시 ‘인픽스’ 그룹장 안명철 강사님께 배울 수 있는,
실무에 최적화된 실습 워크샵 강의예요.

스케치와 제플린,
프로토파이
를 배워야 하나요?

UI/UX 디자이너에게 스케치와 제플린, 프로토파이는 필수 디자인 툴이라고 할 수 있어요.
세계적인 기업에서 사용하고 있을 뿐만 아니라 한국에서도 많은 기업들이 UI/UX 디자이너
채용시 스케치, 제플린, 프로토파이 사용 가능한 디자이너를 우대하고 있기 때문에
UI/UX 디자이너를 목표로 한다면, 위의 세가지 툴을 사용할 줄 알아야 해요.

스케치와 제플린,
프로토파이가
실무에서 어떻게 활용되는지 궁금하신가요?

스케치

스케치는 대표적인 UI 디자인 툴이에요. 디바이스가 모바일 FIRST에서 ONLY로 변화되면서 다양한 해상도가 등장함에 따라 모바일 UI 디자인 프로세스에 크게 영향을 미치게 되었어요. 스케치는 이렇게 디스플레이 해상도의 다양화에 대응함과 동시에 다른 프로그램들에 비해 가볍고, 직관적인 인터페이스, 다른 디자이너들과의 협업에서 유리한 점이 있어 실무에서 많이 활용되고 있어요.

제플린

스케치에서 열심히 디자인을 했다면, 이 디자인을 개발자에게 전달해야 하겠죠? 예전에는 디자이너들이 GUI 가이드 문서를 작업해서 개발자에게 넘겼는데, 시간과 노력이 많이 요구되는 작업이었어요. 하지만 지금은 스케치에서 작업하고 제플린으로 export 함으로써 디자이너와 개발자 간의 원활하고 효율적인 협업이 가능해졌어요. 제플린에서 개발자와 피드백을 남길 수 있고, 스타일 가이드의 제작도 가능해요.

프로토파이

프로토파이는 디자이너가 보다 쉽게 프로토파이핑을 할 수 있는 툴이에요. 프로토파이를 통해서디자이너는 스케치에서 디자인한 UI를 개발자의 도움 없이, 보다 쉽고 다양하게 프로토타이핑을 할 수 있어요. 본인이 직접 디자인한 작업물에 인터랙션 구현을 통해 협업자와 공유할 수 있어 원활한 의사소통이 진행될 수 있어요. 무엇보다 ‘프로토타이핑’을 복잡하지 않고 간단하게 구현하고 테스트하여 간단한 Lo-Fi 및 Hi-Fi 프로토타이핑을 제작할 수 있어요.

3주간 수강생 분들은
다음과 같은
실무 활용 기능을 배울 수 있어요.

  • SKETCH

    스케치를 활용한
    실무 모바일 UI 디자인

    자세히 보기
    스케치를 활용한
    실무 모바일 UI 디자인

    모바일 디자인 UI 프로세스를 경험하고, 스케치의 기본 화면 구성 및 기능부터 배울 거예요. Template 활용, Symbol의 활용, Smart Layout 활용 등 실무에서 활용하는 주요 기능들을 기초부터 차근차근히 배울 수 있어요.
    특히 실무에서 중요시하는 ‘팀 작업’에서 사용하는 ‘Library’를 통해 실무에서 어떻게 Sketch를 통해 협업하는지 경험해 볼 수 있어요.

  • ZEPLIN

    제플린으로
    개발자와 소통하기

    자세히 보기
    제플린으로
    개발자와 소통하기

    제플린의 기본 화면 구성 및 기능을 먼저 확인해보고, Sketch에서 작업한 디자인 파일을 제플린으로 Export하는 방법을 배울 거예요. 제플린에서의 Section, Sorting, Note에 대해 배우고, 프로젝트에서 저장해 놓았던 스타일 가이드를 확인하는 방법도 경험해 볼 수 있어요.
    제플린을 통해 개발자와 협업하는 과정을이해할 수 있어요.

  • PROTO PIE

    프로토파이를 사용한
    실무 프로토타이핑

    자세히 보기
    프로토파이를 사용한
    실무 프로토타이핑

    프로토파이의 기본 화면 구성을 확인해보고, 기초부터 차근차근 배울 거예요. 스케치에서 디자인한 파일로 어떻게 프로토파이에서 프로토타이핑을 할 수 있는지 확인할 수 있어요.
    기본적인 롤링 페이지 및 탭 UI를 만들어보고, 프로토파이에서 중요한 Container의 사용법 뿐만 아니라 변수와 공식을 사용하는 고급 인터랙션까지 배워 실무에서 활용하는 방법을 배울 수 있어요.

이런 분들을 위한 강의로,
완강 후 여러분은
다음과 같이 성장할 수 있어요.

  • 01 UX 디자인 실무 과정을
    경험해보고 싶은 분
    어떻게 성장할 수 있나요? >

    실무에서 주로 사용하는 스케치, 제플린, 프로토파이 디자인 툴 기능을 현직 에이전시 디자인 그룹장에게 직접 배울 수 있어요.

  • 02 Sketch 툴에 관심이 많고
    배워보고 싶은 분
    어떻게 성장할 수 있나요? >

    기초부터 실무 협업을 위한 심볼 형성 및 파일 관리에 대해 체계적으로 배워 실무에 바로 적용할 수 있어요.

  • 03 디자인을 클라이언트에게
    효과적으로 어필하고 싶은 분
    어떻게 성장할 수 있나요? >

    디자인한 작업물을 프로토파이를 통해 실제 작동되는 프로토타이핑을 구현하여 효과적인 인터랙션을 경험할 수 있어요.

  • 04 모바일, 태블릿, PC웹
    UI/ UX디자이너
    어떻게 성장할 수 있나요? >

    모바일 디자인 UI 프로세스를 경험하고, 현업에서 사용하는 프로그램 별 핵심 기능을 활용할 수 있어요.

CURRICULUM

  • 01강
    • 모바일 UI디자인 및 Sketch 소개
    • - 모바일 UI디자인 프로세스
    • - Sketch의 필요성 : 디스플레이 해상도의 다양화
    • - Sketch와 Zeplin을 사용하는 실무
    • - Sketch의 기본 화면 구성 및 기능
    • - Sketch에서 제공하는 기본 효과 :
      Mask/Gradient/Shadow/Blur
    • - Text의 사용
    • - Template의 활용
  • 02강
    • Sketch 실무 디자인(1)
    • - Shape 편집
    • - Global Colors/Document Colors
    • - Align/Resizing/Smart Layout
    • - Symbol의 사용
    • - Smart Layout 활용 : 버튼, 팝업
    • - Data의 활용 / Unsplash : 예제 디자인 완성 및 연습
    • - Library를 사용하는 팀작업
  • 03강
    • Sketch 실무 디자인(2)
      & Zeplin으로 퍼블리셔/개발자와 소통하기
    • - Sketch에서 제공하는 Prototyping
    • - Image Export
    • - Zeplin의 기본 화면구성 및 기능
    • - Sketch에서 Zeplin으로 Export
    • - Zeplin의 Section/Sorting/Note
    • - Sketch의 Prototyping과 Zeplin에서의 Link
    • - Style Guide : Color/Text/Spacing/Components
  • 04강
    • ProtoPie를 사용한 실무 프로토타이핑(1)
    • - ProtoPie 소개
    • - ProtoPie 기본 화면구성
    • - 롤링 페이지 및 탭 UI 만들기
    • - Container의 사용
    • - Opacity/Fill의 차이점 및 활용
    • - 페이지 전환
  • 01강
    • ProtoPie를 사용한 실무 프로토타이핑(2)
    • - 헤더 인터렉션 만들기
    • - Context Menu 만들기
    • - Floating Menu 만들기 및 마이크로 인터렉션의 사용
    • - Condition 사용방법
    • - Component 사용방법
    • - 동영상 및 Lottie Files 삽입
    • - 반복 애니메이션 효과
    • - 모바일 디바이스의 센서 활용
  • 06강
    • ProtoPie를 사용한 실무 프로토타이핑(3)
    • - 변수와 공식을 사용하는 고급 인터렉션
    • - 슬라이더 인터렉션 만들기
    • - Input과 Return 트리거 사용방법
    • - PC웹 프로토타이핑
    • - 프로토타이핑 공유 : Cloud/Share
    • - 플레이어 앱에 사용한 폰트 설치방법

강사 소개

강사
안명철

현) (주) 인픽스 Creative Design Group 그룹장(주) 튠인터렉티브 UX Design 수석연구원
(주) 에프아이디 디자인실 실장

주요 프로젝트

기아플렉스 앱 구축 및 리뉴얼 디자인 PL

현대셀렉션 앱 구축 및 리뉴얼 디자인 PL

제네시스 스펙트럼 앱 구축 및 리뉴얼 디자인 PL

KB생명 디지털채널 혁신 프로젝트 디자인 PL

KEB하나은행 개인뱅킹 및 연관시스템 개편 디자인 PL

KB국민은행 리브통 앱 디자인 PL

KB국민은행 태블릿 브런치 앱 디자인

PL 삼성전자 VD사업부 다수의 GUI 프로젝트 진행

팬택 UX 2.0 디자인 PL

현대MnSoft VIT 표준형 네이베이션 GUI 디자인 PL

SK Telecom T스토어 등록용 다수의 앱 디자인 PL

KT 쇼 옴니아 GUI 디자인 PL

팬택 북미향 피처폰 GUI 디자인 PL

LG Telecom canU H9 GUI 디자인 PL

LG DTV Portal 365°C GUI 디자인 PL

삼성물산 삼성몰 리뉴얼 디자인 PL

교원나라 자동차보험 웹사이트 디자인 PL

수강생들의 생생한
수강 후기가 궁금하시죠?

수강생들이 직접 작성한 수강후기를 통해 전반적인 수업 분위기를 확인해보세요.

  • 수강생 지선 님

    저는 에스티로더 뉴욕 본사 온라인 디자인팀 어소시메이트 디렉터(차장)로 근무하고 있습니다. 한국에 몇 달 나오게 되었는데, 그 김에 평소에 듣고 싶었던 스케치 수업을 찾아서 듣게 되었습니다. 뉴욕에서는 대부분 회사가 UI UX뿐만 아니라 디지털 디자인 분야에서도 쓰이는데, 현 회사에서는 사용하질 않아서 혼자 공부했었어요. 그런데 독학에는 한계가 있어서 수업을 들으면 도움이 될까 생각했어요. 특히 프로토파이에서 가능한 모든 기능들! 전에는 애프터이펙트 직접 영상 만들었었는데 앞으로는 훨씬 쉬워질 거 같아요. 해당 강의를 듣고자 하는 수강생들이 있다면, 새로운 프로그램을 배우고 싶으신 분들께 추천하고 싶어요!

  • 수강생 동욱 님

    UI UX 실무 디자이너입니다. 스케치, 제플린, 프로토파이 등의 프로그램이 실무에서 많이 쓰이고, 활용도도 높고, 툴의 사용성이 좋다고 해서 보다 나은 작업환경을 위해 수강하게 되었습니다. 6강으로 과연 스케치, 제플린, 프로토파이, 이 세 가지의 툴을 다룰 수 있을까 의문이 들었습니다. 강의를 듣고 난 지금은 완벽하진 않지만 각 툴의 기본적인 개념을 파악할 수 있었고, 정지된 디자인 화면만 보다가 직접 구동을 할 수 있는 신세계를 경험했습니다. 각 툴의 유연함에 놀랐고, 이제 보다 쉽고, 구체적인 디자인을 할 수 있을 것 같은 느낌을 받았습니다. 툴의 기초와 실무에 필요한 핵심적인 기능을 알고자 하는 수강생들에게 추천합니다.

  • 수강생 이지 님

    취업 준비할 때 공고를 보면, 스케치, 제플린 활용 가능자 등의 조건이 눈에 보이기도 했고 UX/UI 디자인 할 때 자주 쓰는 툴이라 배워두면 좋을 것 같아 수강하게 되었습니다. 수강 전에는 스케치, 제플린, 프로토파이를 실제로 사용해 본 적은 없었어요. 강의 중 기억에 남는 것은 어떤 기능이 왜 생겼는지 비슷한 기능끼리 차이는 무엇인지, 실무에서는 어느것이 더 자주 쓰이는지 세세한 지식을 알 수 있고 기능만 가르쳐주는게 아니라 툴 자체에 대한 이해를 높여주어서 좋았어요. 혼자서는 알기 어려운 부분이니까요! 선생님이 세세하게 잘 봐주시고 오류가 생기거나 못 따라오는 학생이 없는지 꼼꼼히 체크해주시기 때문에 독학으로 어려움을 겪은 분께 추천합니다.

  • 수강생 인애 님

    프로그램을 배우기 위해 인터넷 등 서치를 진행하였고 커리큘럼 비교를 진행하다가 수강 신청하게 되었습니다. 처음에는 새로운 분야와 프로그램을 시작하기에 겁이 많이 났었습니다. 지금은 새로운 분야에 대한 겁이 나 무서움이 줄었습니다. 기억에 남거나 인상 깊었던 점은 새로운 프로그램을 배우고 연습하던 내 모습을 되돌아봤을 때였습니다. 선생님께서 친절하게 알려주셔서 좋았습니다. 처음 시작하고자 할 때 현실적인 조언 및 현업과 관련한 질문에서도 좋은 답변을 주셔 도움이 되었습니다. 처음 시작하고 새롭게 도전하고 할 때 나의 길잡이 또는 생각을 갖게 하는 힘이 생긴다고 생각합니다. 불안하고 겁이 날 때 수강하세요.

  • 수강생 윤진 님

    저는 UIUX 관련 툴 작업을 위해 이 강의를 수강하게 되었습니다. 강의를 듣기 전에는 프로그램 툴에 대해 아무것도 몰랐는데, 강의를 듣고 난 지금은 스케치, 제플린, 프로토파이 이 세 가지 툴을 다룰 수 있게 되었습니다. 그 중에서 프로토파이가 재미있었습니다!! 이 강의를 듣고자 하는 수강생들이 있다면, 실무 관련 작업에 이용되는 툴을 배우고 싶은 분들에게 추천합니다. 선생님께서 친절하게 모르는 것도 잘 알려주시고 쉽게 가르쳐 주셔서 좋았습니다.

  • 수강생 수인 님

    많은 회사에서 스케치 프로그램을 사용하고 있다는 조언을 들었습니다. UI/UX 디자이너로 취업하기 위해 기본적으로 배워두면 좋을 것 같다는 판단 하에 수강하게 되었습니다. 단순히 모바일 앱, 웹을 디자인하는 것만 알고 내 디자인을 구동 시키거나 개발자에게 보내고 소통하는 방법은 전혀 몰랐었습니다. 지금은 새로운 것들을 배워 유익한 수업이었고 개인 작업이나 취업 후에 유용하게 사용할 수 있다는 생각이 듭니다. 프로토파이를 이용해 머릿속으로만 구성해 본 모션을 시각적으로 구현할 수 있다는 점이 매우 매력적이었고 즐거웠습니다. 모바일, 웹 UI/UX 디자이너를 목표로 하는 학생이라면 꼭 한 번 수강할 것을 권해드립니다.

  • 수강생 예지 님

    강의를 듣기 전에는 스케치와 제플린은 사용해 본 경험이 없었는데 지금은 실무에서 디자인을 할 때 파일을 체계적으로 관리하는 방법과 스케치 프로그램을 활용한 디자인 협업 작업에서 중요한 심볼 관리, 샘플 라이브러리 스케치 파일 관리 등에 대해 배울 수 있었습니다. 제플린을 통해 개발자와의 협업 과정을 이해하고 배울 수 있었습니다. 기억에 남거나 인상 깊었던 점은 프로토파이를 활용하여 인터랙션을 구현하는 과정이 인상 깊었습니다. 프로토파이를 활용하기 전에는 인터렉션을 그저 머릿속에서 그려 말로 설명하는 방법밖엔 없었는데 프로토파이를 활용하여 간단한 인터렉션부터 변수를 활용한 응용까지 배울 수 있어 좋았습니다.

수강 신청하기 전,
예비 수강생 여러분께 전합니다.

  • 01

    이 강의를 수강하기 위해서는 맥북이 필요해요. 아카데미정글은 맥북을 보유하고 있지 않아 빌려드릴 수 없어요. 수강을 원하시는 분은 개인적으로 준비해 주셔야 해요.

  • 02

    맥북에는 스케치, 제플린, 프로토파이가 설치되어 있어야 해요. 각 프로그램은 다음과 같은 조건에서는 무료로 사용 가능해요. - 스케치: 새 장치에서 처음 사용한 후 30일 - 제플린: 계정별로 1개의 프로젝트까지 - 프로토파이: 계정별로 1주일 간

  • 03

    이 강의는 스케치, 제플린, 프로토파이 프로그램을 배우는 강의예요. 포트폴리오를 제작하진 않지만, 다양한 예제를 학습하면서 추후 나만의 작업물을 만드는데 도움이 되는 강의입니다.

  • 01

    이 강의를 수강하기 위해서는 맥북이 필요해요. 아카데미정글은 맥북을 보유하고 있지 않아 빌려드릴 수 없어요. 수강을 원하시는 분은 개인적으로 준비해 주셔야 해요.

  • 02

    맥북에는 스케치, 제플린, 프로토파이가 설치되어 있어야 해요. 각 프로그램은 다음과 같은 조건에서는 무료로 사용 가능해요. - 스케치: 새 장치에서 처음 사용한 후 30일 - 제플린: 계정별로 1개의 프로젝트까지 - 프로토파이: 계정별로 1주일 간

  • 03

    이 강의는 스케치, 제플린, 프로토파이 프로그램을 배우는 강의예요. 포트폴리오를 제작하진 않지만, 다양한 예제를 학습하면서 추후 나만의 작업물을 만드는데 도움이 되는 강의입니다.

결제 방법은 일반결제와 후불제 중 선택할수 있습니다

수강신청 후
결제 방법
일반결제후불제
선택할 수 있어요. 후불제란? > 후불제란? > 후불제 신청 >

01. 일반 결제
  1. 01. 온라인 수강신청

    과정 선택 후 수강 신청을 하시면, 결제 방법과 관련하여 선택하실 수 있어요.

  2. 02. 일반 결제
    • 일반 결제와 관련한 수강료 결제 방법은 다음과 같아요.
    • - 온라인 카드 결제 시 할부 선택이 가능해요. 할부 관련 정보는 아카데미정글 홈페이지에서 확인 가능해요.
    • - 무통장 입금(계좌 이체), 방문 결제(내사 카드)는 분할 납부가 가능해요. 이와 관련해서는 아카데미 정글로 개별 연락 주시면 도와드릴게요.
    • - 결제는 바로 하지 않으셔도 괜찮아요. 마이스터디 페이지에서 이어서 진행할 수 있어요.
  3. 03. 교육

    개강일에 맞추어 문자로 개별 연락이 갈 거예요.
    수강 신청한 강의를 일정에 맞추어 수강하시면 됩니다.

02. 후불제

아카데미정글학생독립만세

  1. 01. 온라인 수강신청

    과정 선택 후 수강 신청을 하시면, 결제 방법과 관련하여 선택하실 수 있어요.
    아카데미정글은 교육비 후불제 솔루션 '학생독립만세'와 함께 교육 종료 후, 교육비를 후불, 분할 납부 하는 후불제 교육을 진행하고 있어요.

  2. 02. 후불제 인증 &계약

    수강료 결제 방법에서 후불제를 선택하시면 후불제 인증 신청을 할 수 있어요.후불제 인증 심사를 통해 후불제 인증 획득 후 학생독립만세에서 후불제 계약과 인증료(교육비의 5% 별도 선납)를 납부해야 해요. 이 과정은 온라인으로 진행돼요.

  3. 03. 교육

    개강일에 맞추어 문자로 개별 연락이 갈 거예요.
    수강 신청한 강의를 일정에 맞추어 수강하시면 됩니다.

  4. 04. 결제

    후불제는 교육이 종료된 후, 계약 기간 내에 교육비를 납부 해야 해요.

다음기수 개강 알림문자 신청, 뉴스레터 신청

이번 기수는 듣지 못해
아쉬워하는 분들을 위해
준비했어요.

이 과정은 강사님이 실무에 계시기 때문에
정확한 다음 기수 강의 일정을 사전에 공지해 드리기 어려워요.

대신, 다음 기수 개강 알림 문자를 신청하시면 새로운 기수 개강일과 관련한 문자를 보내 드릴게요.
아카데미정글의 보다 다양한 강의 개강 일정이 궁금하시다면, 뉴스레터를 신청해주세요.
매주 발행되는 뉴스레터를 통해 아카데미정글의 강의 개강 일정을 메일로 보다 편리하게 확인하실 수 있어요.

다음 기수 개강 알림 문자 신청하기아카데미정글 뉴스레터 신청하기

오시는 길

아카데미정글은 3호선 신사역 5번출구에서 도보 약 3분 거리입니다.
신사역 5번 출구에서 뒤에 GS주유소를 오른편에 두고 큰 도로를 직진하셔서 JoyMG가 있는 건물(원능프라자) 2층으로 오시면 됩니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

수강신청 전, 꼭 확인해주세요. 더보기

Sketch App과 Zeplin,
ProtoPie 실무 워크샵(5기)

  • Sketch App과 Zeplin, ProtoPie 실무 워크샵(5기)

    아카데미정글은 코로나19 바이러스에 대응한 철저한 예방조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다. (실내 마스크 의무 착용, 매일 소독 진행, 출입시 QR 코드 전자출입명부 작성, 발열체크, 손 소독제 비치)

  • 교육일정
    2021.01.06 - 2021.01.25
    교육시간
    월, 수/ 19:00 - 21:50
    교육장소
    아카데미정글 (강남 신사)
    수 강 료
    총 32만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 월 16만원씩 2개월 후불제 가능: 교육 종료 후 2개월 분납(학생독립만세)
    준 비 물
    맥북, 충전기, 마우스
  • 아카데미정글은 코로나19 바이러스에 대응한 철저한 예방 조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.

준비물(필수) : Sketch App과 Zeplin, ProtoPie가 설치된 맥북, 충전기, 마우스

준비물(필수) : Sketch App과 Zeplin, ProtoPie가 설치된
맥북, 충전기, 마우스

Sketch App과 Zeplin, ProtoPie 실무 워크샵(5기)

상담신청 수강신청