UI/UX엔지니어링(반응형 웹디자인) 양성과정

실업자
국기

NCS기반 훈련과정 다른 훈련 과정 보기

닫기

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

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

닫기

분야

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

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

UX/UI 디자인(디지털 앱,웹디자인)양성과정

스마트기기 UX/UI 디자인(디지털 앱,웹디자인)양성과정

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

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

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

강의대상

전문 디자인 작업을 배우고자 하는 예비 디자이너
타 디자인분야에서 웹디자이너로서 모색중인 디자이너
현직 웹 디자이너로써 모바일 웹페이지를 제작하려는 분
웹퍼블리싱 기술을 습득하여 UI/UX환경을 구축하려는 디자이너

취업분야

웹디자이너, 웹 퍼블리셔, 웹 기획자, 디지털컨텐츠 개발 및 기획자, 모바일 인터페이스 디자이너, 웹 에이전시, 쇼핑몰 디자이너 등

취득가능 자격증

웹디자인 기능사, 멀티미디어 콘텐츠제작 전문가, 컴퓨터그래픽스운용기능사, GTQ 등

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

교과목명	능력단위명	능력단위 요소명
UI 디자인	UI 디자인	GUI 디자인 콘셉트 도출하기 GUI 템플릿 제작하기 GUI 상세 디자인하기
UI 구현	UI 구현	UI 설계 검토하기 UI 구현 표준 검토하기 저작도구 활용하기 UI 제작하기
UI 테스트	UI 테스트	사용성 테스트 계획하기 사용성 테스트 수행하기 테스트 결과 보고하기
UI/UX 가이드 제작	UI/UX 가이드 제작	UI/UX 가이드 기준도출하기 UI/UX 가이드 작성하기 UI/UX 가이드 공유하기
프로토타입 제작 및 사용성 테스트	프로토타입 제작 및 사용성 테스트	프로토타입 제작하기 사용성 테스트하기 테스트 수정사항 반영하기
프로토타입 기초데이터 수집및 스케치	프로토타입 기초데이터 수집 및 스케치	기초데이터 수집하기 레퍼런스 조사,분석하기 아이디어 스케치하기
수정보완	수정보완	심미적 디자인 요소 수정 보완하기 콘텐츠 사용성 수정 보완하기 매체 기능적 요소 수정 보완하기
디자인 구성요소 설계	디자인 구성요소 설계	스토리보드 설계하기 심미성 구성요소 설계하기 사용성 구성요소 설계하기 매체성 구성요소 설계하기
[비NCS] 기초디자인	포토샵	포토샵맛보기 원하는대로작업범위지정하기 레이어이해하고메뉴살펴보기 이미지를보정하는다양한방법 문자와도형의벡터이미지만들기 다양한필터활용하기
[비NCS] 기초디자인	일러스트레이터	오브젝트편집과수정쉽게하기 일러스트레이터CS6로드로잉하듯그리기 그래픽작업에필요한색상만들기
[비NCS] 웹표준디자인	HTML&CSS	HTML기본기다지기 텍스트관련태그들 이미지와하이퍼링크 폼관련태그들 CSS기초 텍스트관련스타일 배경을위한스타일 레이아웃을위한스타일 CSS포지셔닝
[비NCS] 웹표준디자인	JAVASCRIPT&JQUERY	처음만나는자바스크립트 자바스크립트기초문법 제어문/객체/함수 제이쿼리문서객체선택자와조작법 제이쿼리이벤트 다양한효과와애니메이션 제이쿼리비동기방식연동 제이쿼리플러그인 반응형웹UI만들기
[비NCS] 포트폴리오	포트폴리오기획	개요및목표설정하기 현황분석하기 벤치마킹하기 사용자분석하기 포지셔닝설정하기 정보구조설정하기 제작방향설정하기 포트폴리오기획수정보완 포트폴리오기획완료
[비NCS] 포트폴리오	포트폴리오제작	스타일가이드제작하기 프로토타입제작하기 디자인시안제작하기 디자인시안수정보완하기 구현가이드작성하기 화면구현하기 웹표준웹접근성테스트 반응형구현하기

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

이도형 강사

김세지 강사

김서연 강사

최혁*[NCS]인터렉티브웹디자인(별관)
조기*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
김지*서브웨이 리뉴얼
이해*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)

포트폴리오 더 보기 +

과정소개
커리큘럼
강사소개
포트폴리오
수강후기
추천과정

김철학 선생님 박소현 실장님 고생하셨습니다이찬*

적절한 내용으로 비전공자로써 이해할수있었고 박소현 실장님의 상담덕에 자신감이 생겼습니다 감사합니다
김철학 선생님, 박소현 취업 상담 실장님 !!!!!!!!!홍유*

선생님~~ 5개월간 9시부터 6시까지 수업 하시느라 고생 많으셨습니다. 비전공자여서 초반에는 엉뚱한 질문도 많이 했지만 이해될때까지 알려주셔서 감사했어요. 그리고 박소현 상담 실장님, 자소서 작성부터 면접까지 엄청 많은 도움주셔서 감사합니다. 처음 도전하는 분야이기 때문에, 혼자 준비한다면 너무 막막했을텐데 실장님께 너무 많은 도움 받았습니다!!! 취업을 간절히 원한다면 박소현 실장님께 적극적으로 질문하고 도움을 요청한다면 좋을 거 같습니다. 다들 취뽀~ 아자!
김철학 선생님, 박소현 실장님 감사합니다!오수*

전공자로서 웹 개발에 대한 기본적인 이해는 있었지만, 이번 교육을 통해 AI Worker, AI UX 전략, RAG 인프라와 같은 새로운 기술을 접하며 시야를 넓힐 수 있었습니다. 특히 Java와 Spring 기반의 웹 서비스에 AI 기술을 어떻게 자연스럽게 연결할 수 있는지 직접 배우고 경험한 점이 인상 깊었습니다. 단순히 기능을 구현하는 것을 넘어 사용자의 경험과 서비스의 방향까지 함께 고민할 수 있었고, 앞으로 AI를 활용한 웹 서비스를 개발하는 데 좋은 밑바탕이 될 것 같습니다. 새로운 기술을 배우며 한 단계 더 성장할 수 있었던 의미 있는 시간이었습니다.
컴활 1급 필기실기(김경미쌤) 수강후기문소*

혼자 집에서 독학했으면 한 달안에 이정도의 양을 소화하지 못했을 것 같은데, 한 번 다 돌아볼 수 있어서 좋았습니다!! 아무래도 내용이 많다보니 뒤로 가면서 앞 부분을 까먹게되는데 사소한 부분도 하나하나 다시 설명해주셔서 복습하는 데 편했어요. 그리고 질문도 꽤 많이 드렸는데ㅜ 엄청 빠르게 답장주셨어요. 추천드립니당
26.02 - 26.07 수강 후기배은*

관심은 있는데 혼자 공부하긴 어려웠던 툴을 기초부터 심화 과정까지 배울 수 있어서 좋았습니다. 짧으면 짧고 길면 긴 기간 동안 개인 프로젝트도 하고 협업 프로젝트도 하면서 실무 경험을 할 수 있다는 점이 좋았던 것 같습니다! 5개월 과정 동안 수고하셨습니다 ????
하경미 강사님, 정은주 강사님 그동안 고생하셨습니다. 이상*

만나 뵈어서 행운이었습니다. 덕분에 많은 것을 배우고 갑니다. 감사합니다!