기획자, 디자이너는 무조건 할 수 있어야 하는 피그마 프로토타이핑!!

피그마로 화면 설계, 디자인만 하고 있다면 NO NO!!

이제는 모바일 앱, 디지털 프로덕트는 모두 피그마로 기획하고 디자인한다고 해도 과언이 아닙니다. 피그마는 단순히 화면 설계, 디자인 뿐만 아니라, 직접 내가 기획한 화면들을 연결해서 실제 앱처럼 동작하게 할 수도 있습니다.
구글 머티리얼 디자인 모션 가이드

프로토타이핑이란?

기획자, 디자이너라면 반드시 배워야 할 프로토타이핑!

피그마 모바일 앱 프로토타이핑은 모바일 애플리케이션의 사용자 인터페이스와 사용자 경험을 시각적으로 표현하고, 상호작용을 테스트하기 위해 만드는 기획 단계에서 확인할 수 있는 동작하는 테스트 앱입니다. 실제 개발 전에 아이디어와 기능을 시각화하고 검증할 수 있으며, 화면 전환, 인터랙션, 애니메이션 등을 포함하여 앱의 유저 인터페이스의 사용성과 사용자 경험을 테스트하는 데 사용됩니다.
피그마 프로토타이핑 제작 모습

현업 실무자의 필수 도구, 피그마 프로토타이핑!

피그마는 클라우드 기반의 프로젝트 실시간 협업 툴로서 한국은 물론 전세계 1위의 실무 도입 및 점유율을 차지하고 있으며, 피그마는 워크플로우상의 디자인과 프로토타이핑 기능이 통합되어 있어 손쉽고 빠르게 활용할 수 있습니다. 또한 스마트 에니메이트, 트렌지션, 인터렉티브 컴포넌트 등 수 많은 프로토타이핑 기능이 제공되고 있어 노력여하에 따라 완성도 높은 워킹 프로토타입을 제작할 수 있습니다.

팀 생산성 향상, 개인 경력 개발과 전문성 숙달로 경쟁력 강화

프로토타이핑을 도입함으로서, 명확한 의사소통과 사용자 중심 기획 디자인을 진행함으로서 프로젝트 성공률과 팀 생산성을 높일 수 있습니다. 또한 업계 표준 툴인 피그마의 전문성 숙달로 개인 전문성 향상과 인정을 통해 개인 진로 및 회사 업무 생산성에 큰 기여를 할 수 있습니다.
피그마 2023년 최신 업데이트 이미지

피그마 프로토타이핑
원데이 마스터 클래스 정보

피그마 프로토타이핑 입문부터 중급, 응용까지,
하루만에 배우는 디자인엑스클래스 원데이 마스터 워크샵

  • 강의 일정 : 2024년 7월 6일 (토) 오후 1시 - 오후 6시

  • 강의 방식 : 오프라인 워크샵

  • 사용 프로그램 : 피그마

  • 난이도 : 입문 - 기본 - 중급 과정까지

  • 장소 : 위디엑스 스튜디오 / 서울시 서초구 양재천로21길 38, 2층
    지도 앱에서 '위디엑스' 검색

피그마 프로토타이핑
클래스 추천 대상

기획, 디자인한 모바일 앱, 웹을 개발자 없이 직접 동작하는 형태로 만들어보고 싶은 분들은 모두 주목!

  • 1. 개발자 없이도 내가 기획한 화면을 동작하게 해서 테스트 해보고 싶은 기획자, 디자이너

  • 2. 피그마의 기본은 알고 있지만, 프로토타이핑은 잘 모르는 기획자, 디자이너

  • 3. 세부적인 프로토타이핑 기능을 활용하여 인터랙티브한 앱을 기획해보고 싶은 기획자

  • 4. 내가 디자인하고 있는 화면을 모바일 앱으로 프리뷰하면서 디자인을 진행하고 싶은 디자이너

  • 5. 중급 수준까지 프로토타이핑 기능을 학습하여 스킬 레벨을 높이고 싶은 기획자, 디자이너

