배경
디지털 디자인

[디지털디자인]ChatGPT 활용 UIUX 반응형 웹앱디자인&웹퍼블리셔

  • 개강일

    수시개강

  • 교육기간

    정규 5개월(95일/760시간)

  • 수강료

    • 100% 전액지원(훈련교재 무료제공)
    • ※ 훈련참여시 월최대 80만원 훈련장려금 지원
  • 모집정원

    20명

궁금한 점이 있다면?
상담·문의 신청하기

디지털 디자인

[디지털디자인]ChatGPT 활용 UIUX 반응형 웹앱디자인&웹퍼블리셔

  • 개강일

    수시개강

  • 교육기간

    정규 5개월(95일/760시간)

  • 수강료

    • 100% 전액지원(훈련교재 무료제공)
    • ※ 훈련참여시 월최대 80만원 훈련장려금 지원
  • 모집정원

    20명

  • 상담·문의신청
ChatGPT를 활용한 UI·UX 설계부터 구현까지
반응형 웹·웹앱 디자인과 퍼블리싱을 아우르는
UIUX 반응형 웹앱디자인 & 웹퍼블리셔 전문 과정
  • UI/UX 기획·디자인·퍼블리싱을 한 번에 배우는 실무 중심 과정!
    사용자 분석부터 프로토타입 제작, UI 설계와 구현까지
    디지털디자인 전 과정을 프로젝트 기반으로 체계적으로 학습합니다.
    ChatGPT와 생성형 AI를 활용한 기획·자료조사·코드 작성부터
    피그마, HTML·CSS, 자바스크립트, React까지 실무 기술을 익혀
    UIUX 반응형 웹·웹앱을 구현하는 디지털디자인 전문가로 성장하세요.
  • UIUX 반응형 웹앱디자인 과정 이미지
어떤걸 배울 수 있나요?
디지털디자인 주요 스킬
  • 1
    포토샵Adobe Photoshop을 활용해 이미지 편집, 합성, 상세페이지 및 썸네일 디자인을 실습하며 시각적 콘텐츠 제작 기술을 익힙니다.
  • 2
    일러스트Adobe Illustrator를 활용해 벡터 기반의 로고, 아이콘, 인쇄물 디자인을 제작하며 정교한 그래픽 작업 기술을 익힙니다.
  • 3
    ChatGPT생성형 AI를 활용하여 디자인 콘셉트 기획, 시안 아이디어 도출 등 그래픽 디자인 제작 전반의 기획 업무를 효율적으로 지원합니다.
  • 4
    Adobe Firefly텍스트 프롬프트로 고품질 이미지를 생성하고, 기존 작업물과 자연스럽게 합성·편집하여 디자인 작업 효율을 극대화합니다.
  • 5
    피그마Figma를 활용해 UI/UX 디자인 프로토타입을 제작하고, 사용자 중심의 인터페이스 흐름을 설계하는 실무 기술을 익힙니다.
  • 6
    HTMLHTML5를 활용해 웹페이지의 구조와 콘텐츠를 체계적으로 설계하고, 시맨틱 마크업으로 접근성을 강화하는 방법을 익힙니다.
  • 7
    CSSCSS3를 활용해 웹페이지의 시각적 디자인을 구현하고, 반응형 및 애니메이션 효과로 사용자 경험을 향상시키는 기법을 익힙니다.
  • 8
    JavaScriptJavaScript를 활용해 웹페이지에 동적 인터랙션과 DOM 조작을 구현하고, 사용자 경험을 극대화하는 기술을 익힙니다.
  • 9
    React.jsReact.js를 활용해 컴포넌트 기반의 동적이고 반응형 웹 인터페이스를 설계하고 상태 관리 기법을 마스터합니다.
이런 내용을 교육합니다
  • 과정상세이미지
    과정명
