캠퍼스선택바로가기 주메뉴바로가기 본문바로가기

[NCS] 모바일 UI/UX 웹디자인 취업과정

  • 실업자
닫기

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

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

닫기

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

[NCS] 모바일 UI/UX 웹디자인 취업과정

웹디자인

[NCS] 모바일 UI/UX 웹디자인 취업과정

교육정보

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

스마트폰을 비롯한 모바일 기기의 사용이 확대됨에 따라 다양한 디바이스 환경의 홈페이지가 제작되고, 사용되어지고 있습니다. 본 교육과정에서는 과도한 테이블과 이미지로 도배한 의미 없는 웹사이트 제작방식에서 탈피하여 웹의 가치를 향상시키고 사용자 편의성과 인터렉티브 환경을 보장하는 웹표준기술과 HTML5를 적용한 반응형 웹 페이지를 구축합니다.

혁신적인 웹퍼블리셔 양성을 목표로 웹 표준을 준수하여 하드코딩을 하고, xHTML로 구조를 잡고 CSS를 통한 웹접근성을 구현하며, jQuery를 이용해 웹표준 사이트에 연동하는 등 실무에서만 접할 수 있는 웹 퍼블리셔 교육을 진행합니다.

강의대상
  • 웹퍼블리셔로 일하거나 프론트엔드 개발자로 전·이직을 희망하시는 분들
  • 웹표준을 알고 있으며, JavaScript와 jQuery 기초 문법을 학습 하신 분
  • 최신 트렌드한 웹 기술을 배우시고 싶으신 분들
  • 프론트엔드 개발자로 취업을 위해 포트폴리오가 필요하신 분들

NCS 전공교과

교과목명능력단위명능력단위 요소명
멀티디바이스 UX 기획 및 디자인UI/UX 디자인디자인 리서치 하기
디자인 콘셉트 수립하기
디자인 제작하기
UI/UX 요구분석UI/UX 콘셉트 아이디어 도출하기
패스트 프로토타입 제작하기
패스트 프로토타입 검증하기
앱 개발 계획개발 환경 선정
앱 개발 방법론 선정
앱 개발 계획 수립
프로토타입 제작기초데이터 수집
아이디어 스케치
프로토타입 제작
사용성 테스트
디자인 구성요소 제작스토리보드 제작하기
심미성 구성 요소 제작하기
사용성 구성 요소 제작하기
매체성 구성 요소 제작하기
멀티디바이스 UX 설계 및 개발설계리소스 설계하기
플로우 설계하기
시스템 설계하기
구현콘텐츠 구성하기
기능 요소 구현하기
개발 요소 협업하기
수정보완심미적 디자인 요소 수정·보완하기
콘텐츠 사용성 수정·보완하기
매체 기능성 요소 수정·보완하기
프로젝트 완료산출물 정리하기
프로젝트 결과 보고서 작성하기
클라이언트 최종 보고하기

비NCS 실습교과

교과목명능력단위명능력단위 요소명
멀티디바이스 UX 디자인 개론멀티디바이스 UX 디자인 개론멀티 디바이스 UX디자인
3가지 핵심원리 일관성 (Consistent), 연속성 (Continuous), 상호보완성 (Complementary)
멀티디바이스 UX 디자인멀티디바이스 UX 디자인일관된 디자인 방식
연속된 디자인 방식
상호보완하는 디자인 방식
통합된 디자인 방식
  • 정순범
  • 박나경
  • 이유나
정순범
  • 정순범
  • 현) 그린컴퓨터아카데미 인천캠퍼스 강사
  • 현) 국제 공인 컴퓨터 운용 자격 ICDL 국제 공인 강사
  • 현) 한국생산성본부 ITQ 공인강사
    ITQ 자격시험 감독 위원
  • 현) 한국생산성본부 GTQ 자격시험 감독 위원
  • 전) 덕성여자대학교, 한양대학교 출강
  • 전) 2010 공무원 정보화 경진 대회 지도 강사
  • 전) (주)한빛전산 교육지원팀
  • 전) Sun Microsystems(현재 오라클(Oracle))
    System Engineer
  • 전) 매쓰월드 기술팀장,웹사이트 개발 및 관리
  • 전) (주)진학플러스 기획팀장
    멀티미디어콘텐츠 및 사이트 개발
  • 전) (주)컴피알커뮤니케이션
  • 전) (주)삼보컴퓨터(현재 TG서비스) CS팀
  • PROJECT
  • Adobe ACA Visual Communication using
    Adobe Photoshop CS6
  • 웹디자인기능사
  • 그래픽기술자격 GTQ Photoshop
  • 사무자동화산업기사
  • 컴퓨터활용능력1급
  • 워드프로세서1급
  • 정보기술자격(ITQ)
  • 국제공인컴퓨터운용자격 ICDL
  • MOS Master 2010
  • 정보기기운용기능사
  • PC정비사1급
  • 네트워크관리사
  • 리눅스마스터
  • 인터넷정보검색사
  • Sun Microsystems SCJP Certified
  • 서울특별시 전자문서정보화(DRM) 프로젝트
    매쓰월드 웹사이트 개발
  • 멀티미디어콘텐츠 기획/제작
    (주)진학플러스 웹사이트 개발
  • 멀티미디어콘텐츠 제작
  • (주)컴피알커뮤니케이션 웹사이트 개발
