지점선택바로가기 주메뉴바로가기 본문바로가기

UI/UX 반응형 웹디자인&웹퍼블리셔(디자인&코딩) 양성과정

  • 실업자
  • 국기
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

UI/UX 반응형 웹디자인&웹퍼블리셔(디자인&코딩) 양성과정

스마트기기UX/UI디자인

스마트기기UI/UX 웹디자인 웹퍼블리셔 실무자양성과정

교육정보

혁신은 창의적인 테크니션만이 가능하다!

프론트앤드 (Front-end) 개발자는 웹디자이너, 웹퍼블리셔, 웹 개발자로 구분되었던 기존의 업무 프로세스에서 사용자 중점의 인터페이스(UI)와 사용자 경험(UX)을 담당하는 차세대 직업군입니다. Javascript, J-Query, HTML, CSS를 사용해 구현하고자하는 웹서비스를 웹브라우저에서 실제로 작동하게 만드는 일을 수행합니다. 다양한 사용자 요구에 따라 진화를 멈추지 않는 웹 환경을 위해 보다 효율적이고 효과적으로 대응 할 수 있는 웹서비스 구현 방식을 교육합니다. 또한 사용자의 접근성 향상과 안정적인 시스템, 다양한 요구에 대응하면서 비용의 절감까지 도모할 수 있는 차세대 웹 기술을 교육합니다.

강의대상
  • 전문 디자인 작업을 배우고자 하는 예비 디자이너
  • 타 디자인분야에서 웹디자이너로서 모색중인 디자이너
  • 현직 웹 디자이너로써 모바일 웹페이지를 제작하려는 분
  • 웹퍼블리싱 기술을 습득하여 UI/UX환경을 구축하려는 디자이너
취업분야
  • 웹디자이너, 웹 퍼블리셔, 웹 기획자, 디지털컨텐츠 개발 및 기획자, 모바일 인터페이스 디자이너, 웹 에이전시, 쇼핑몰 디자이너 등
취득가능 자격증
  • 웹디자인 기능사, 멀티미디어 콘텐츠제작 전문가, 컴퓨터그래픽스운용기능사, GTQ 등
교과목명 능력단위명 능력단위 요소명
프로토타입
 프로토타입 제작 및 사용성 테스트

프로토타입 제작하기

사용성 테스트하기

테스트 수정사항 반영하기

 프로토타입 기초데이터 수집 및 스케치

기초데이터 수집하기

레퍼런스 조사,분석하기

아이디어 스케치하기

디자인 구성요소 설계 및 제작
 디자인 구성요소 설계

스토리보드 설계하기

심미성 구성요소 설계하기

사용성 구성요소 설계하기

매체성 구성요소 설계하기

 디자인 구성요소 제작

스토리보드 제작하기

심미성 구성요소 제작하기

사용성 구성요소 제작하기

매체성 구성요소 제작하기

 디자인 구성요소 응용

스토리보드 응용하기

심미성 구성요소 응용하기

사용성 구성요소 응용하기

매체성 구성요소 응용하기

프로젝트 완료
 디지털디자인 사후관리

오류 수정하기

클라이언트 요청사항 반영하기

프로젝트 내부 공유·리뷰하기

데이터베이스 관리하기

 프로젝트 완료 최종보고

산출물 제출하기

프로젝트 결과 보고서 제출하기

클라이언트 최종 보고하기

 프로젝트 완료 결과보고서 작성

산출물 정리하기

프로젝트 결과 보고서 작성하기

클라이언트 최종발표자료 작성하기

 프로젝트 완료 자료정리

산출물 자료정리하기

프로젝트 결과 자료정리하기

클라이언트 최종 보고 자료정리하기

시나리오 제작
 서비스ㆍ경험디자인 관찰조사

사용자 유형분류하기

관찰조사 설계하기

사용자 관찰조사하기

 서비스ㆍ경험디자인 시나리오 개발

서비스·경험 시나리오 기획하기

서비스·경험 시나리오 제작하기

서비스·경험 시나리오 평가 보완하기

사용자리서치
 사용자 리서치

사용자 리서치 계획하기

리서치 수행하기

리서치 분석하기

시안 디자인 개발
 비주얼 아이데이션 구상

