UI 디자인 툴
Sketch의 사용법
교육
Zeplin을 통한
디자이너와 개발자 간의
커뮤니케이션 교육
ProtoPie 프로토타이핑
툴을 사용한
효과적인 사용자경험
전달 및 공유
Zeplin은 계정별로 1개의 프로젝트까지는 무료로 사용 가능
ProtoPie는 계정별로 1주일 간 무료 사용 가능
▲ 삼성바이오로직스
▲ 현대 셀렉션
▲ 제네시스 스펙트럼
▲ KB앱 카드 ▲ 효성
▲ 해비치 ▲ 우리은행
디바이스의 변화 : Mobile First에서 Mobile Only로
모바일 UI디자인 프로세스
Sketch의 필요성 : 디스플레이 해상도의 다양화
Sketch와 Zeplin을 사용하는 실무
Sketch의 기본 화면 구성 및 기능
Library를 사용하는 팀작업
Sketch에서 제공하는 Prototyping
Image Export
ProtoPie 소개
ProtoPie 기본 화면구성 및 기능
롤링 페이지 및 탭 UI 만들기
페이지 전환
Condition 사용
Component 활용
동영상 삽입
반복 애니메이션 효과
Templete의 활용
Sketch에서 제공하는 기본 효과 : Mask/Gradient/Shadow/Blur
Shape 편집
Text의 사용
Align/Resizing/Smart Layout
Symbol의 사용
Global Colors/Document Colors
Zeplin의 기본 화면구성 및 기능
Sketch에서 Zeplin으로 Export
Zeplin의 Section/Sorting/Note
Sketch의 Prototyping과 Zeplin에서의 Link
Style Guide : Color/Text/Component
Hamburger Menu 만들기
Scroll Container와 헤더 애니메이션
Context Menu 만들기
Floating Menu 만들기
변수와 공식의 사용한 고급 인터렉션
프로토타이핑 공유 : Cloud/Share
강사
안명철
현) (주)인픽스 Creative Design Group 그룹장
(주)튠인터렉티브 UX Design 수석연구원
(주)에프아이디 디자인실 실장
프로젝트
Hyundai Selection App
Genesis Spectrum App
KB생명 디지털채널 혁신 프로젝트
KEB하나은행 개인뱅킹 리뉴얼
KB국민은행 리브통 App
KB국민은행 태블릿 브렌치
삼성전자 SmartControl/SmartView 등