UI UX 피그마 React.js
- 1차 개강일
 - 25년 11월 04일(화)
 
- 2차 개강일
 - 25년 11월 18일(화)
 
								고용24 국민내일배움카드 훈련과정명은 
								UI UX 피그마
React.js입니다.
							
						               피그마를 활용한 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 기초
- Figma 기초 : 클라우드 기반 디자인 및 협업, 프로토타이핑도구
 - 포토샵 기초 : 이미지 편집의 기본
 
 -                     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                    
프로젝트 제작
- 프로젝트 기획 및 전략
 - 퍼스널 브랜딩 전략
 - 포트폴리오 구성 요소 설계
 - 인터랙티브 웹 프로젝트 제작
 
 
UX/UI 웹디자인 프론트엔드
UX/UI 웹디자인 프론트엔드 취업완성패스
UX/UI 웹디자인 프론트엔드 커리어패스
취업 컨설팅
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.