아이디어 구상하기

아이디어 스케치 구상하기

비주얼 방향 구상하기

 시안 디자인 개발 심화

디자인 요소 확장하기

아트웍 고도화하기

베리에이션 완료하기

스마트 UI/UX
 스마트문화앱 UI 디자인

디자인 컨셉트 수립하기

스타일가이드 제작하기

시안디자인 제작하기

 스마트문화앱 UX 설계

UI 정보구조 설계하기

워크플로우 제작하기

네비게이션 설계하기

반응형 웹 프로젝트
 반응형 웹 프로젝트

1.반응형 웹 사이트 준비 작업하기

2..반응형 웹 구조 작업하기

3.반응형 웹페이지 작업하기

4.고해상도 기기 이미지 대응하기

5..반응형 웹 사이트 디바이스별 테스트

재량교과
 입학식

교직원 및 훈련교사 소개、 NCS란、 개인정보보호、 성폭력예방 안내、 훈련실시 계획 안내、 평가 안내(일정、 기준、 방법、 후속조치)、 훈련 운영사항 안내(출결、 제적조건등)

  취업특강

진로 및 직업특강、 이력서 및 자기소개서 작성방법 특강、 면접 특강、 면접클리닉

  작품발표회

훈련생 포트폴리오발표 및 피드백

  수료식

수료 및 사후관리사항 안내、 수료증 전달、 훈련생 소감 및 피드백

  • 이혁주
  • 이신협
  • 차용일
  • 박태홍
  • 남현빈
  • 안효정
  • 임민재
이혁주
  • 이혁주
  • 現) 그린컴퓨터아카데미 강사
  • 前) M디자인 웹 퍼블리싱 팀장
  • 前) N솔루션 웹 퍼블리셔
  • PROJECT
  • 여성 e―Business 교육사업 인증
  • 멀티미디어 컨텐츠 제작 전문가
  • 웹디자인 기능사
  • MOS Master
  • ACA(Adobe Certified Associate)
  • 컴퓨터그래픽스운용기능사
  • PTQ(GTQ 전문강사)
  • 직업능력개발훈련교사 2급(디자인/문화콘텐츠)
  • 직업능력개발훈련교사 3급(영상제작/정보기술개발/정보기술전략계획)
  • 고등학교 방과후 활동 출강
  • 속에 다 있다 컴퓨터그래픽스운용기능사(실기) 저서(2007, 웰북)
  • PROJECT ― 마포문화재단외 다수 사이트 유지보수
이신협
  • 이신협
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 이빌드 개발실장
  • PROJECT
차용일
  • 차용일
  • 현) 그린컴퓨터아카데미 강사
  • 전) 더조은컴퓨터 학원 강사
  • 전) 메가스터디
  • PROJECT
  • 메가스터디 경찰공무원 프로젝트 (설계 및 화면구현 참여)
  • Save the Children 리뉴얼
  • AppsPlay 신규 프로젝트 구현
  • Hansoltex 리뉴얼 설계 및 화면 구현
  • 세이클럽 관리 운영 issue 및 리뉴얼
  • 기타 에이전시 Web, Mobile, App, Tamplete 등의 각종 프로젝트 참여
  • 정보처리산업기사(자격증보유)
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (all flash 사이트 제작/광고 제작)
  • 전) 웹사이트 제작
    (기업,공공기관,교육기관,요식업,보드샵,음악학원 등)
  • 전) 모바일 웹&앱 프로젝트 / 프로모션 사이트
    (안드로이드/아이폰)
  • PROJECT
  • 정보처리 산업 기사
  • 웹디자인 기능사
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(정보처리3급)
  • 직업능력개발훈련교사(산업디자인3급)
  • 직업능력개발훈련교사(사무자동화3급)
