UIUX 웹/앱 디자인(Figma) & 프론트엔드(React.js)
- 1차 개강일
- 24년 11월 26일(화)
- 2차 개강일
- 24년 12월 10일(화)
고용24 국민내일배움카드 훈련과정명은
UIUX 웹/앱 디자인(Figma)
& 프론트엔드(React.js)입니다.
지금 신청하면 모든 온라인강의가 0원이라고?
간편 회원 가입만으로도 1400만원 상당의 온라인 강의가 0원
2개월 프리패스 제공안내받기
피그마를 활용한 UI/UX 기획과
설계부터 프론트엔드 구현까지
UI UX 웹 앱디자인(피그마) &
프론트엔드(react.js) 과정이란?
UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구 피그마의 사용법과
스마트기기에 적용 가능한 서비스에 대하여 사용자 경험과 니즈를 분석하여
정보설계, UI설계, 화면설계 등을 구현할 수 있습니다.
Start now
- UI UX 기획
- 사용자 리서치
- 피그마 Figma
- 2D 디자인
- 프로토타입 설계
- 디자인 Handoff
- HTML, CSS
- JavaScript
- React.js
- jQuery
- Library
- Publishing
- Figma Web Design
- React.js & Publishing
세계가 주목하는 UI/UX 툴, 피그마
UI 디자인 스케치, 프로토타이핑 및
협업을 위한 Figma의 기본 사용법,
실무 활용법에 대해 교육합니다.
Figma(피그마) 기획부터 디자인,
프로토타입 개념 잡고, 실전까지 완전 정복
- Figma(피그마) : 웹 기반 프로그램으로 별도의 프로그램 설치 없이,
웹 브라우저에서 바로 실행이 가능한 UI UX 디자인 및 협업 툴 - 화면 설계 : 피그마에서 UI UX를 기획하고 와이어 프레임을 구성하고,
프로토타입 (lo-fi,high-fi) 설계가 가능 - Hand-off : 디자이너가 개발자에게 디자인 파일 및 이미지의 크기,
위치, 색상 정보, 폰트 정보 등 다양한 정보를 전달하는 과정으로
피그마에서 Hand-0ff하여 개발자와의 커뮤니케이션이 가능
- UX/UI 디자인에서 가장 기초가 되는 부분을 중심으로, 실무에 필요한 기본기를
탄탄하게 가르쳐드립니다. - 수강생들이 강의 내용을 이해하고 본인의 실력으로 만들어 갈 수 있도록 서포트 합니다.
- 실습을 통해 내가 배운 내용을 눈에 보이는 결과물(포트폴리오)로 챙겨가세요.
- 최신 트렌드를 반영한 커리큘럼으로 진행되는 강의!
현업에서 적용 가능한 노하우를 학습합니다.
- UI UX 기획,리서치
- FIGMA 프로토타입 설계, 디자인
- Front-end
- 포트폴리오
- 반응형 웹
- 메인 디자인
- 모바일 디자인
- 프론트엔드 개발
Figma Front-end UI UX 프로토타입 설계부터
UI UX 프로토타입 설계부터
프론트엔드 개발 능력까지 갖춘
기업에서 탐내는 인재로 성장!
실제 프로토타이핑과 핸드오프 등 협업 실무 과정까지 학습하며,
실시간 협업 기능으로 커뮤니케이션 효율을 높이고 생산성있게
작업하는 방법을 익혀보세요!
관련 자격증 취득이 가능합니다.
수강후기
커리큘럼
- 1
Design 기초
- 일러스트레이터 기초 : 백터 기반 디자인 이해
- 포토샵 기초 : 이미지 편집의 기본
- 2
UX/UI 디자인
- Figma를 통한 App & Web Ul Desig 및 ProtoType제작
- 피그마 기초와 고급 기능
- 프로토타이핑과 사용성 테스트
- 3
UI/UX 프로세스 이론 및 실습
(팀 프로젝트)- 사용자 조사 분석
- 경쟁사 조사 분석
- 아이데이션(브레인스토밍, 스케치, 스토리보드, 컨셉 맵핑 등)
- 와이어프레임 및 프로토타이핑(아이디어를 구체화하고 초기 디자인 개념)
- 프로토타입 제작과 사용성 테스트
- 4
html/css (반응형웹 제작 클론코딩)
- 반응형 웹 디자인과 클론 코딩 (HTML/CSS 실무 활용)
- 5
JavaScript(인터렉션 & 인터렉티브웹 구현, ScrollTrigger)
- JavaScript 기초 및 동적 웹 개발 (JavaScript의 핵심 개념 학습)
- GSAP와 ScrollTrigger 활용 애니메이션(타임라인 관리, 애니메이션 시퀀싱, 트리거 포인트 설정 등 고급 기술 습득)
- 6
React.js기초
- React.js(컴포넌트 & To Do List App제작)
- React.js의 기본 원리
- 상태 관리와 리액트 훅
- To Do List App 컨포넌트제작 실습을 통해 결과물 산출
- 7
프로젝트 제작
- 프로젝트 기획 및 전략
- 퍼스널 브랜딩 전략
- 포트폴리오 구성 요소 설계
- 인터랙티브 웹 프로젝트 제작
웹 UI/UX 콘텐츠 디자인
웹 UI/UX 콘텐츠 디자인 취업완성패스
웹 UI/UX 콘텐츠 디자인 커리어패스
국비혜택조회
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.