박나경
  • 박나경
  • 현) 그린컴퓨터아카데미 인천캠퍼스 강사
  • 전) 색채 미술교육을 통한 정서지능향상 수업 연구
  • 전) 차병원 임상 미술치료 수료
  • PROJECT
  • 인하대학교 신소재 공학연구실 웹사이트 제작
  • 세리미용실 웹사이트 제작
  • 세렌컬렉션 웹사이트 제작
  • 미라큐브 메인플레셔
  • 방송통신대학교 이러닝 플레시 제작 플레셔
  • 영상포털사이트 큐박스 웹디자인 퍼블리싱
  • 그 외 다수 웹사이트100여개 제작.
이유나
  • 이유나
  • 현) 그린컴퓨터아카데미 인천캠퍼스 강사
  • 전) 국가기술관련자격증 보조 감독
  • 전) KT웹에이전시웹페이지
    HTML, CSS, JAVASCRIPT, JQUERY 업무
  • 전) 아산엠 웹페이지 디자인 전담 및
    신데렐라 프로젝트 광고 포스터 기획.제작 업무,
    3D MAX 디자인 보조 업무
  • 전) 포토콤 웹페이지 디자인 전담 및 모델 보정 및 편집 작업
  • PROJECT
  • 신한미디어 컴퓨터 학원 홈페이지 제작
  • 웹에이전시 의뢰 기업들 페이지 제작 업무
  • 아산엠 3D MAX 디자인 보조 업무
  • 아산엠 신데렐라 프로젝트 광고 포스터 디자인
  • 아산엠 웹페이지 메인~서브 디자인
  • 포토콤 모델 보정 및 수정
  • 포토콤 졸업 앨범 기획 및 디자인
  • 포토콤 웹 페이지 디자인
  • 오수*
    오수*[NCS]인터렉티브웹디자인(별관)
  • 최혁*
    최혁*[NCS]인터렉티브웹디자인(별관)
  • 김나*
    김나*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 김지*
    김지*서브웨이 리뉴얼