안효정
  • 안효정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) DAZZCompany 시스템엔지니어 및 개발팀 과장
  • PROJECT
  • 아이폰게임개발사창업(PPstudio)
  • 애플앱스토어에 3개의 게임출시(미국앱스토어)
  • 아이패드용 전자잡지프로젝트 기획/개발
  • 아이패드용 멀티미디어북(3D동화책) 기획/개발
  • 아이폰게임 개발(프로그래밍지원―인공지능/그래픽담당)
  • 충무로 미술관용 전자잡지 프로젝트기획/프로그래밍 지원
  • 아이패드용 인터랙티브북 기획/프로그래밍 (동화책)
  • 아이폰/아이폰게임개발 인터넷강의 자료제작
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 코드원(Code―ONE) 시스템엔지니어 및 개발팀 팀장
  • 여러 기업 및 개인용 소프트웨어 개발 및 안드로이드 앱 개발
  • 홈페이지 구축 및 온라인 시스템 구축
  • 전산망 구축사업 설계 및 프로젝트 매니저로 활동
임민재
  • 임민재
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) DAZZCompany 연구팀 차장
  • 전) CODE―ONE 개발팀 과장
  • 전) COUZLE―IT 연구개발팀 과장
  • 전) 우연EDNC 디자인팀
  • 전) 한국설계사무소 기획팀
  • 전) 매치앤피스 연구팀대리
  • 전) 네크식스 연구팀대리
  • 전) 경민대학교프로그래밍(c언어/c++)출강
  • 전) 삼육대학교 프로그래밍언어 출강
  • 전) 대원외고 그래픽디자인 관련 출강
  • PROJECT
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 다수기업 웹접근성 준수 및 반응형 페이지 하드코딩을 통한
    재설계 및 제작
  • 사이베이스 페이지 반응형 구축
  • e―learning(이러닝) 시스템 프론트, 백엔드 페이지 기획& 개발
  • 세븐레이어스 웹 기획 및 구축
  • 한국원자력재단 디자인 기획
  • 네크식스 다수 Community Web site 반응형 제작
  • 매치앤피스 반응형 Site제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
  • 김아*
    김아*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 김혜*
    김혜*로네펠트 (홍차 홈페이지) 리뉴얼
  • 김정*
    김정*소마미술관 리뉴얼
  • 양미*
    양미*웹퍼블리싱프론트엔드디자인