온라인으로 진행했었던 피그마 원데이 클래스 강연 하이라이트 보기

위디엑스 이종원 대표의 실무 중심 강연을 보실 수 있습니다!

높은 수강생 만족도!

기본기를 이번 기회에 탄탄하게 다졌어요!
피그마에 대해서 알 수 있어서 아주 알차고 유익한 시간이였습니다!

강의가 지루하지 않고 재미있었어요!
좋은 강의 해주셔서 감사합니다! 덕분에 피그마 새로운 정보들도 많이 알아가요!

수업의 퀄리티가 마음에 들어요!
양질의 수업을 들을 수 있게 되어서 좋았어요. 다음에도 또 듣고 싶어지는 수업이였습니다.

피그마 프로토타이핑 원데이 마스터 클래스 30% 할인 프로모션

과정 출시 기념 선착순 30% 할인! 늦기 전에 등록하세요!

늦기 전에 지금바로 등록하기

이종원 강사님 소개

위디엑스 대표, 현업 UX UI 디자이너, 컨설턴트

이종원 강사님은 UX UI 디자인 전문 컨설턴시 & 에이전시 위디엑스의 대표이자 현업 UX UI 디자이너, 대표 컨설턴트로도 활발히 활동을 하고 있습니다. 


피그마 기업 강의 : SK텔레콤, 네이버, 현대모비스, 신라 면세점, 한국금융연수원, 중소기업중앙회 

SK텔레콤, 네이버, BNK금융그룹, 한국금융연수원, 중소기업중앙회, 다수 기업에 피그마 기업 교육 및 워크샵을 진행하였으며, 이베이 코리아 피그마 디자인 시스템 컨설팅, 현대모비스 피그마 워크프로세스 개선과 피그마 엔터프라이즈 도입 컨설팅 프로젝트를 수행한 경력이 있습니다.


피그마 기관 강의 : 삼성멀티캠퍼스 SSAFY, 새싹 청년취업사관학교, 광주 디자인진흥원 

삼성멀티캠퍼스 SSAFY UX UI 디자인 및 피그마 활용 UI GUI 디자인 교육 과정, 청년창업사관학교 피그마 워크샵, 다수 강의 경력이 있습니다.


기업 UX/UI 디자인 프로젝트 수행 경력 :

삼성전자, LG전자, 현대자동차, 기아자동차, G마켓, 스마일페이, 일동제약 등  


기업 기관 UX/UI 디자인 강의, 워크샵 :

삼성전자, LG전자, 현대자동차, 네이버, 한국디자인진흥원, 서울대학교 등

클래스 커리큘럼*

현업 실무 디자이너이자 피그마 엔터프라이즈 컨설턴트인 위디엑스 이종원 대표가 실무 중심으로 피그마 프로토타이핑 강의를 진행합니다.

  • 피그마 프로토타이핑의 이해와 이론

    1. 피그마 프로토타이핑 소개
    2. 피그마 프로토타이핑 기본 기능의 이해
       1) 프로토타이핑 동작 방식와 주요 인터페이스
       2) 주요 인터랙션 기능과 세부 사항
       3) User Flow 세팅
       4) 모바일 앱 프로토타이핑 방법
    3. 유저 인터페이스와 인터랙션의 이해
    4. 마이크로 인터랙션, 모션, 애니메이션의 이해

  • 피그마 주사용 프로토타이핑 패턴 이해와 적용

    5. 피그마 주 사용 프로토타이핑 패턴의 이해 (기본)
       1) 페이지 트렌지션 Page Transitions
       2) 스크롤링 Scrolling
       3) 오버레이 & 모달 대화상자 Overlay & Modal Dialogs
       4) 서브 메뉴 Submenus
       5) 프로그래스 스피너 Progress Spinner
       6) 고정 요소 Fixed Elements
       7) 탭 네비게이션 Tab Navigation
       8) 제스처 인식 Gesture Recognition
       9) 상호작용 상태 Interaction States
       10) 키보드 입력 Keyboard and Gamepad Inputs
       11) 사운드 비디오 Sound and VIdeo
       12) 비디오 배경 Video Backgrounds
       13) 카드 플립 Card Flip
       14) 스크롤 애니메이션 Scroll Animation
       15) 캐러셀 슬라이더 Carousel Slider
       16) 인터랙티브 체크리스트 Interactive Checklists
       17) 배지와 알림 Badges and Notifications

  • 피그마 어드밴스드 프로토타이핑 학습

    (중급/응용)

    6. 피그마 어드밴스드 프로토타이핑 학습
       1) 사례 학습 #1
       2) 사례 학습 #2
    7. 모바일 앱 프로젝트 실습 (중급/응용)
       1) 온라인 쇼핑몰 앱 프로토타입
       2) 소셜 네트워크 앱 프로토타입
       3) 음식 배달 앱 프로토타입


    * 유익하고 원활한 과정 운영을 위해 일부 내용이 변경될 수 있습니다

