WORKSHOP | 워크샵

워크샵 과정은 다양한 디자인 분야에서도 독자적인 영역을 확보하고 있는 스페셜 교육에 주목합니다.
전문가의 축적된 노하우와 메이킹 스타일을 통해 새로운 크리에이티브의 세계를 경험할 수 있는 스페셜 코스 입니다.

HOME > 워크샵 > 과정소개

Sketch App과 Zeplin, ProtoPie를 사용한 모바일 UI디자인
Sketch App, Zeplin and ProtoPie : Mobile UI Design

내용 타이틀 이미지
기  간 2020-01-08 - 2020-02-05
시  간 (월/수) 19:00 - 21:50
강  사 안명철
장  소 아카데미정글(강남 신사)
모집인원 24명 [결재선착순 모집]
수강료
총 390,000원  [온라인카드 2~6개월 무이자할부 가능]

안내 : 본 강의는 화, 목요일 진행되는 평일강의로 8일간 진행됩니다.
준비물(필수) : Sketch App과 Zeplin, ProtoPie가 설치된 맥북, 충전기, 마우스

 강의 개요

line 이미지
인픽스 디자인 스쿨
모바일 UX디자인 실무에 적용할 수 있는,
현업에서 사용중인 기능들만 모은 알찬 노하우 전수
  • UI 디자인 툴
    Sketch의 사용법
    교육

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

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

 수강대상

line 이미지
  • UX디자인 실무 과정 이미지 UX디자인 실무 과정을
    경험해보고 싶은 분
  • 모바일, 태블릿, PC웹 모바일, 태블릿, PC웹
    UI/ UX디자이너
  • Sketch 툴 Sketch 툴에 관심이 많고
    배워보고 싶은 분
  • 프로토타이핑 실제 작동되는 프로토타이핑을
    해보고 싶은 분
  • 자신의 디자인을 클라이언트 자신의 디자인을 클라이언트에게
    효과적으로 어필하고 싶은 분

  준비사항

line 이미지
 준비사항 이미지
Sketch App과 Zeplin, ProtoPie가 설치된 맥북

logoZeplin은 계정별로 1개의 프로젝트까지는 무료로 사용 가능

logoProtoPie는 계정별로 1주일 간 무료 사용 가능

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

line 이미지
sketch 이미지 제작 예시

▲ 삼성바이오로직스

sketch 이미지 제작 예시

▲ 현대 셀렉션

sketch 이미지 제작 예시

▲ 제네시스 스펙트럼

sketch 이미지 제작 예시

▲ KB앱 카드 ▲ 효성

sketch 이미지 제작 예시

▲ 해비치 ▲ 우리은행

 커리큘럼

line 이미지
  • 01강모바일 UI디자인 및 Sketch 소개

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

    03강Sketch 실무 디자인(2)

    Library를 사용하는 팀작업
    Sketch에서 제공하는 Prototyping
    Image Export

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

    ProtoPie 소개
    ProtoPie 기본 화면구성 및 기능
    롤링 페이지 및 탭 UI 만들기
    페이지 전환

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

    Condition 사용
    Component 활용
    동영상 삽입
    반복 애니메이션 효과

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

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

    04강Zeplin으로 퍼블리셔/개발자와 소통하기

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

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

    Hamburger Menu 만들기
    Scroll Container와 헤더 애니메이션
    Context Menu 만들기
    Floating Menu 만들기

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

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

 강사소개

line 이미지
안명철 선생님 이미지

강사
안명철


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


Hyundai Selection App
Genesis Spectrum App
KB생명 디지털채널 혁신 프로젝트
KEB하나은행 개인뱅킹 리뉴얼
KB국민은행 리브통 App
KB국민은행 태블릿 브렌치
삼성전자 SmartControl/SmartView 등

  • ※ 본 강의는 강사, 커리큘럼이 일부 변경되거나 사정으로 인하여 폐강될 수 있습니다.
  • ※ 본 강의 내용은 교육기획자 및 강사와의 협의없이 무단으로 사용될 수 없습니다.
  • ※ 무단사용시 저작권 침해로 인해 처벌받을 수 있음을 알려 드립니다.

포인트안내

  • 포인트는 과정 종료후 마이스터디에 있는 강의평가 버튼을 누른 후 설문조사에 참여하시면, 포인트가 가용 포인트로 전환됩니다.
    (참고로 실제 사용할 수 있는 포인트를 가용 포인트라고 칭합니다.)
    또한, 강의평가 설문조사 사항은 앞으로의 교육 운영에 적극 반영 하도록 하겠습니다. 마이스터디 페이지 바로가기

등록안내

  • - 과정 등록은 온라인으로 신청하시면 됩니다. 결제는 직접 방문, 무통장입금 또는 카드결제가 가능합니다.
  • - 무통장 입금으로 결제를 하실 경우 반드시 신청자 이름으로 입금하셔야지만 확인이 가능합니다.
  • - 등록확인과 취소는 마이스터디에서 확인 하실 수 있습니다.
  • - 계산서가 필요하신 분은 발급 신청란에 내용을 정확하게 기입해 주셔야 하며, 사업자 등록을 하신 분은 회사 찾기로 쉽게 입력하실 수 있습니다.
  • - 환불 규정은 해당 페이지를 참고하시기 바랍니다. 환불규정 보기
  • - 기타 문의 사항은 전화 02-3673-1721 메일 info@ejungle.co.kr
목록으로