청년취업사관학교 새싹(SeSAC) - Seoul Software ACademy

오리엔테이션 - 전체 과정 설명 및 환경 세팅 - UX UI란?

UX UI의 기본 요소 및 실무 적용 - UX 트랜드 분석 - UX 기반 서비스 기획

UX 기반 서비스 기획을 위한 서비스 구분(네이티브, 웹, 모바일웹, RWD, AWD) - UI, GUI, Infographics, Interaction, Bx

포괄적 UX(Overall UX) - Service Plan : 비즈니스 모델, 태스크 및 사용자 분석, 서비스구분(OS, RWD, AWA)

직관적 UX(Intuitive UX) - Design Research, UI Structure

Figma를 활용한 UX 디자인 과정- 운영체제 별 디바이스 및 페이지 세팅

해상도별 UI-KIT 제작- 문서 에셋 및 기본 도구 활용- 구성 요소, 문자 스타일, 색상 스타일 설정

기본 플러그인 활용- 기본 컨퍼넌트 활용

UX 시나리오 프로세스- 개인별 서비스 기획 및 레퍼런스 조사- UX 시나리오 피그마 페이지 구성

사용자 분석 및 태스크 분석 방법- 카드 소팅(Card Sorting)- 빅 데이터(Big data) / 뉴스 (press release)활용- 타겟 리서치(Target Research)

태스크 및 인사이트 분석 페이지 제작- Planning → Background → Funtion

SWOT 분석 방법- 유사 카테고리 및 유사 타겟 분석 방법

SWOT 분석, 유사 카테고리 및 유사 타겟 분석 제작

디자인 리서치 제작 프로세스- 디자인 테마 설정- 디자인 포지셔닝 설정 방법

디자인 포지셔닝 설정- 경쟁 서비스 분석 (서비스 특징, 디자인 특징)

무드 보드 제작 방법- 타이포 및 메타포 디자인 설정- 디자인 시스템이란?

무드 보드 제작- 타이포 및 메타포 디자인

디자인 시스템 / 서비스 스타일 설정- 런처/대표 이미지 설정

UI 구조 설계- Basic UI 설계

Figma 기초- Variable과 Style

디자인 시스템과 컴포넌트 활용- 다양한 UI 컴포넌트 제작방법

디자인 시스템과 컴포넌트 활용- 반응형 및 스크롤 처리

UI 디자인 실습(클론 디자인)

프로토타이핑 및 인터렉션 디자인

[특강] UX 시나리오 기획 및 구성 멘토링

Animation 만들기 및 Lottie, Json 파일로 핸드오프

AI를 활용한 와이어프레임 제작 및 실무 주요 플러그인 사용하기- 피그마 외 AI ui design 툴 배워보기

포트폴리오 제작

포트폴리오 제작

개인 UX 포트폴리오 구성 및 아트워 디자인

피그마 및 디자인 커뮤니티 사이트 개설- 개인 포트폴리오 구상

UX 시나리오 및 포트폴리오 제작- 페이지 디자인 및 스타일 제작

개인 프로필 및 아트웍 디자인

[특강] 실무 UX 디자이너의 역할 및 노하우 특강

디자인 시스템 제작- 안드로이드, iOS, Web 구분

UX 태스크 및 사용자 분석- 타겟 리서치, 데스크 리서치, 인사이트 구성

INFORMATION ARCHIECTURE- 프로토타입 디자인

프로토타입 디자인- 중간 평가 및 피드백

웹개발 기초 이해, 웹문서와 웹브라우저, 개발환경세팅

HTML Markup - 텍스트,링크,목록,이미지 다루기-웹접근성 이해하기

HTML Markup - 테이블, 폼다루기

CSS Styling 기초 및 IR, IS 기법

CSS Layout 이해하기

반응형 웹 실습(Netflix, Kakao 등 클론코딩)

JavaScript 기초

JavaScript 함수와 이벤트

[특강] UX 시나리오 / 포트폴리오 피드백

JavaScript DOM 다루기

프로젝트 기획 및 시작

프로젝트 개발(반응형 웹페이지)

프로젝트 개발(반응형 웹페이지)

[특강] UX 시나리오 / 포트폴리오 피드백

프로젝트 진행- 온라인 콘텐츠 제작(레퍼런스 및 커뮤니티)

프로젝트 진행

프로젝트 진행

프로젝트 발표 및 평가