안양캠퍼스 홍성엽 강사와 함께하는 UI/UX 웹디자인의 모든것!
기초부터 실천까지 UI/UX 웹디자인 완전정복!
내가 UI/UX 전문가가 될수 있다고??
누구나 될 수 있어요! EZEN에서 홍성엽강사와 일단시작!
-
SPECIAL
15년 이상의 실무/강의 경력을 토대로 진행되는
정보의 시각화, 구현 과정의 수업으로 훈련생 개개인 별
기초부터 고급까지 진행되는 논리적 구조의 웹 표준,
웹 접근성을 준수하는 실무 유형의 포트폴리오 완성! -
TEACH
[NCS] 디지털 플랫폼 모바일 디자인, 디지털(서비스경험)
디자인, HTML, CSS, Action Script2.0/3.0, JAVASCRIPT,
JQUERY, 모바일 웹 &앱 UI/UX디자인, 스마트 웹콘텐츠
UI/UX 디자인 & 퍼블리셔 전임 강사
왜 UI/UX 디자인 인가요?
사용자 경험(User Experience, UX)을 기반으로 다양한 인터랙션 디자인(Interaction Design), 사용성(Usability), 정보 구조(Information Architecture)의
UI 구축 과정은 현재 다양한 사용자 연령층, 웹 디바이스 환경에 대응하는 웹디자이너의 필수 항목입니다.
BASIC DESIGN기초부터 시작되는
탄탄한 디자인!
-
01WIRE FRAME
비주얼 디자인이 시작 되기 전에 흑백으로 와이어 프레임이
제작되어 UI/UX 디자인의 방향을 잡는 역할의 구조도를 설계
하며, 페이지나 화면에 보여지는 요소들의 디자인 가이드를
구축 합니다.
-
02DESIGN
누가 사용할 것인가? 그들은 무엇을 원하는가?
그들은 정보를 어떠한 형태로 이용하는가?
그들이 정보를 이용하게 하려면 어떻게 해야 할까?
위와 같은 디자인 요소를 UI/UX 콘셉트
기획안에 맞춰 시각적 요소로 도출합니다.
WEB STANDARD웹(Web)을 구현하기 위한 표준
그리고 접근성
-
01SEMANTIC+METAPHOR
웹을 통해 이용되는 정보의 의미를 웹 언어로 구현, 디자인
하는 과정에서 정보의 내용과 의미가 일치 하는 명령어를
적용, 시각화 함 으로써 보다 더 의미론적(Semantic)이며
논리적인 UI 를 완성할 수 있습니다.
-
02WEB STANDARDS+ACCESSIBILITY
월드 와이드 웹(WWW)을 구현하기 위해 따라야 할
웹 표준을 준수하며, 한국형 웹 콘텐츠 접근성 지침에 따라
정보를 이용하는 사용자는 신체적, 환경적 제약 없이 동등하게
웹 콘텐츠를 이용할 수 있도록 웹 접근성을 지켜가며
웹을 구현합니다.
CURRICULUM ROADMAP전문 적인 수업을 받아야
좋은 사이트를 만들 수 있습니다!
과정평가형 자격 : 국가직무능력표준(NCS : National Competency Standards)으로 설계된 교육·훈련과정을 체계적으로 이수하고
내·외부 평가를 거쳐 취득하는 국가기술자격
- STEP.1 프로토타입제작
- STEP.2 디자인구성요소제작
- STEP.3 프로젝트완료
- STEP.4 디자인툴활용
- STEP.5 퍼블리싱
WEB STANDARDS & WEB ACCESSIBILITY누구나 개별 사이트에 접근할 수 있도록
논리적이며, 쉽게 기술적으로 보장!
장차법 시행령 제14조(정보통신 의사소통에서의 정당한 편의 제공의 단계적
범위 및 편의의 내용) 누구든지 신체적ㆍ기술적 여건과 관계없이 웹 사이트를
통하여 원하는 서비스를 이용할 수 있도록 접근성이 보장되는 웹사이트를
W3C 웹표준기술에 맞춰 기술적 제작하는 코딩관련 수업을 진행합니다.
APPLICATION & EXPANDABILITY웹디자인에 시작되는 응용력과 확장력
많은 학생 분들은 훈련 전 교육상담 과정에서 아래와 같은 질문을 많이 합니다.
- 콘셉트가 적용된 디자인을
표현하는 것이 어렵습니다. - 모두가 좋아하는 디자인의
기준을 모르겠습니다. - 웹 언어는 컴퓨터가 사용하는
언어로 문법적 구조가
복잡하고 어렵습니다. - 웹디자이너를 준비하기
위해서는 무엇을 준비해야
하나요?
EZEN과 함께 고민해결하세요!
웹디자이너를 준비하시는 분들이라면 누구나 한번쯤은 생각해 볼 수 있는 고민입니다. 위와 같은 고민을 가진 학생 분들의 고민을
교육과정에서 해결해 드릴 수 있도록 무언가를 시작하기 앞서, 모범적 사례를 들 수 있는 UI/UX Design 실무사례 리뷰 및 분석,
학습자들과의 그룹 토의를 통해 UI 제작 기준과 가이드를 구축하여 프로젝트를 진행함으로써 교수자위주의 수업이 아닌
학습자위주의 자기 주도적 훈련을 진행 받을 수 있습니다.
-
웹디자이너로서의 자질을 아주 작은 것부터 키워갑니다.
스크린으로부터 전달되는 정보는 사용자의 입장에서 보다 더 쉽고 직관성 있게 전달되어야 많은 사용자로부터
긍정적인 방향의 사용성 평가를 받을 수 있게 됩니다.심미적으로 아름다움을 추구하기 이전 사용자에게 어떻게 정보를 전달하는 것이 효율적인가를 생각해보고
웹디자이너는 그 시작을 서체 선정, 텍스트의 크기, 문장, 문단간의 간격 등을 고려하며 디자인을 해볼 필요성이 있습니다.
보기 쉽고, 읽기 쉽고, 이해하기 쉽게 구분지어진 정보를 기반으로 차후 시각적 디자인적 요소를 적용하여 안정적이고
다양한 사용자 환경을 고려한 심미성을 인정받을 수 있게 됩니다.또한 위와 같은 정보구조를 다양한 모바일, 태블릿, 데스크탑과 같은 기기적 환경에 맞춰 제공하기 위해서는
사용자의 정보이용 환경을 이해 하는게 우선입니다. -
단순히 취업을 준비 한다 라는 개념보다는 더 나아가
취업후 안정적인 정착을 위한 업무스킬을 학습합니다.취업 이후 안정적인 정착을 위해서는 산업현장에서 필요로 하는 것을 할 수 있다는
직무역량 함양입니다.
취업을 준비하는 과정에서 완성된 포트폴리오를 가지고 취업에 성공을 했다 하여도
학습자 스스로 직무역량을 함양하지 못하였다면 안정적인 정착이 어렵습니다.
산업현장에서 요구하는 학습자의 영속성 있는 업무스킬 함양을 위해서 다양한
실무 데이터를 기반으로 학습한 내용은 선수학습체크, 핵심 교육, 차시 수업 연계와
같은 체계적 절차와 같은 과정을 통해 취업이 끝이 아닌 취업 이후 안정적인 정착을 목표로 훈련을 진행합니다. -
웹디자인이 끝이아닌 프론트엔드 개발자까지 진출하기 위한 아주 중요한 첫걸음
사용자와 마주하는 화면 속 UI를 디자인 한다는 것은 사용자가 어떠한 서비스 등을 직접적 혹은 간접적으로 이용하는
과정에서 느끼는 반응과 행동의 총체적 시각적 첫 경험을 의미합니다.
사용자가 직접 접근하고 보여주는 영역을 웹 언어로 개발하는 프론트엔드 개발과정의 선행 단계로써 이해하기 쉬운 정보
전달 및 심미적으로 우수한 디자인은 다양한 경쟁 정보 중 다수의 사용자에게 선택을 받을 수 있는 지름길이며, 차후
프론트엔드 개발에 필요한 개발 요소로 활용이 되어 높은 업무 이해도 및 협업 능력을 함양 할 수 있게 됩니다.
DIGITAL DESIGN모바일 UI/UX 반응형 웹디자인(웹퍼블리셔)
-
01
2D GRAPHICS
웹 콘텐츠 디자인(프로토타입, 시안,
심벌, 로고, 아이콘)제작 역량을 강화 -
02
웹 UI/UX 요구 분석
사용자 리서치 자료를 토대로
사용자의 요구 사항을 파악 -
03
웹 UI/UX 콘셉트 기획
UI/UX 분석 결과를 바탕으로 UI/UX
콘셉트를 도출하고 기능 및 콘텐츠를
정의 -
04
웹 UI 아키텍서 설계
기획된 콘셉트를 바탕으로 디자인과
구현을 위한 콘텐츠, 정보, 와이어
프레임, 태스크 플로우를 설계 -
05
웹 퍼블리싱
HTML 정의 및 기본 명령어, 사이트
레이아웃 유형 구현, CSS Style시각
표현, W3C 웹 표준, 웹 접근성 준수,
사용자의 요구 사항에 맞춰 조작/동작
시나리오 작성 및 분석, 제작 -
06
웹 UI 디자인
정보의 시각적인 요소를 디자인하기
위해 비주얼 디자인, 콘셉트를
도출하며 콘셉트에 근거한 GUI
상세 디자인을 제작 -
07
웹 UI 구현
UI 설계 산출물과 GUI 디자인
가이드를 바탕으로 UI 구현 표준을
수립하고 UI 구현 -
08
웹 UI 테스트
구현된 UI를 검증하기 위하여 사용성
테스트 계획, 수행, 분석, 결과 보고를
수행 -
09
테스트 수행 및 유지보수
웹 콘텐츠 구현 검증을 위해서 분석된
테스트 유형에 따라 테스트를
수행하고 결함을 조치
COMMENT훈련생 코멘트
- 처음에 아무것도 모르는 상태로 시작했는데요... 많은 가르침 얻고, 취업할수 있었습니다. 감사합니다.
- 강사님께서 학생 한 명 한 명에게 관심을 가져주시고 모두를 이끌어 주시는 모습에 더 열심히 공부하게 되었습니다. 실무에서 유용하게 쓰이는 기술들도 많이 알려주셔서 업무 상황에서 정말 유용하게 쓸 수 있을 것 같습니다.
- 간단한 사이트를 구축 할 수 있는 실력을 갖추게 되어 매우 만족스럽습니다.
- 선생님께서 원생들 한명한명에게 관심을 가지고 진로 탐색도 해 주시고, 많은 도움을 주셔서 취업에 필요한 포트폴리오를 완성 할 수 있었습니다. 공부해서 HTML/CSS/JQuery를 이용하여 간단한 사이트를 구축 할 수 있는 실력을 갖추게 되어 매우 만족스럽습니다.
- 디자인의 아주 기초적인 부분부터 퍼블의 고급기술까지 6개월이라는 시간이 짧게느껴질 정도였습니다. 직접 강의해주신 선생님을 만난게 신의한수 였습니다!
- 8월에 수료한 웹디자인 국가기간 직종 수강생 입니다.!! 확실한 강사님 덕분에 어렵던 코딩도 쉽게 배울 수 있었어요ㅎㅎ
- 일단 선생님이 잘 가르쳐주셔서 너무 좋았어요 모르는거 있으면 다 알려주시고 처음에는 걱정 많이 했는데 그 걱정이 무산될 정도로 너무 좋았어요 학원 시설도 깔끔하고 불편한 점은 없었습니다 학원내 상담 같은 것도 편하게 잘 진행해주세요 전체적으로 매우 만족스러운 과정이었어요
- 우선 8시간 수업이라는게 몸에 익숙해지기 전까지는 조금 힘들기도 했었습니다. 다시 고등학교에 다니는 기분..이라고 설명할 수 있을 것 같습니다. 근데 점차 버릇이 되듯 익숙해지면서 수업을 들으러 오는게 신이났고 재밌었습니다.
- 처음 포토 일러 과정 배우고 싶다고 상담받았을 때, 정말 꼼꼼하게 하나하나 과정들 설명해주시며 어떤 차이가 있는지 안내해주셨고 그에 따라 저에게 맞는 것이라고 생각된 GTQ과정을 등록하게 되었습니다.
- 우선 가장 중요한 가르쳐 주신 선생님의 실력, 설명해주시는 방법 모두 매우 좋으셧습니다!!