숙명여자대학교 비교과통합관리시스템

2021 시각영상디자인과 겨울방학 비교과 특강: 웹디자인 코딩

※ 미술대학학생만 신청바랍니다.

※ 본 특강은 시각영상디자인과 전공 학생을 위한 겨울방학 특강으로 전공 학생만 신청 부탁드립니다.

* 특강 과목

웹디자인 코딩

02/15-2/28 스노우보드를 이용한 녹화 강의

* 강사: 한지영

*수강 가능 인원 : 20명(선착순)

**필독: 비교과 특강 신청 기간 전까지 3333-19-0443732 카카오뱅크 이민선으로 특강 횟수 * 10,000 만큼 예치금 입금, 출석 횟수만큼 특강 종료 후 환급 (전체 출석 시 전액 환급)

* 특강 시작일

2022년 2월 15일 화요일 ( 주 5회 2주 과정입니다.)

디자인 플로우

목표 :  GUI와 개발자 협업 측면에서 디자인을 어떻게 해야하고, 어떤 형식으로 넘겨 줘야 하는지에 대한 내용입니다.  *제플린에 디자인 파일만 그냥 한 장 올리는 실수를 방지하기 위한

--------------------------------------------------------------------------------------------------

1일차 : 디자인 시작 전 기획문서 파악 

- 실무에서 실제로 쓰이는 요건 정의서 

- 메뉴 구조도  (실제 쓰이는 파일 오픈 )

번외 ) 웹 디자인을 할 때 유의 할 것

2일차 : UX 리서치 

- 고객 발견

- 엘리베이터 피치 프레임워크

- 로드맵

- MVP

3일차: UI / GUI 디자인 가이드 파악 

- UI 문서 / UI general Guide

- GUI general Guide 문서 예시

과제: 지메일 디자인 시스템 미리 작성해보기 

4일차: GUI 디자인 시스템 점검 / 제플린 활용 

- IOS 메일을 활용 디자인 시스템 활용

-제플린 스타일 가이드

-디자인 QA (디자인 검수)

5일차 : 번외) 프로덕트 디자인

-프로덕트 매니저가 하는 일

-프로덕트 라이프 사이클

(수업시간변동)

6일차 웹 개발이란? - FE

1. html

2. css

3. javascript

4. 정적 웹페이지 

7일차 웹 개발이란? - BE

1. 백엔드 개발자의 업무

2. 동적 웹페이지

3. 서버 / 호스팅

8일차 웹 개발 시작 전 기획문서 파악 및 디자이너와 소통( 본격적인 웹 페이지 제작)

1. 공용 컴퍼넌트 제작

2. DOM 이벤트 조작 조건 파악

3. 해상도에 따른 반응형 조건 파악

9일차 마크업 개발 - FE

- 개발 과정

10일차 PR 및 QA 

- 개발 검수 및 코드 리뷰

- 기타 QnA

강의방식: 비대면  ZOOM 녹화 강의

*특강 신청자는 특강의 70프로 이상을 수강해야합니다.

**비교과 프로그램 수강 후 설문이 완료되어야 마일리지가 지급됩니다.