포트폴리오 더 보기 +
  • 김세지 선생님 그동안 정말 감사합니다~!최지*

    선생님이 알려주신 많은 것들을 잘기억해서 취업을 나가서도 항상 잊지않고 열심히 해보겠습니다.
    코딩이할때 정말 어렵고 답답했던 과거를 토대로 열심히 공부하면 잘 할수 있겠다는 자신감도 생겼습니다.
    진짜 막막했던 순간이 어제 같은데 벌써 과정이 끝나고 포폴북도 만들수 있게 되서 정말 보람찬 4개월이였던거 같습니다.
    이순간을 잊지 않고 열심히..해서 유명한 디자이너가 꼭! 되겠습니다~ 감사합니다~
  • 수원점 김세지 선생님 감사합니다.박진*

    짧은 기간이었지만 웹페이지에 대한 새로운 경험을 하게 되었고
    개인적인 의견과 질문이 많아도 완벽하게 알려주셔서 감사했습니다.
    배운내용 잊어버리지 않고 열심히 하겠습니다.
  • 수원점 UIUX반 김세지 선생님 ] 정말 감사했습니다~ 비전공자도 OK !!김정*

    저는 30대 초반의 비전공자 입니다. 원래 다른 직업을 가지고 있었어요.
    기존의 것을 잠시 놓고, 새로이 웹디자인을 배우자 마음먹기까지 오랜 시간이 걸렸고, 
    또 학원을 직접 방문하며 상담할 때도 "과연 비전공자가 따라갈 수 있는지가 가장 큰 고민"이였어요.

    첫 수업을 받을 땐, 프로그램 하나 다룰 줄 몰라 너무 걱정되고 두려웠었습니다. 
    그러나 걱정도 잠시, 정말 차근 차근 기초부터 하나 하나 알려주세요! 
    경력이 있는 친구들과 같이 공부했었는데, 그 친구들도 모르던 기능을 알아간다고 좋아했던게 기억나네요!

    모르는게 있다면 수업 중간이라도 제 자리에 오셔서 문제를 해결해주시고 가는 점도 너무 좋았습니다.
    그리고 세지세지 선생님이 저희 학생들에게 하나라도 알려주려고 노력하시는 모습에 저도 동기부여가 되어 
    더욱 열심히 할 수 있었던 것 같습니다. 반 분위기도 화기애애 너무 좋았고, 평생 친구도 덤으로 얻어갑니다ㅎㅎ

    그렇게 하루 이틀 지나 벌써 4개월의 과정이 끝났고
    저에겐  GTQ 포토샵, GTQ 일러스트 1급 자격증과 제 포트폴리오용 홈페이지 3개가 만들어졌네요!!
    방금 제본 받아 보았는데 너무 기분이 좋아요 :)

    배울까 말까 고민하시는 비전공자분들! 용기내서 세지세지 선생님 수업 추천드립니다ㅎㅎ





  • 수원?그린컴퓨터아트학원?UXUI반?김세지?선생님?정말??너무너무?감사했습니다..♥김성*

    항상 본인을 희생해서 알려주셨던 세지 선생님!
    지난시간을 돌이켜보니 처음에 오티때 설명 들었던게 생각나요.
    다른 사람들의 포트폴리오를 보며 코딩을 어떻게 저렇게 할 수 있지? 내가 할 수 있을까? 라는 생각에
    처음엔 그렇지만, 시간이 지나서 보면 많이 성장해있을꺼에요 라는말이 공감이 잘 가지 않았는데,
    모든 과정이 끝나고 보니 정말 많이 성장한것 같아요.
    개인시간도 없이 새벽1시반까지 남아서 알려주시고, 희생해주심에 정말 감사했습니다. 
    여태 살아오면서 좋은 선생님들을 많이 만났지만 저에게 가장 최고인 선생님을 말하라고 한다면 
    대학교때의 교수님한분과 세지샘을 말하고 싶어요. 그만큼 인생의 터닝포인트를 만들어준 선생님께 정말 감사해요. 
    세지선생님 수업을 듣게된건 정말 행운이였던것 같아요. 종강때가 오니 시원섭섭하지만 섭섭한마음이 더 커요..
    선생님을 못본다는 생각에요ㅠㅠ 취업하면 학원에 자주 오긴 어렵겠지만,
    가끔 놀러와서 선생님이랑 대화 많이 나누고 싶어요! 
    저는 경력이 있음에도 불구하고 코딩이 너무 무섭고 막막하게 느껴졌었는데 
    선생님과 수업하면서 괜한걱정을 했구나! 라는생각이 들었고 결과물을 보고나니 
    정말 뿌듯하고 너무 감동적이에요! 특히 css와 제이쿼리 나갈때는 정말 막연하고 답답해서 내가 이렇게 못했었나..
    왜 이렇게 어렵게 느껴지지 하고 스스로 좌절감에 빠질때도 많았는데 선생님이 항상 응원해주시면서 
    과정이 다 끝나고나면 어렵지않게 느껴질꺼야, 힘내고 어려운거있으면 답답해하지말고 
    혼자서 끙끙 앓지말고 선생님한테 항상 많이 물어봐 라고 해주신말씀이 너무 인상깊고 와닿았어요.. 
    항상 먼저 와주셔서 어떤부분이 어려워 라고 하시며 섬세하게 알려주시고 
    응원도 많이 해주셔서 지금까지 으쌰으쌰하면서 열심히 버티며 다녔던것같아요.
    그리고 기존에 수업준비가 되있는걸 활용하면 되는데도 수업 외적으로도 항상 노력하며
    새로 바꾸시는 모습을 보며 나도 저렇게 늘 노력하는 사람이 되어야겠다고 생각하게 만들었던것 같아요.
    32살이라는 빠르면 빠르고 늦으면 늦었다는 나이에 학원에와서 걱정했던부분을 전부 희망으로 바꿔주셔서 감사했습니다. 선생님 사랑해요 항상 감사했어요 ♥ 수업도 중요하지만 몸도 챙기시며 수업하세용!
    너무 열심히만 하셔서 학원다니는 내내 걱정과 감동의 물결이였어요! 
    부족했던 저희들을 지금까지 이끌어 주시느냐 고생 많이 하셨습니다!!!
  • 수원 그린컴퓨터학원 김세지 선생님 감사합니다!!조원*

    적지 않은 나이에 새롭게 도전한 분야라서 두려움이 많았습니다.  모든 것이 낯설고 어려웠던 저에게 이 학원에서의 모든 순간이 도전이었고 고민의 연속이었습니다.  그러나 함께 이 과정을 견디고 이겨내게 해 준 5기 동기들과 김세지 선생님의 노력과 열정에 감사한 마음이 더 큽니다. 

    난생 처음 배우는 코딩과 더불어 디테일까지 신경써야 하는 디자인 모두를 만족시킬 수 없었던 저에게 선생님의 멘토링과 동기들의 격려가 매 순간 큰 힘이었습니다. 선생님은 혼자 잘 하기보다 같이 잘하는 사람들이 되도록 보이지 않는 곳에서 많은 신경을 써 주셔셔서 5개월이란 시간 동안 제가 스스로를 디자이너라고 부를 수 있게 되었습니다.  

    디자인을 배우겠다고 다짐했을 때 가장 바랬던 점은 믿고 따를 수 있는 좋은 선생님을 만났으면 좋겠다..라는 마음 하나였습니다. 수원 그린아트학원은 저에게 오아시스 같은 곳이었습니다. 국비지원 과정은 한 번도 들어본 적이 없었고 나라의 세금으로 운영하는 과정에 대해 의구심도 있었습니다만, 그 만큼 학원에서도 학생들에게 많은 신경을 써주시고 피드백 해주셔서 그 부분도 감사하게 생각합니다. 

    저는 아주 늦은 나이에 처음 코딩과 디자인을 배웠습니다. 만약  이 과정을 검색해서 알게 된다면, 그리고 운좋게서 경기 남부지역에 거주해서 운좋게 수원지점의 김세지 선생님 과정을 수강하게 된다면 당신은 인생의 터닝포인트를 찾게 될 행운아입니다!! 수업이 힘들 수는 있습니다만 어려운 만큼 보람도 얹게될 것입니다.  




