강의 개요

인픽스 디자인 스쿨
모바일 UX디자인 실무에 적용할 수 있는,
현업에서 사용중인 기능들만 모은 알찬 노하우 전수

• UI 디자인 툴
  Sketch의 사용법
  교육

• Zeplin을 통한
  디자이너와 개발자 간의
  커뮤니케이션 교육

• ProtoPie 프로토타이핑
  툴을 사용한
  효과적인 사용자경험
  전달 및 공유

 수강대상

• UX디자인 실무 과정을
  경험해보고 싶은 분
• 모바일, 태블릿, PC웹
  UI/ UX디자이너
• Sketch 툴에 관심이 많고
  배워보고 싶은 분

• 실제 작동되는 프로토타이핑을
  해보고 싶은 분
• 자신의 디자인을 클라이언트에게
  효과적으로 어필하고 싶은 분

  준비사항

 강의 관련 이미지 및 강사 포트폴리오

▲ 삼성바이오로직스

▲ 현대 셀렉션

▲ 제네시스 스펙트럼

▲ KB앱 카드 ▲ 효성

▲ 해비치 ▲ 우리은행

 커리큘럼

• 01강모바일 UI디자인 및 Sketch 소개
  

  디바이스의 변화 : Mobile First에서 Mobile Only로
  모바일 UI디자인 프로세스
  Sketch의 필요성 : 디스플레이 해상도의 다양화
  Sketch와 Zeplin을 사용하는 실무
  Sketch의 기본 화면 구성 및 기능

  03강Sketch 실무 디자인(2) &
               Zeplin으로 퍼블리셔/개발자와 소통하기
  

  Sketch에서 제공하는 Prototyping
  Image Export
  Zeplin의 기본 화면구성 및 기능
  Sketch에서 Zeplin으로 Export
  Zeplin의 Section/Sorting/Note
  Sketch의 Prototyping과 Zeplin에서의 Link
  Style Guide : Color/Text/Component

  05강ProtoPie를 사용한 실무 프로토타이핑(2)
  

  Context Menu 만들기
  Floating Menu 만들기
  Condition 사용
  동영상 삽입
  반복 애니메이션 효과
  

• 02강Sketch 실무 디자인(1)
  

  Templete의 활용
  Sketch에서 제공하는 기본 효과 : Mask/Gradient/Shadow/Blur
  Shape 편집
  Text의 사용
  Align/Resizing/Smart Layout
  Symbol의 사용
  Global Colors/Document Colors
  Library를 사용하는 팀작업

  04강ProtoPie를 사용한 실무 프로토타이핑(1)
  

  ProtoPie 소개
  ProtoPie 기본 화면구성 및 기능
  롤링 페이지 및 탭 UI 만들기
  페이지 전환
  Hamburger Menu 만들기
  Scroll Container와 헤더 애니메이션
  

  06강ProtoPie를 사용한 실무 프로토타이핑(3)
  

  Component 활용
  변수와 공식의 사용한 고급 인터렉션
  프로토타이핑 공유 : Cloud/Share

 강사소개