커리큘럼 정규 5개월(95일/760시간)
  • 1 프로토타입 기초데이터 수집 및 스케치
    • 기초데이터 수집하기
    • 레퍼런스 조사‧분석하기
    • 아이디어 스케치하기
  • 2 프로토타입 제작 및 사용성 테스트
    • 프로토타입 제작하기
    • 사용성 테스트하기
    • 테스트 수정사항 반영하기
  • 3 디자인 구성요소 설계
    • 스토리보드 설계하기
    • 심미성 구성요소 설계하기
    • 사용성 구성요소 설계하기
    • 매체성 구성요소 설계하기
  • 4 디자인 구성요소 제작
    • 스토리보드 제작하기
    • 심미성 구성요소 제작하기
    • 사용성 구성요소 제작하기
    • 매체성 구성요소 제작하기
  • 5 프로젝트 완료 자료정리
    • 산출물 자료정리하기
    • 프로젝트 결과 자료정리하기
    • 클라이언트 최종 보고 자료정리하기
  • 6 프로젝트 완료 최종보고
    • 산출물 제출하기
    • 프로젝트 결과 보고서 제출하기
    • 클라이언트 최종 보고하기
  • 7 프로젝트 완료 결과보고서 작성
    • 산출물 정리하기
    • 프로젝트 결과 보고서 작성하기
    • 클라이언트 최종발표자료 작성하기
  • 8 디지털디자인 사후관리
    • 오류 수정하기
    • 클라이언트 요청사항 반영하기
    • 프로젝트 내부 공유ㆍ리뷰하기
    • 데이터베이스 관리하기
  • 9 디자인 구성요소 응용
    • 스토리보드 응용하기
    • 심미성 구성요소 응용하기
    • 사용성 구성요소 응용하기
    • 매체성 구성요소 응용하기
  • 10 서비스ㆍ경험디자인 시나리오 개발
    • 서비스·경험 시나리오 기획하기
    • 서비스·경험 시나리오 제작하기
    • 서비스·경험 시나리오 평가 보완하기
  • 11 서비스ㆍ경험디자인 관찰조사
    • 사용자 유형분류하기
    • 관찰조사 설계하기
    • 사용자 관찰조사하기
  • 12 스마트문화앱 UX 설계
    • UI 정보구조 설계하기
    • 워크플로우 제작하기
    • 내비게이션 설계하기
  • 13 스마트문화앱 UI 디자인
    • 디자인 콘셉트 수립하기
    • 스타일가이드 제작하기
    • 시안디자인 제작하기
  • 14 React.js
    • React환경설정
    • 기본문법과컴포넌트이해
    • 컴포넌트분할과프로퍼티를이용한데이터전달
    • 컴포넌트활용하기
    • Redux를활용한컴포넌트관리
  • 15 생성형 AI 활용
    • 챗GPT 프롬프트 활용법
    • 챗GPT 활용 자료 조사 분석
    • 챗GPT 활용 코드 작성 및 오류 검증
    • 효율적인 생성형 AI 프롬프트 작성방법
    • 생성형 AI 활용 이미지 생성, 보정, 편집, 합성
  • 16 피그마(활용)
    • 반응형 웹 랜딩페이지 디자인
    • 그리드 설정
    • 랜딩페이지 디자인
  • 17 HTML&CSS(Flex 레이아웃)
    • Flex Box 속성 이해하기
    • Flex, Grid 활용한 HTML5, 문서 유형별 레이아웃 작업하기
  • 18 자바스크립트(Javascript)
    • 자바스크립트기본문법이해
    • 자바스크립트활용및응용
  • 19 포토샵(기초)
    • 포토샵 툴 기능 이해 및 활용
    • 포토샵 고급기능 이해 및 활용
    • 실무 디자인 응용
* 교육 커리큘럼은 트렌드 및 기수에 따라 변동될 수 있습니다.
추천 교육대상
  • UI/UX 디자인과 웹 퍼블리싱 기술을 모두 갖춘 인재
  • ChatGPT·AI 툴 활용으로 작업 효율을 극대화할 분
  • 반응형 웹·React.js 실습으로 취업 경쟁력을 높일 분
  • 비전공자도 무리 없이
    전임 강사의 1:1 맞춤 교육
    상담을 통해 학습 진도를 평가하고 개인에 맞게
    교육 난이도를 조절하여 교육합니다.
  • 1:1맞춤교육
100% 수강생 작품
고퀄리티 포트폴리오
    더보기
    수강생 리뷰

    궁금한 점이 있다면?
    상담·문의 신청하기