본문바로가기

Figma, Zeplin,
ProtoPie 실무 워크샵

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

UI/UX 디자인의 최적화 툴인 피그마 사용법, 개발자와의 소통을 위한 제플린, 인터랙션 구현을 위한 프로토파이까지.
에이전시 '인픽스' 그룹장 안명철 강사님께 배울 수 있는,
실무에 최적화된 실무 워크샵입니다.

반갑습니다,
아카데미정글입니다 😃
Figma, Zeplin, ProtoPie 실무 워크샵 공지사항을 확인해주세요!

교육일정

2023.06.27 - 2023.07.13

교육시간

화, 목 / 19:00 - 21:50 (주 2회)

교육장소

아카데미정글 (강남 신사)

수 강 료

총 32만원

결제방법 준 비 물

개인 노트북(권장)

🔊 강의 관련 공지사항

  • 오프라인 현장 교육

    아카데미정글 강의는 오프라인 대면 수업으로 진행됩니다.

  • ZOOM LIVE 결석시 줌 수업 진행

    피치 못할 사정으로 결석하게 되는 경우,
    줌 수업을 요청해주세요.

에이전시 인픽스 디자인 스쿨!
인픽스 그룹장 안명철 강사님 직강의 Figma, Zeplin, ProtoPie 실무 워크샵 과정을 소개합니다👏

  • Figma
  • Zeplin
  • ProtoPie

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

피그마, 제플린, 프로토파이를 함께 배우는 과정, 왜 아카데미정글일까요?

  • 실무 UI/UX 디자인 툴을 한 번에

    실무 UI/UX 디자인 필수 툴인 피그마와 제플린, 프로토파이를 한 번에 배울 수 있는 강의로 기초부터 실무에서 사용하는 주요 실무 고급 스킬까지 한 번에 배울 수 있어요. 피그마, 제플린, 프로토파이를 처음 배우는 분들도 쉽게 배울 수 있습니다.

  • 실무 위주의 툴 스킬 학습

    현직 에이전시 인픽스 그룹장 안명철 강사님 직강으로, 실무에서 주로 사용하는 스킬을 위주로 배울 수 있어요. 현업에서 피그마와 제플린, 프로토파이를 어떻게 사용하고 함께 공유하는지, 실무와 동일한 방식으로 파일을 관리하는 법 등을 체계적으로 배워요.

  • 실무 작업에 유용한 기능

    기초적인 툴 스킬 뿐 아니라 현업에서 어떤 기능이 더 자주 사용되는지, 이 기능은 왜 생겼는지, 비슷한 기능의 차이는 무엇인지 등 강사님이 세세하고 꼼꼼하게 가르쳐 드려요. 학생 한 명 한 명 꼼꼼히 체크해주시고 현업과 관련한 질문도 언제든 답변해 드립니다.

피그마와 제플린, 프로토파이가 실무에서 어떻게 활용되는지 궁금하신가요?
실무자에게 배워 바로 실무에서 활용할 수 있어요.

  • 😮 피그마는 실무에서 어떻게 활용되고 있나요?

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

  • 🤔 제플린을 실무에서 활용하는 이유가 있나요?

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

  • 😶 프로토파이를 통해 피그마에서 작업한 디자인을 어떻게 공유할 수 있나요?

    👉 프로토파이를 통해서디자이너는 피그마에서 디자인한 UI를 개발자의 도움 없이, 보다 쉽고 다양하게 프로토타이핑을 할 수 있어요. 본인이 직접 디자인한 작업물에 인터랙션 구현을 통해 협업자와 공유할 수 있어 원활한 의사소통이 진행될 수 있어요. 간단한 Lo-Fi 및 Hi-Fi 프로토타이핑을 제작할 수 있어요.

강의를 이끌어주실
안명철 강사님을 소개합니다 ✋

강사
안명철
현) (주) 인픽스 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

👨‍🏫 강사님이 이야기하는
"Figma, Zeplin, ProtoPie 실무 워크샵을 꼭 수강해야 하는 이유"

  • 👉 첫번째, UI/UX 디자인 툴을 한 번에

    실무에서 주로 사용하는 UI/UX 디자인 툴을 유기적으로 한 번에 배우기 때문에 실무에서 프로젝트가 어떤 식으로 진행되는지 알 수 있어요. 특히 디자이너와 개발자 간의 원활한 소통을 위해 사용하는 제플린 사용법을 통해 실무에 바로 투입 되었을 때 디자이너와 개발자, 퍼블리셔가 어떻게 소통할 수 있는지 배울 수 있습니다.

  • 👉 두번째, 무궁무진한 UI/UX 디자인 툴 활용

    UI/UX 디자인 툴인 피그마, 제플린, 프로토파이의 툴 활용법을 배우면 추후 실무에서 뿐만 아니라 나만의 작업물을 만들 때 유용하게 활용할 수 있어요. 특히 요즘은 UI/UX 직군이라면 취업시 피그마, 제플린, 프로토파이 활용 가능 여부를 묻곤 하기 때문에 이 강의를 배우면 세 가지 프로그램을 모두 무궁무진하게 활용할 수 있어요.

UI/UX 디자인 툴인 피그마, 제플린, 프로토파이를 한 번에 배우는 워크샵 과정으로,
다음과 같은 내용을 배우고 프로젝트를 수행합니다.

강사님 포트폴리오를 소개합니다.

프로토파이를 활용하여
프로토타이핑까지!

