네이티브 앱이란 아이폰과 안드로이드폰 등 모바일 기기의 스토어 및 마켓에서
사용자가 직접 내려받아 해당 기기에 설치하거나 삭제할 수 있는 애플리케이션으로
일반적으로 말하는 ‘앱(APP)'은 대부분 네이티브 앱을 의미합니다.
앱을 사용해 보거나 제작 과정에 좀 더 깊이 들어가 보면
몇 백 줄의 코드와 몇 번의 포토샵 작업으로 제작할 수 있는 게 아니라는 것을 깨닫게 됩니다.
단순 앱 제작보다 앞선 그 무엇인가가 이를 테면 감성과 철학, 트렌드, 사용자에 대한 이해,
버튼과 아이콘 하나하나의 위치와 색상 등 사용자를 고려한 요소가 더 크게 작용한다고 볼 수 있습니다.
그대 안에 아직 꽃피우지 않은 무한한 가능성이 남아있습니다.
포토샵, 일러스트레이터 등
디자인 툴을 자신감 있게 사용
가능한 분
앱 기획부터 프로토타입
디자인까지 취업 포트폴리오를
준비 중인 분
앱 디자인에 대한 전반적인
이해가 부족한 상태로 실무에서
작업 중인 분
네이티브 앱 제작 과정에서 디자이너는 해당 운영체제가 무엇이고,
운영체제에서 제시하는 가이드라인과 UX/UI의 요소, 기획 의도에 맞게 디자인해야 합니다.
위와 같은 일련의 디자인 작업을 수행하기 위해서 필요한 UX/UI에 대한 이해와
앱 디자인 환경, 운영체제의 이해, UX를 적용한 기획 등을 본 과정을 통해 알게 됩니다.
알게된 것을 바탕으로 UX론을 접목하여 디자인 기획, 디자인 리서치, 테스크 분석, 페이퍼 프로토타입,
GUI 디자인, 최종 디자인을 수행하는 전체 프로세스인 UX 시나리오 제작 및 각 운영체제별 디자인 가이드,
해상도, 이미지 최적화, UI-KIT 등을 포토샵, 일러스트레이터, 기타 프로로타입 툴(어시스트PS·스케치·마블앱·iOS
스토리보드 등)을 이용해 네이티브 앱 디자인 포트폴리오를 완성하게 됩니다.
<준비물>
메모지와 필기구
<교육 장비>
Apple iMac 21.5-inch
※ iMac 이용이 처음인 분들은 개인 노트북을 지참해도 됩니다.
Adobe Photoshop CS6(소프트웨어)
Adobe Illustrator CS6(소프트웨어)
앱 디자인 제작 프로세스에 대한 이해를 바탕으로
기획과 실습이 단계적으로 진행됩니다.
| [01] | UX / UI의 개념 및 UX 디자인 모바일 앱 UX / UI의 트렌드 분석(웹&모바일) 및 사례 모바일 앱(iOS, Android, WebApp) 제작 프로세스 및 기술 모바일 앱 디자인 환경 및 특징(운영체제 별 디자인 가이드) |
| [02] | UX / UI 디자인 트렌드 및 디자인 리서치 디자인 포지셔닝 / 경쟁앱 분석 / 무드 보드 / 디자인 리서치 Material / Flat / Interaction / Info Design |
| [03] | 모바일 해상도 및 디바이스(단말기)의 이해 모바일 컬러 및 적용 모바일 파일 포멧의 이해 및 최적화 방법 |
| [04] | 모바일 앱 스토리보드 및 OS 디자인 가이드 및 화면 구조 화면 레이아웃 설계(iOS, Android, WebApp) 운영체제 별 UI-kit 제작(iOS, Android) |
| [05] | 일러스트레이터를 이용한 UI 디자인 기법 시스템 아이콘 제작 (ai, SVG 활용) |
| [06] | 나인패치 및 SVG 제작 모바일 아이콘의 이해와 종류 디자인 가이드에 맞춘 iOS, Android, WebApp 아이콘 제작 실 단말기 테스트 |
| [07] | UX를 반영한 모바일 앱 기획론 UX / UI 콘셉트를 반영하여 테스크 분석 및 서비스 설계 |
| [08] | 페이퍼 프로토타입 제작 방법 모바일 구조 및 GUI 설계 방법 UX 시나리오 제작 |
| [09] | 모바일 GUI 디자인 기법 모바일 앱 프로토타입 디자인 목업 툴을 이용한 프로토타입 제작(Marvelapp 활용) |
| [10] | 모바일 웹앱 / 하이브리드 앱 디자인 프로세스 및 환경 모바일 웹의 뷰포트 이해와 이미지 활용 다양한 레이아웃 설계 방법 반응형 / 적응형 웹앱 디자인 기법 하이브리드앱 제작 방법 |
| [11] | 실 단말기 테스트 UX UI Design 포트폴리오 제작 방법 index 설정 |
| [12] | UX UI Design 포트폴리오 제작 |
강사의 저서를 바탕으로 다년간 다듬어온 강의 자료와
좋은 앱 디자인 사례에 관한 레퍼런스가 준비되어 있습니다.
UX시나리오와 디자인 가이드를 완성하고,
목업 툴을 이용해 앱 프로토타입을 제작합니다.
*UX시나리오란 디자이너가 다양한 UX론을 접목하여 디자인 기획 -
디자인 리서치 태스크 분석-페이퍼 프로토 타입-GUI디자인-최종
디자인을 수행하는 전체 과정을 말함 (아래 예시 참고)
*디자인 가이드란 디자이너가 Android, iOS 규격에 맞춰 개발자와
협업하는 문서로 실무에서 디자이너에게 가장 중요한 문서로 쓰임
(아래 예시 참고)
포토샵을 만지는 엔지니어에 그치지 않고,
UX/UI 앱 디자이너로 새롭게 시작할 수 있게
저의 경험과 기술을 아낌없이 보태드리겠습니다.
프로젝트
스마트앱 창작터 / 기상청 창업 / 서울대학교 경영대학원 창업
UX 멘토링
한국매크로미디어 MAX: 모바일플래시 게임 공모전 대상
아이리버모바일 게임 공모전: 모바일 플래시 게임 제작
특별상 ‘miniPlayBall’
친환경상품 진흥원: 플래시 게임 공모전 3위 ‘에코파이터’
보건 복지부 자살 예방UCC:보건복지가족부장관상
UX UI Mockup / UX UI Color / UX UI Calculator 시리즈
앱 제작 및 서비스
10 interesting mobile apps for UXdesigners ~ UXness
에 선정
이모티콘 제작 및 서비스
AZ 웨더 앱 서비스
저서
2012 눈길을 사로잡는 스마트폰 UX UI 디자인, 위키북스
2013 눈길을 사로잡는 스마트폰 UX UI 디자인(개정판),
위키북스
실무
2011.06 ~ 현재 ㈜소프트캠퍼스 디자인 실장
2004.01 ~ 2010.02 모바일랩정보교육원
2003.02 ~ 2003.12 ㈜에듀스쿨
2002.01 ~ 2003.01 ㈜라인미디어 디자인 팀장
강의
SK T-아카데미 모바일 UX / UI / GUI 강의
삼성SDS멀티캠퍼스 / 삼성 sGen Club UX / UI 인턴 교육
KT 에코노베이션 스마트 스쿨
스마트 창작터, 전주/인천/부산 정보영상진흥원
포스코ICT, 나이텍, 63 한화 생명 UX, 비즈델리
제주대학교, 원광대학교, 선문대학교, 대구(경상) 대학교
디노마드 UX UI 설계 및 디자인 실무
디노마드 / 한국만화영상진흥원 이모티콘 수업
서울시 마포구 독막로9길 23, 아덴빌딩 2층(26 합정역 7분 거리)
02-325-1500
