UI/UX 디자인 (Adobe XD)
- 1차 개강일
- 25년 02월 25일(화)
- 2차 개강일
- 25년 03월 11일(화)
고용24 국민내일배움카드 훈련과정명은
UI/UX 디자인
(Adobe XD)입니다.


지금 신청하면 모든 온라인강의가 0원이라고?
간편 회원 가입만으로도 1400만원 상당의 온라인 강의가 0원
2개월 프리패스 제공안내받기
경쟁력을 갖고 싶은 디자이너라면
UX,UI 는 물론 현업에서 사용하는 XD까지 -
다채로운 디자인을 배우고 싶다면?

사용자와 컴퓨터 사이에 일어나는
상호작용(UI)과 정서적 측면을
강조하는 UX를
근거로 전문성을 더욱 높인 클래스입니다.
Start now

- UX/UI
- User-research
- Personas
- 사용성 테스트
- Layout
- Visual Design
- Branding
사용자 경험을 디자인
UX? UI? 그건 무엇일까요?
변화되는 사용자의 경험을 반영하여
디자인에 접목시키자!
정보 배열·콘텐츠 시각화·서비스 중심의 실무과정
- UI 개요와 UX 분석 : 정의 및 기초문법
- UI/UX 프로토타입제작 : 다채로운 애니메이션 구현
- 사이트 제작 : 실무에 활용이 높은 플러그인 이해와 적용

- 개인별 작업을 통해 나만의 포트폴리오를 제작합니다.
- 트렌디한 예제를 통해 학습하며, 완성을 위한 1:1 가이드를 제공합니다.
- 사용자 경험을 기반으로, UI/UX를 고민하고 프로토타입 제작 등으로
실무를 미리 경험합니다.

- UI/UX 요구분석
콘텐츠 기획 - UI/UX 아키텍쳐 설계&디자인
- UI/UX 구현 및 테스트
- 웹&앱 어플리케이션 배포, 테스트 수행 및 유지보수
User Experience VS User Interface UI/UX 디자이너! 경쟁력은
UI/UX 디자이너! 경쟁력은
사용자 니즈(Needs)를 고민하고,
반영하는데 있다.
프로토타이핑을 이용한 반복적인 분석을 통해 개선된 방향으로,
사용자의 니즈에 최대한 부합하는 기준을 도출합니다.
고객 중심 UI/UX 디자인의 중요성,
잘 설계된 디자인은 브랜드의 가치가 달라집니다.

관련 자격증 취득이 가능합니다.
수강후기
커리큘럼
- 1
XD 소개 및 인터페이스 파악하기
- UI/UX 개념과 과정 이해하기
- 앱과 웹, 반응형 웹 이해하기
- 2
반복 그리드
- 반복 그리드(Repeat grid) 사용법
- 반복 그리드(Repeat grid) 유의사항
- 3
포토샵에서 편집
- 포토샵에서 보정 후 XD에 반영하기
- 4
에셋 컴포넌트
- UI 디자인을 효율적으로 하기 위한
필수 기능 - 엘리먼트나 컴포넌트을 등록/사용
- UI 디자인을 효율적으로 하기 위한
- 5
프로토 타이핑
- 프로토타이핑 마스터하기
- 6
반응형
- 반응형 크기 조정 기능
- 7
추천 플러그인 - 제플린 Zeplin
- 제플린 사용법 알아보기
- 8
결과물 에셋 출력 및 관리하기
- 디자인 작업 전 꼭 알아야 할 기능
- Stack, Padding, Scroll
웹 UI/UX 콘텐츠 디자인
웹 UI/UX 콘텐츠 디자인 취업완성패스
-
UX 기획 및 설계부터
개발까지 마스터하는 부트캠프UX/UI 디자인 웹프론트엔드 부트캠프(피그마/React.js)
-
챗 GPT(ChatGPT)를 활용하여
웹 애플리케이션의 화면을 구현.UX/UI디자인 웹 프론트엔드개발 부트캠프 (생성형AI 활용/피그마)
-
사용자 니즈를 분석하여,
UI,UX 설계 등을 구현UI/UX 웹디자인 & Figma
-
고객 중심 UI/UX의 중요성,
디자인브랜드의 가치 상승웹 UI/UX 콘텐츠 디자인
-
서울시 뉴딜 사업으로
정규직 채용 전환![서울시 뉴딜] UX/UI 웹&모바일
-
서울시 뉴딜 사업으로
정규직 채용 전환![서울시 뉴딜] 모던 웹 풀스택 개발자
웹 UI/UX 콘텐츠 디자인 커리어패스
-
디자이너라면 가장 먼저 배워야할
필수 프로그램 포토샵&일러스트웹 그래픽(포토,일러)
-
HTML과 CSS를 기반으로 한
웹표준 웹사이트 만들기~!웹표준(HTML5/CSS)
-
화려하고 다채로운 콘텐츠 표현,
JavaScript&jQueryJavaScript&jQuery
-
UI와 UX를 근거로
전문성을 높은 클래스UI/UX 디자인 (Adobe XD)
-
자바스크립트 프레임워크의 혁신~!
프론트엔드 개발자의 필수요소React 프론트엔드개발
-
빠르게 변하는 트렌드에 맞는
인터렉티브한 디자인을 학습웹 포트폴리오 완성
-
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 사용법과 실무 활용법피그마 UI/UX 웹 & 앱 디자인
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.