클라이언트에게 UI/UX 디자인을 보다 정확하게 보여줄 수 있는 방법 중 하나인 '프로토타이핑'!
강사님이 프로토파이를 활용하여 프로토타이핑 하는 다양한 방법 중 실무에서 직접 사용하시고 주로 쓰이는 유용한 팁들을 알려주실 거예요.
프로토타이핑이 된 UI/UX 포트폴리오의 경쟁력은 더 크다고 할 수 있어요.

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

  • UX 디자인 실무 과정을
    경험해보고 싶은 분

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

  • 피그마 툴에 관심이 많고
    배우고 싶은 분

    기초부터 실무 협업을 위한 주요 기능들을 학습하고 팀 프로젝트를 위한 심볼 형성 및 파일 관리에 대해 체계적으로 배워 실무에 바로 적용할 수 있어요.

  • UI/UX 디자인을 효과적으로
    어필하고 싶은 분

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

  • 모바일, 태블릿, PC 웹
    UI/UX 디자이너

    피그마를 통해 모바일 디자인 UI 프로세스를 경험하고, 현업에서 사용하는 제플린, 프로토파이 등 UI/UX 디자인 툴 프로그램 별 핵심 기능을 활용할 수 있어요.

🤚 잠깐, 이 과정이 나에게 맞는 과정인지 아직 고민중이신가요?
아카데미정글 커리큘럼 로드맵을 통해 나에게 맞는 과정인지 확인해보세요! 커리큘럼 로드맵 보러가기

초급 중급 고급
UI/UX 기획 라이트브레인 UX 기획 아카데미
UI/UX School
UI/UX 디자인 UI/UX 모바일 앱
디자인 포트폴리오		 UI/UX 디자이너
취업 아카데미
타잔스쿨
UI/UX 웹
디자인 포트폴리오
웹 디자인 & 웹 퍼블리싱 스페셜리스트

웹 디자인 파트

웹 퍼블리싱 파트

👇 6강으로 구성된 커리큘럼을 확인해보세요.

  1. 01강
    • 모바일 UI디자인 및 Figma 소개
    • - 모바일 UI디자인 프로세스
    • - 이미지 포멧
    • - 전문 UI Tool의 필요성
    • - Figma의 특징(비교)과 Figma를 사용하는 실무
    • - Community의 활용
    • - Figma의 화면구성 및 기능
    • - Frame의 개념 및 설정
    • - Shape과 Text 만들기
    • - Effects
  2. 02강
    • Figma 실무 디자인(1)
    • - Shape 편집
    • - Auto Layout과 Constrains
    • - Component와 Assets
    • - Plugin의 활용
    • - Figma를 사용하는 팀 작업
    • - Prototyping & Inspect
  3. 03강
    • Figma 실무 디자인(2) & Zeplin
    • - Color Style / Effect Style / Text Style
    • - Image Export / Slice
    • - Zeplin의 필요성
    • - Zeplin의 기본 화면구성 및 기능
    • - Figma에서 Zeplin으로 Export
    • - Zeplin의 Section/Sorting
    • - Figma의 Prototyping과 Zeplin에서의 Link
    • - Style Guide
  4. 04강
    • ProtoPie를 사용한 실무 프로토타이핑(1)
    • - ProtoPie 소개
    • - ProtoPie 기본 화면구성
    • - 롤링 페이지 및 탭 UI 만들기
    • - Container의 사용
    • - Opacity/Fill의 차이점 및 활용
    • - 페이지 전환
  5. 01강
    • ProtoPie를 사용한 실무 프로토타이핑(2)
    • - 헤더 인터렉션 만들기
    • - Context Menu 만들기
    • - Floating Menu 만들기 및 마이크로 인터렉션의 사용
    • - Condition 사용방법
    • - Component 사용방법
    • - 동영상 및 Lottie Files 삽입
    • - 반복 애니메이션 효과
    • - 모바일 디바이스의 센서 활용
  6. 06강
    • ProtoPie를 사용한 실무 프로토타이핑(3)
    • - 변수와 공식을 사용하는 고급 인터렉션
    • - 슬라이더 인터렉션 만들기
    • - Input과 Return 트리거 사용방법
    • - PC웹 프로토타이핑
    • - 프로토타이핑 공유 : Cloud/Share
    • - 플레이어 앱에 사용한 폰트 설치방법

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

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

  • 01

    이 강의는 피그마, 제플린, 프로토파이를 처음 접하는 분들이 듣기 좋은 강의로, 세 가지 툴을 아예 모르는 분들이 들으셔도 좋은 실무에 최적화 된 강의입니다.

  • 02

    강사님이 가지고 있는 지식을 전수하며, 가르침에 있어서는 친절하게 성심껏, 아낌없이 가르쳐 드릴 거예요. 그래서 학생들이 강사님과 수업하고나면 많은 것을 얻어가게 됩니다.

  • 03

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

  • 04

    강의장에 공용 PC가 준비되어 있지만, 가급적 노트북을 가져오길 권장합니다. 강의장 PC에는 Adobe CS6 프로그램이 준비되어 있어, 과정을 수강하는데 불편할 수 있어요.

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

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

해당 강의의 정확한 다음 기수 강의 일정을 사전에 공지해 드리기 어려워요.

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

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

🔎 오시는 길은 다음과 같아요.

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

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

Figma, Zeplin,
ProtoPie 실무 워크샵 23기

  • Figma, Zeplin, ProtoPie 실무 워크샵

    아카데미정글은 코로나19 바이러스에 대응한 철저한 예방조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.

  • 교육일정
    2023.06.27 - 2023.07.13
    교육시간
    화, 목 / 19:00 - 21:50
    교육장소
    아카데미정글 (강남 신사)
    수 강 료
    총 32만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 계좌이체, 방문(내사카드)결제 가능
    준 비 물
    개인 노트북(권장)

  • 아카데미정글은 코로나19 바이러스에 대응한 철저한 예방 조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.

TOP