UX/UI 제작 실무

ㆍ UX/UI의 전반적인 프로세스를 이해하고 학습합니다.

ㆍ 와이어프레임의 정의와 활용법에 대해 알아보고 밀도와 해상도의 개념에 대해 살펴봅니다.

ㆍ XD의 정의와 활용법을 파악합니다.

ㆍ XD의 주요 기능과 인터페이스를 학습하고 기능들을 사용합니다.

ㆍ XD로 다양한 아이콘을 그리는 방법을 습득하고 다른 애플리케이션의 아이콘을 보면서 컨셉을 파악합니다.

ㆍ XD에서 제공하는 텍스트의 기능을 이해하고 활용하면서 디자인 감각을 상승시킵니다.

ㆍ XD로 심볼(구성 요소)의 기능을 알아보고 활용법을 구체화하여 효율적으로 작업을 진행합니다.

ㆍ 로그인 페이지를 디자인해 봄으로써 디자인 감각을 익힙니다.

ㆍ 카드형 프로필 페이지를 디자인해 봄으로써 디자인 감각을 익힙니다.

ㆍ 프로젝트에서의 에셋 사용법과 구성 요소 활용법을 학습합니다.

ㆍ XD 내에서 자주 사용하는 단축키를 학습하여, 작업 속도를 향상시킵니다.

ㆍ 어도비 라이브러리 기능을 살펴보고 사용법을 학습하여 다양한 어도비 툴들과 라이브러리를 공유합니다.

ㆍ 제플린을 직접 다운 받아보고 XD로 디자인한 작업물을 제플린에서 확인하고 개발자와 협업합니다.

ㆍ 프로토타입 유형에서 제공하는 기능을 확인하고 자주 사용하는 전환을 학습합니다.

ㆍ 프로토타입에서 스크롤 고정과 위치 유지에 대해 학습하고 Adobe XD와 공유 및 확인합니다.

ㆍ 최적화 도구인 구글 옵티마이즈를 살펴보고 A/B/n TEST를 통해 결과를 확인합니다.

ㆍ 구글 옵티마이즈의 실험 사례를 알아보고 사이트의 응용 방안과 적용 방안을 생각합니다.

ㆍ 개인 웹사이트와 FTP 또는 쇼핑몰 솔루션을 준비하여 구글 옵티마이즈를 세팅합니다.

ㆍ 개인 웹사이트에 구글 옵티마이즈를 직접 설치하고 스크립트를 삽입하여, 대안 페이지를 생성합니다.

ㆍ 옵티마이즈의 대안 페이지를 통해 html 구조를 파악하고 크롬 개발자 도구를 활용합니다.

ㆍ 웹사이트의 기초 베이스가 되는 html의 대표적인 태그들을 학습하고 여러 웹사이트의 구조를 파악합니다.

ㆍ 자주 쓰이는 css를 학습하고 자바스크립트로 다양한 액션에 따라 스타일을 다르게 설정하는 방법을 확인합니다.

ㆍ 옵티마이즈의 팔레트를 사용하여 사이트의 디자인을 변경합니다.

ㆍ FTP에 이미지를 업로드하여, 이미지 주소를 이용해 사이트에 넣는 과정을 학습합니다.

ㆍ w3schools에서 모달의 코드를 찾아보고 제작 후에 옵티마이즈에 코드를 넣어봅니다.

ㆍ javascript를 활용하여 모달을 만들어봅니다.

ㆍ 실험의 과정을 이해하고 사용자 경험을 분석하여, 옵티마이즈의 보고 리포트를 분석합니다.