실무에서 활용하는 프론트엔드 디자인 교육해 드립니다.

안녕하세요. 프론트엔드 디자인 및 퍼블리싱 업무를 하고 있는 경력 12년 차 프론트엔드 디자이너 & 개발자(UI Developer) 입니다.

본 프론트엔드 디자인 과정은 웹 디자인을 하기 위해 갖춰야 할 기본 자세와 디자인 기초 설계를 공부하고, 디자인 설계를 바탕으로 완성도 높은 포트폴리오를 제작하는 초급자 과정입니다.

과정을 듣기 위해 필요한 소양은 XD, 포토샵, 일러스트, 에디터(Publishing Tool) 기초를 다루실 수 있어야 무리 없이 들으실 수 있습니다.

툴 기초가 부족하신 분은 메시지로 문의 주시면 맞춤 커리큘럼으로 수강 신청을 하실 수 있도록 제안해 드리고 있으니 궁금하신 분은 문의 주세요.

수강을 하기 위해서 필요한 도구는 개인 노트북, 필기 도구, 연습장 준비해 오셔야 수업이 가능합니다.

PREMIUM 신청은 매주 1회 3시간 과정으로 총 5회로 이루어졌습니다.

맞춤 커리큘럼으로 진행되는 과정으로 오리엔테이션(STANDARD) 후 신청 가능한 과정입니다.

DELUXE 신청은 부족한 부분 상담 후 원하는 교육만 1회 3시간 원데이클래스로 진행 됩니다.

또는 PREMIUM(총 5회) 과정을 매 회 마다 일정과 시간을 선택하여 신청 가능한 과정 입니다.

STANDARD 신청은 오리엔테이션으로 상담을 통해 신청자의 수준에 맞는 맞춤 커리큘럼을 설계해주는 과정입니다. 설계된 커리큘럼으로 과정을 신청할 수 있도록 도와드립니다.

수업 가능 요일은 금요일, 토요일, 일요일 중 선택하여 주 1회 3시간 수업을 진행합니다.

수업 과정 신청 전 원하는 요일과 시간대 협의가 필요한 분은 문의 후 결제 바랍니다.

1. 웹 디자인 시 사전 설정

- 디바이스 지원 범위

- 브라우저 지원 범위

- 레이아웃 유형 설정

- 벤치마킹 및 컨셉 의도 전달

2. UI/UX 디자인 기획

- 와이어프래임 제작

- 스토리보드(UX Design) 제작

3. 타이포그래피 설계

- 제목 설정 (H1~H6)

- 본문 설정 (paragraph)

- 자간, 어간, 행간 설정

4. 그리드시스템 설계

- 컬럼 (Columns), 거터 (Gutter), 마진 (Margin)

- 그리드시스템 공식

- 베이스라인 설정

- 레이아웃 중단점 설정 (Breakpoint)

5. UI Kit 제작

- UI 모듈화 (재사용 높은 UI)

- 유지 보수를 위한 UI Kit

6. 메인, 서브 페이지 제작

- 메인 페이지 제작

- 서브 페이지 제작

- 포트폴리오 완성

- 개인 노트북 필수

- 필기 도구, 연습장

- 디자인 툴 (XD, 포토샵) 사용 (필수)

- 에디터 툴 (VS Code) 사용 (필수 아님)