UI 디자인 툴 Sktech의 사용법 교육
Zeplin을 통한 디자이너와 개발자
간의 커뮤니케이션 교육
Proto Pie 프로토타이핑 툴을 사용한
효과적인 사용자 경험 전달 및 공유
UX 디자인 실무 과정을
경험해보고 싶은 분
Sketch 툴에 관심이 많고
배워보고 싶은 분
자신의 디자인을 클라이언트에게
효과적으로 어필하고 싶은 분
모바일, 태블릿, PC웹
UI/ UX디자이너
- 모바일 UI디자인 프로세스
- Sketch의 필요성 : 디스플레이 해상도의 다양화
- Sketch와 Zeplin을 사용하는 실무
- Sketch의 기본 화면 구성 및 기능
- Sketch에서 제공하는 기본 효과 :
Mask/Gradient/Shadow/Blur
- Text의 사용
- Templete의 활용
- Shape 편집
- Global Colors/Document Colors
- Align/Resizing/Smart Layout
- Symbol의 사용
- Smart Layout 활용 : 버튼, 팝업
- Data의 활용 / Unsplash : 예제 디자인 완성 및 연습
- Library를 사용하는 팀작업
- Sketch에서 제공하는 Prototyping
- Image Export
- Zeplin의 기본 화면구성 및 기능
- Sketch에서 Zeplin으로 Export
- Zeplin의 Section/Sorting/Note
- Sketch의 Prototyping과 Zeplin에서의 Link
- Style Guide : Color/Text/Spacing/Components
- ProtoPie 소개
- ProtoPie 기본 화면구성
- 롤링 페이지 및 탭 UI 만들기
- Container의 사용
- Opacity/Fill의 차이점 및 활용
- 페이지 전환
- 헤더 인터렉션 만들기
- Context Menu 만들기
- Floating Menu 만들기 및 마이크로 인러텍션의 사용
- Condition 사용방법
- Component 사용방법
- 동영상 및 Lottie Files 삽입
- 반복 애니메이션 효과
- 모바일 디바이스의 센서 활용
- 변수와 공식을 사용하는 고급 인터렉션
- 슬라이더 인터렉션 만들기
- Input과 Return 트리거 사용방법
- PC웹 프로토타이핑
- 프로토타이핑 공유 : Cloud/Share
- 플레이어 앱에 사용한 폰트 설치방법
▲ 삼성바이오로직스
▲ 현대 셀렉션
▲ 제네시스 스펙트럼
▲ KB앱 카드 ▲ 효성
▲ 해비치 ▲ 우리은행
강사
안명철
현) (주)인픽스 Creative Design Group 그룹장
(주)튠인터렉티브 UX Design 수석연구원
(주)에프아이디 디자인실 실장
주요프로젝트
Hyundai Selection App
Genesis Spectrum App
KB생명 디지털채널 혁신 프로젝트
KEB하나은행 개인뱅킹 리뉴얼
KB국민은행 리브통 App
KB국민은행 태블릿 브렌치
삼성전자 SmartControl/SmartView 등
- 아카데미정글은 3호선 신사역 5번 출구에서 도보 약 3분 거리입니다.
신사역 5번 출구에서 뒤에 GS주유소를 오른편에 두고 큰 도로를 직진하셔서 JoyMD가 있는 건물(원능프라자) 2층으로 오시면 됩니다.
- 수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.