포트폴리오 더 보기 +
  • 감사합니다임진*

    부평점에서 웹디자인 배우고, 취직했습니다. 감사합니다
    가르쳐주신 박나경선생님, 취업 상담실의 안미향실장님 감사드립니다.
  • 박은정 선생님 감사합니다^^장동*

    안양 그린컴퓨터아트학원에서 웹디자인을 수강하였습니다.
    전혀 접해보지 않은 분야라서 잘 할수 있을까 걱정반 기대반으로 상담을 받으러 갔는데 상담해주시는 분들 전부 다 친절하시고 잘 설명해주셔서 용기를 내어 수강을 하게 되었습니다.
    수업을 해주시는 박은정선생님께서도 한명한명 꼼꼼하게 봐주셨고 비전공자들도 충분히 이해할 수 있게 쉽게 설명해주셨습니다. 누구하나 뒤쳐지는 사람 없게 할려는 노력들이 보였고 친절하셨습니다.
    누구나 하는 생각이겠지만, 저또한 과연 포트폴리오를 만들 수 있을까 생각했는데 자연스럽게 수업을 받고 공부를 하다보니 어느새 저도 다른 사람들처럼 포트폴리오를 만들고 있었고, 후반부가 되니 취업실장님이 들어오셔서 여러가지 취업에 관한 조언과 이력서,자소서 클리닉도 해주셨습니다.
    여러 업체들도 소개시켜주셨고 괜찮으면 면접 봐보라고 말씀해주셨습니다, 아직 면접은 보지 못했지만 곧 볼예정입니다.
    이 글을 보시는 다른 분들도  안양 그린컴퓨터아트학원에서 공부하시고 원하시는 결과 얻어 가시길 바랍니다!!
  • 이재호 선생님 감사합니다!!!!!!!!!!!김민*

    저는 포토샵, 일러스트 주말반 2달 과정을 마쳤는데요.. 
    처음엔 포토샵이라곤 얼굴 보정밖에 할 줄 몰라서 배우려고 했는데 주변에선 뭐하러 돈 주고 배우냐..요즘 동영상 보고 배우면 된 다고 그랬지만 그래도 하다가 모르는 게 생기면 물어볼 사람이 없기 때문에 이곳 저곳 알아 보다 토요일만 가능한 곳은 그린컴퓨터 아카데미 뿐이라 여기서 수강을 하게 되었어요. 등록하고 나서 걱정 되었던 건 선생님이였는데.. 선생님 잘 만나는 것도 진짜 운이라고 하잖아요. 그런데 진짜 이런 걱정 하나 할 필요 없이 선생님이 정말 세심하게 하나부터 열까지, 그리고 더 쉽게 할 수 있는 팁, 현직 디자이너도 잘 모를 수 있는 팁들을 알려주셔서 매 강의 때마다 재밌게 청강을 하였습니다.
    아무래도 학원이다 보니 특성상 내가 궁금한 걸 과감하게 물어볼 수 있을까?란 고민이 수강 전에 들었지만 막상 수업하고 나니 선생님이 돌아다니면서 한 명 한 명 체크해주시고 처음부터 자세하게 설명해주셔서 무사히 전 과정을 수료할 수 있었던 거 같아요. 
    선생님께 배우고 나서 너무 좋아서 중급 과정이 있는지 물어보았으나 아직은 없다고 하였는데, 중급 과정이 있다면 또 수강할 의사가 있습니다. 그정도로 너무 만족했던 강의였고 진짜 추천합니다!!!!! 
    제가 수강했던 반 선생님은 이재호 선생님이셨는데 현재 선생님께 배우고 원래 이쪽 일이랑 전혀 상관없는데 투잡으로 다른 데서 외주 받아서 포토샵 작업도 하고 있습니다ㅋㅋㅋㅋㅋㅋㅋ그리고 제일 큰 장점은 모르는 게 있음 선생님께 연락해서 물어볼 수 있다는 점!!!!
    애니웨이 그린 컴퓨터 아카데미 이재호 선생님 감사합니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  • 그린컴퓨터아카데미 덕분에 빠른취업했어요!!홍정*

    처음 상담해주시던 제 담당자님, 그리고 담임(?)선생님 정말 정말 감사드립니다!
    수업 너무 알차고 재미있었어요 ㅎㅎ
  • 어렵고 유익했던 과정평가윤다*

    전공도 실용음악이라 아무것도 모르던 상태에서 과연 내가 웹디자인을 잘 배울 수 있을까 고민이 많았지만 처음하는 저도 쉽게 시작해서 능숙하게 다룰 수 있게 될 정도로 선생님께서 잘 가르쳐주셨습니다.
     과정평가형이라 거의 매주 시험을 보고 과제를 제출하고 진도도 빠르게 나가느라 힘이 들기도 했지만 그렇기 때문에 긴장을 놓지 않고 열심히 배우고 포트폴리오를 만들 수 있었다고 생각합니다.
     이제 남은 건 취업 뿐인데 코로나 때문에 힘들지만 마지막까지 포트폴리오 정리와 이력서, 자소서 정리를 하며 올해 안에 꼭 취업에.. 성공해야겠습니당 ..
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
그린 할인 혜택

(주)지아이티아카데미

대표번호 : 02.3481.1005

  • 대표자 : 김상곤 | 사업자등록번호 : 220-85-34964
  • 통신판매업신고 : 2013-서울강남-01429호 | 학원등록번호 : 제 5135호
  • 주소 : 서울시 강남구 역삼동 815-4(강남대로 428) 만이빌딩 5층, 10층 / 서울시 강남구 역삼동 649-14(테헤란로 119) 대호빌딩 8층
  • COPYRIGHT © 2019 GITACADEMY [수강료게시]