피그마 프로토타이핑 교육 과정 성과

본 클래스를 수강하시면 아래의 스킬을 획득하게 됩니다!

1. 피그마 프로토타이핑 기본/중급 기술 습득:

  • 인터랙션 디자인: 클릭, 호버, 드래그 등 다양한 사용자 인터랙션을 프로토타입에 적용할 수 있습니다.

  • 고급 애니메이션 효과: Smart Animate와 같은 피그마의 고급 애니메이션 기능을 사용하여 자연스러운 전환 효과를 구현할 수 있습니다.

  • 마이크로 인터랙션: 세부적인 마이크로 인터랙션을 디자인하여 사용자 경험을 향상시킬 수 있습니다.


2. 유저 플로우에 따른 유저 인터페이스, 인터랙션 스킬 습득:

  • 유저 플로우 차트에 따른 유저 인터페이스: 사용자의 여정을 시각적으로 표현하는 유저 플로우 차트를 기반으로 유저 인터페이스를 전개할 수 있습니다.
  • 유저 플로우에 따른 인터랙션 스킬: 화면 전환 트렌지션, 스크롤링 등 유저 플로우 및 터치 제스처에 반응하는 인터랙션 기획 및 피그마 프로토타이핑 구현 스킬을 습득합니다.


3. 프로토타입 테스트 및 검증:

  • 사용자 테스트 계획 및 실행: 피그마 워킹 프로토타입을 제작함으로서 사용자 테스트를 실행하여 프로토타입의 사용성을 검증할 수 있습니다.
  • 모바일 앱 디바이스 테스트: 피그마 앱을 활용하여 모바일 앱에서 직접 디바이스 테스트를 진행할 수 있습니다.
  • A/B 테스트: 피그마 워킹 프로토타입을 제작하여 다양한 디자인 옵션을 비교하는 A/B 테스트를 수행하여 최적의 디자인을 선택할 수 있습니다.


4. 최종 디자인 프레젠테이션:

  • 동적 프레젠테이션 진행: 최종 디자인을 피그마 프레젠테이션 기능을 활용함으로서 실제 앱을 사용하는 것과 같은 시연 및 프레젠테이션을 할 수 있습니다.
  • 프로토타입 데모: 프로젝트 이해관계자에게 프로토타입을 실시간으로 시연하고, 기능과 흐름을 설명할 수 있습니다.
  • 디자인 핸드오프 용이성: 최종 기획과 디자인에 대한 검증을 프로토타입을 통해 진행함으로서, 개발팀과 개발 과정에서 발생하는 문제를 줄일 수 있습니다.

피그마 프로토타이핑 원데이 마스터 클래스 할인 프로모션

과정 출시 기념 선착순 30% 할인!

과정 등록하기

자주 묻는 질문 FAQ

- 수업은 어떻게 진행되나요?
수업은 오프라인으로 진행되며, 서울시 서초구 양재천로21길 38, 2층에 위치한 위디엑스 스튜디오에서 진행됩니다. (지도 앱 '위디엑스' 검색)

