배경
디지털 디자인

[디지털디자인]UIUX 프론트엔드 반응형 웹디자인&웹퍼블리셔(웹,앱,피그마)

  • 개강일

    수시개강

  • 교육기간

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

  • 수강료

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

    20명

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

디지털 디자인

[디지털디자인]UIUX 프론트엔드 반응형 웹디자인&웹퍼블리셔(웹,앱,피그마)

  • 개강일

    수시개강

  • 교육기간

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

  • 수강료

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

    20명

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

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