실업자(일반) 광고콘텐츠제작(인쇄물,포토샵,일러스트)입문과정 927,150
실업자(일반) 광고편집디자인(시각디자인) 전문가 2,387,200
실업자(일반) [디지털 디자인] 영상편집(모션그래픽) 1,263,120
실업자(일반) [웹개발자] 웹 퍼블리셔 취업과정(웹표준&웹접근성) 2,240,000
실업자(일반) 실내건축설계(Auto CAD, Sketch UP)입문과정 1,129,680
실업자(일반) 실내건축설계(3D-MAX)입문과정 1,694,520
실업자(일반) 세무(경리 실무자)양성훈련과정 1,283,800
실업자(일반) 회계, 세무 초급관리자(전산회계,전산세무)취업과정 1,283,800
실업자(국기) BIM(건축디자인 및 설계) 취업과정 5,648,400
실업자(국기) 전산응용건축제도기능사 3,859,740
실업자(국기) 실내건축산업기사 3,236,745
실업자(국기) [NCS기반]환경(인테리어)디자인 1,894,680
실업자(국기) 게임콘텐츠(MAX) 제작 전문가 4,450,320
실업자(국기) 게임콘텐츠(MAYA) 개발 및 취업과정 5,933,760
실업자(국기) 웹디자인기능사 3,157,800
실업자(국기) 디지털컨버전스(UI/UX엔지니어링, 프론트앤드)양성과정 4,601,800
실업자(국기) 디지털퍼블리싱(편집, e-book디자인, 포토샵, 일러스트, 인디자인)양성과정 3,580,800
실업자(국기) 디지털퍼블리싱(편집, e-book디자인, 포토샵, 일러스트, 인디자인)취업과정 2,984,000
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)양성과정 3,157,800
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)입문과정 3,684,100
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)취업과정 3,684,100
실업자(국기) 스마트웹&콘텐츠서비스개발(하이브리드 웹, 앱)양성과정 4,326,700
실업자(국기) 자바(JAVA)기반 전자정부 표준프레임워크 개발자 3,800,000
실업자(국기) 자바(JAVA)기반 전자정부표준프레임워크 5,259,200
재직자 HTML5, CSS3 - 응용SW 엔지니어링 394,440
재직자 Javascript, jQuery - 응용SW 엔지니어링 394,440
재직자 PHP+MySQL 프로그래밍 - 응용SW 엔지니어링 394,440
재직자 광고콘텐츠제작 향상과정(스케치업) 185,430
재직자 그래픽제작(3DMAX와 VRAY포트폴리오)향상과정 445,040
재직자 디지털디자인향상과정(웹표준 및 웹접근성) 157,890
재직자 라이노(Rhino 3D) - 제품디자인 315,780
재직자 실내건축설계 향상과정(Auto CAD) 376,560
재직자 안드로이드 앱(Android App) - 응용SW 엔지니어링 394,440
재직자 엑셀(Excel)-사무행정 167,370
재직자 웹표준_웹접근성-디지털디자인 315,780
재직자 응용SW엔지니어링 향상과정(C언어) 394,440
재직자 응용SW엔지니어링 향상과정(JAVA) 394,440
재직자 응용SW엔지니어링 향상과정(JSP) 394,440
재직자 일러스트레이터 (Illustrator) - 편집디자인 179,040
재직자 일러스트레이터 (Illustrator)향상과정 - 편집 179,040
재직자 전산회계1급 자격취득 - 세무 385,140
재직자 전산세무2급 자격취득 - 세무 385,140
재직자 정보처리기사 자격취득 - 응용SW 엔지니어링 394,440
재직자 컴퓨터활용능력 1급 자격취득 - 사무행정 334,740
재직자 포토샵 (Photoshop) - 편집디자인 179,040
재직자 포토샵(Photoshop) 향상과정 - 편집디자인 179,040
재직자 프레젠테이션(파워포인트(Powerpoint))-사무행정 133,900
재직자 프리미어(Premier), 에프터이펙트(After Effect)-영상편집 325,260
재직자 3D-MAX, V-ray - 광고콘텐츠제작 556,290
재직자 인디자인(InDesign)향상과정-편집디자인 358,080
재직자 컬러리스트(Colorist) 315,780
재직자 시네마4D (Cinema4D) 향상과정-광고콘텐츠제작 370,860
재직자 BIM(Revit) - 건축설계 376,560
재직자 카티아(CATIA)활용 - 기계요소설계 326,280
재직자 아이폰 앱(iPhone App) - 응용SW 엔지니어링 394,440
재직자 포토샵 (Photoshop)종합 (B) - 스마트문화앱콘텐츠제작 346,140
재직자 일러스트레이터(Illustrator)종합 (B) - 시각디자인 294,730
재직자 웹표준&웹접근성-디지털디자인 315,780
상담
문의
02-3481-1005