- 피그마를 전혀 모르면 수업을 들을 수 없나요?
네, 피그마를 전혀 모르시면 수업 참여가 어렵습니다. 기본적인 피그마 사용 방법은 알고 계셔야 합니다. 디자인엑스클래스에서 진행하는 '피그마 원데이 마스터 클래스'와 같은 수업을 학습하시면 더욱 단단하게 기본기를 배우실 수 있습니다.

- 온라인으로 들을 수는 없나요?
 본 과정은 오프라인으로만 진행되며 온라인으로는 진행하지 않습니다.

- 컴퓨터나 노트북이 없는데 수강하고 싶으면 어떻게 하나요?
본 코스는 노트북을 사용해 개인 실습이 필수이므로 개인 노트북이 없는 경우 실습을 하실 수 없습니다. 

- 사전에 등록할 부분이 있나요?
본 과정에 등록(구매)시 나의 강의실을 통해 사전 준비 사항, 주소, 주변 주차 안내 등에 대해 확인하실 수 있습니다.

- 강의 참여시 피그마는 구매해야 하나요?
본 과정 진행시 수업 시작 전에 피그마 교육 관련하여 세팅 작업을 같이 진행하므로 별도로 구매해오실 필요는 없습니다. 

- 환불은 어떻게 할 수 있나요?
환불과 관련된 부분은 아래 환불 규정 안내를 참조해주세요.

유의 사항

- 본 클래스는 개강 전일 오후 1시에 모집이 마감됩니다. 사전 일정 확인으로 계획에 차질없이 신청해주시기 바랍니다.

- 현장 결제는 불가능하며 사전에 결제를 하셔야 참석이 가능합니다.

- 본 클래스는 오프라인 진행 과정이며 최대 인원이 정해져 있으므로, 지정 인원이 모집될 경우 사전 안내 없이 마감될 수 있습니다. (마감시 추가 구매 및 대기 불가)

- 참가자의 개인 사유(지각, 결석 등)로 인해 발생한 손해에 대해서는 별도의 보상을 제공하지 않습니다.

- 본 코스에서 제공되는 모든 자료에 대한 저작권 및 기타 지적재산권은 위디엑스, 디자인엑스클래스에 있습니다. 

- 단체 구매 및 기업 교육은 별도 문의 바랍니다.

- 본 과정의 무단 녹화 및 외부 유출은 불허합니다.

- 참여자의 코스 수강을 위한 목적 이외의 목적으로 사용 시 처벌 대상이 될 수 있습니다.

- 이외 기타 내용은 디자인엑스클래스 이용약관을 통해 확인하실 수 있습니다.

강연 내 결과물 사용 동의 안내

강연 진행시 수강 참가자의 피그마 내 활동 및 작업 진행 모습은 당사에서 촬영 될 수 있으며, 해당 내용은 디자인엑스클래스 및 위디엑스 웹사이트 및 관계 SNS에 사용될 수 있습니다. 인물 모습 및 실명은 별도 처리를 통해 노출되지 않으며 사용시 별도의 고지 없이 홍보 목적으로 사용될 수 있습니다.  본 교육 과정을 구매하실 경우 동의하시는 것으로 간주합니다.

환불 규정 안내

- 전액 환불은 강연 전일 오전 10시까지 환불 의사를 밝힌 경우에만 가능합니다.

- 강연 전일 오전 10시 이후 취소는 환불되지 않습니다.

- 취소 및 환불을 희망하는 경우 [email protected]으로 문의 및 요청해 주시기 바랍니다.

- 결제 후 무연락에 의한 불참은 환불되지 않습니다.

*강연 진행 최소 인원 미만으로 강의가 취소될 경우에는 사전 안내를 드리며, 결제하신 비용은 전액 환불됩니다.

- 기타 본 조항에서 다루지 않은 내용은 당사 환불 정책에 기반합니다.