Figma + 생성형 AI로 완성하는 UI/UX 웹디자인&퍼블리싱 포트폴리오 실무과정
훈련목표
1.UI·UX 디자인 기획부터 웹디자인 제작 및 퍼블리싱까지 실무 흐름을 이해하고, 관련 도구(Figma, HTML/CSS,ja_ej_vasc_ej_ript&jQuery 등)를 활용하여 웹사이트를 제작할 수 있다.
2.ChatGPT 등 AI 도구를 활용해 디자인 아이디어 도출, 문구 작성, 코드 초안 구성 등 웹디자인 작업의 생산성과 완성도를 높일 수 있다.
훈련개요
| 훈련과정명 |
Figma + 생성형 AI로 완성하는 UI/UX 웹디자인&퍼블리싱 포트폴리오 실무과정 |
| 주훈련대상 |
■실업자(일반) □실업자(국기) □근로자 |
|
NCS훈련직종
|
[20010207] UI/UX엔지니어링
|
| 훈련수준 |
낮음 □1 □2 □3 □4 ■5 □6 □7 □8 높음 |
| 훈련시간 |
400시간 |
| 수강료(원) |
훈련비:2,648,000 / 일반유형:926,800 /국취2:794,400 / 국취1:0 |
| 교육장소 |
605호 |
| 모집인원 |
20명 |
| 훈련교사 |
김*일 선생님 |
| 선수과정 |
-영문타이핑 가능 |
| 수료후연계과정 |
- |
교육커리큘럼
[NCS교과-190시간]
- UI 디자인(100시간)
- UI 구현(100시간)
- UI/UX 가이드 제작(30시간)
- 2D 그래픽제작(20시간)
[비NCS교과-실기-210시간]
- HTML/CSS(75시간)
- HTML5 개요/시멘틱 마크업과 논리적인 순서 마크업/각종요소활용(블록 레벨,인라인,기본,텍스트/목록/표/폼/그룹/구조/미디어)
CSS 기본 문법/선택자(selector)/스타일(문자, 문단)/배경(background)/BOX MODEL/기타 CSS3 속성/레이아웃(float, position)/미디어쿼리(media query)/그 밖의 layout
- 자바스크립트/jquery(75시간)
- 자바스크립트 기본 형식 및 적용 방법/변수와 상수/연산자/제어문/함수/객체/이벤트/BOM (Bowser Object Model)/DOM (Document Object Model)
jQuery 연결 방법/jQuery 선택자/jQuery 주요 메서드/jQuery 이벤트/jQuery 효과/jQuery 플러그인 사용 방법/jQuery 충돌 방지와 JSON 파일 불러오기
- Figma활용하기(20시간)
- FIGMA인터페이스&기본툴/화면설계기초/UI디자인실습/포트폴리오페이지구성
- 반응형 웹사이트 개발(40시간)
- -Figma를 활용한 웹 디자인 시안 제작 및 구현
-HTML5/CSS3 기반 웹 페이지 레이아웃 설계 및 구현
-미디어쿼리를 활용한 디바이스별 반응형 화면 구성
-생성형AI를 활용한 디자인구성요소제작
-챗GPT활용(사이트기획/반응형웹디자인아이디어제안/코드실습도우미/미디어쿼리자동생성등)
-자바스크립트와 jQuery로 사용자 인터랙션 기능 개발
취득가능자격증
-웹디자인개발기능사
취업분야
-UI/UX디자이너
-웹디자이너
-웹퍼블리셔
-이커머스·플랫폼 디자인
-디자인 에이전시·웹에이전시
훈련시설

수강절차안내