수강후기 더 보기▶

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

개강임박
(주)지아이티아카데미
  • 주소 : 인천광역시 부평구 부평동 549-6(부평대로 19-1) 신도시프라자B/D 6F, 9F, 10F 
  • 대표자 : 김상곤 
  • 사업자등록번호 : 472-85-00430 
  • 통신판매업신고 : 2013-인천부평-00369호 
  • 학원등록번호 : 인천북부 제 2016-1호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
실업자 사무행정(컴퓨터활용능력)구직자과정 446,320
실업자 사무행정(컴퓨터활용능력)양성과정 669,480
실업자 회계초급관리자과정(회계1,FAT1급) 770,280
실업자 회계세무실무자양성 (회계1급,세무2급,TAT2급) 1,283,800
실업자 스마트기기 UX/UI 디자인(디지털 앱, 웹디자인)실무양성과정 4,210,400
실업자 [NCS]스마트모바일앱&웹디자인실무과정 4,210,400
실업자 [NCS]모바일UI/UX웹디자인취업과정 4,736,700
실업자 실내건축시공(실내건축설계, AutoCAD, MAX) 실무자양성과정 5,648,400
실업자 BIM(건축설계)실무자양성과정 5,020,800
실업자 [NCS]시각(광고매체)편집디자인취업과정 4,736,700
재직자 컴퓨터활용능력 1급 취득과정 (실기) 200,840
재직자 컴퓨터활용능력 2급 취득과정 (실기) 133,900
재직자 전산회계 1급 취득과정 385,140
재직자 전산세무 2급 취득과정 385,140
재직자 편집향상과정 (일러스트레이터 기본) 179,040
재직자 편집디자인향상과정(포토샵 기본 활용) 358,080
재직자 실내건축설계 향상과정(Auto CAD)A 376,560
재직자 실내건축설계 향상과정(3D MAX) 376,560
재직자 사무행정 향상과정(워드, 엑셀, 파워포인트, 액세스) 334,740
재직자 디지털디자인 향상과정 (드림위버&웹표준및웹접근성) 315,780
재직자 디지털디자인 향상과정 (HTML5+jQuery) 315,780
재직자 영상편집(모션그래픽) 370,860
재직자 응용SW엔지니어링 향상과정(C언어) 394,440
재직자 응용SW엔지니어링 향상과정(JAVA) 394,440
재직자 인디자인(InDesign) 157,890
상담
문의
032-330-2111