한국생산성본부

최근 검색어
인기 검색어
닫기

교육

지수

자격인증

접기/펴기

[온앤오프] [기획] Git과 Figma를 활용한 모던 UI제작

교육상세 옵션정보
교육일정
 
교육시간 3일, 20시간
교육장소 서울본부(강의장 추후 개별 안내)
고용보험 고용보험 비환급 ?
교육비
정상가 600,000 원 1사2인 이상시 1인당 570,000 원 KPC 유료법인회원 540,000 원
교육문의 T.02-724-1218 / F. 02-724-1875 /hkypark@kpc.or.kr
 

교육목적/특징

Figma를 활용한 디자인 기법 습득

웹 서비스 UI기획 및 제작 스킬 습득

[교육 개요]

포토샵 등의 디자인 툴의 경우 웹 UI에 최적화 되어 있지 않는 단점이 있음

이후 Sketch라는 UI전용 툴이 등장하며 세계적으로 이슈가 되고 사용자 층이 늘어 나게 되었으나, 해당 툴은 Mac OS 전용이라 사용 범위에 따른 제약이 많음

이런 단점을 개선할 수 있는 Figma가 등장하면서 많은 관심을 받게 되었으며, Figma는 Window와 Mac 등에서 모두 사용할 수 있으며, 간단한 프로젝트의 경우 무료 사용 가능

본 교육과정에서는 Git과 Figma를 활용하여 웹페이지 제작을 위한 다양한 기법들을 살펴 보고자 함



교육대상

웹 페이지 제작 담당자

웹 서비스 관련 업무를 하시는 분

웹 서비스 기획 및 사이트 개편 관련 업무 담당자



교육내용

일자별 교육내용을 나타낸 표입니다.
일자 내용
1일차 오전

[Phase 01] 환경설정 및 Git 익히기

- 모던 웹브라우저 및 확장기능 설치
- 개발환경 구축 및 사용법 익히기
- CLI 명령어 학습

오후 - Git 설치 및 Github 가입과 환경설정
- Git 실습
2일차 오전 [Phase 02] Figma의 활용
- Figma란?
- Figma 살펴보기
- Figma 툴테크닉
- Figma 시안 분석
오후 [Phase 03] 웹 UI 제작
- 적응형 VS 반응형
- 중단점과 미디어쿼리
- 유연한 그리드와 이미지
- 접근성을 위한 WAI-ARIA 표준 기술
- Figma 콘텐츠 분석을 통한 구조설계
- UI 디자인 및 인터렉션 구현
- CSS 애니메이션
3일차 오전 [Phase 04] Github을 활용한 배포 및 관리
- 실습에 사용할 샘플 사이트
- 실습에 사용할 Figma 시안

수강후기

연관 자격

자격증명 자격증관련링크

[온앤오프] [기획] Git과 Figma를 활용한 모던 UI제작

2021-11-22~2021-11-24

 
한국생산성본부

슬기로운 직장생활을 위한 한국생산성본부 교육과정 상세 안내

과정명 : [온앤오프] [기획] Git과 Figma를 활용한 모던 UI제작

교육일정 2021-11-22 ~ 2021-11-24 교육시간 09:00 : 13:00 교육장소
교육비 지원 고용보험 비환급 담당자 T.02-724-1218 / F. 02-724-1875 /hkypark@kpc.or.kr

교육비

정상가 1사2인 이상시 1인당 KPC회원(일반,특별)
600,000원 570,000원 540,000원

※ 2일이하 과정은 산업인력공단 실시신고 등록마감으로 인해 훈련 개시 1일전(근무일기준) 18:00까지 신청할 수 있습니다.

상세안내

교육목적/특징

Figma를 활용한 디자인 기법 습득

웹 서비스 UI기획 및 제작 스킬 습득

[교육 개요]

포토샵 등의 디자인 툴의 경우 웹 UI에 최적화 되어 있지 않는 단점이 있음

이후 Sketch라는 UI전용 툴이 등장하며 세계적으로 이슈가 되고 사용자 층이 늘어 나게 되었으나, 해당 툴은 Mac OS 전용이라 사용 범위에 따른 제약이 많음

이런 단점을 개선할 수 있는 Figma가 등장하면서 많은 관심을 받게 되었으며, Figma는 Window와 Mac 등에서 모두 사용할 수 있으며, 간단한 프로젝트의 경우 무료 사용 가능

본 교육과정에서는 Git과 Figma를 활용하여 웹페이지 제작을 위한 다양한 기법들을 살펴 보고자 함

교육대상

웹 페이지 제작 담당자

웹 서비스 관련 업무를 하시는 분

웹 서비스 기획 및 사이트 개편 관련 업무 담당자

교육내용

일자별 교육내용을 나타낸 표입니다.
일자 내용
1일차 오전

[Phase 01] 환경설정 및 Git 익히기

- 모던 웹브라우저 및 확장기능 설치
- 개발환경 구축 및 사용법 익히기
- CLI 명령어 학습

오후 - Git 설치 및 Github 가입과 환경설정
- Git 실습
2일차 오전 [Phase 02] Figma의 활용
- Figma란?
- Figma 살펴보기
- Figma 툴테크닉
- Figma 시안 분석
오후 [Phase 03] 웹 UI 제작
- 적응형 VS 반응형
- 중단점과 미디어쿼리
- 유연한 그리드와 이미지
- 접근성을 위한 WAI-ARIA 표준 기술
- Figma 콘텐츠 분석을 통한 구조설계
- UI 디자인 및 인터렉션 구현
- CSS 애니메이션
3일차 오전 [Phase 04] Github을 활용한 배포 및 관리
- 실습에 사용할 샘플 사이트
- 실습에 사용할 Figma 시안

한국생산성본부

우) 03170 서울시 종로구 새문안로5가길 32 생산성빌딩
Copyright ⓒ Korea Productivity Center. All Rights Reserved.