교육과정소개

교육과정소개

 

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디자이너
-웹디자이너
-웹퍼블리셔
-이커머스·플랫폼 디자인
-디자인 에이전시·웹에이전시

 

훈련시설

 

사용자 등록이미지

  
수강절차안내
사용자 등록이미지

입학상담
T.02-6337-0008


TOP
>