[UIUX] TIL 📑

디스플레이와 픽셀, 1배수 디자인, 이미지 표현 방식(래스터 방식, 벡터 방식), 8포인트 그리드 디자인

스케일툴, 이미지 리사이징, outline stroke, flatten, 프레임, 그룹

부모-자식 관계, 정렬, 균등분배, 오토 레이아웃(auto layout), 컨스트레인트(constraint), 리사이징(resizing)

포지션, 파운데이션, RGB, CMYK, Hex code, 컬러 스타일, 컬러 프로파일

1:3:6 규칙, 컬러 스타일 만들기, 폰트 속성, 폰트 스타일 만들기, 마스터 컴포넌트와 인스턴스

디자인 시스템, 아토믹 디자인 시스템, 버튼 컴포넌트, 텍스트필드 컴포넌트, 컨트롤 컴포넌트, UI의 기능주의적 관점

컴포넌트 프로퍼티, 네스티드 인스턴스, 탭 컴포넌트

앱 바 컴포넌트, 리스트 컴포넌트, 오버 플로우, 스크롤 컨테이너

트리거와 액션, 애니메이션, 디자인 핸드오프, 공유하기

UX/UI의 의미, UX/UI 디자이너의 역할, 디자인 가이드라인, UX/UI 디자인 트렌드

디자인 씽킹 (Design Thinking), 데이터 드리븐 (Data Driven)

UX/UI 디자인 프로세스

디자인 툴, 비트맵과 벡터, 프로토타이핑 툴

디자인 원칙, 게슈탈트 심리학, UX/UI 비주얼 디자인 원칙, UX/UI 심리학 법칙, 기업의 디자인 원칙

레퍼런스 분석

WIL 1. 온보딩 주간🛶

디자인씽킹에 기반한 아이디어 도출

디자인 원칙을 활용한 레퍼런스 분석 1️⃣

디자인 원칙을 활용한 레퍼런스 분석 2️⃣

아이디어를 표현하는 프로토타입 제작 1️⃣

아이디어를 표현하는 프로토타입 제작 2️⃣

아이디어를 표현하는 프로토타입 제작 3️⃣

WIL 2. 디자인 입문 주간 🚪

다양한 환경에 대한 UI 차이 이해, 분기점과 그리드, 반응형과 적응형, 정보구조도와 플로우차트, 와이어프레임

서비스 역설계, 클론 디자인

버튼 컴포넌트 스택 / 독, 포지션, 오버레이와 모달, 다이얼로그 컴포넌트

컴포넌트 인터렉션, 오버레이 프로토타입, 드래그 프로토타입,

4주차 과제 보완, 피그마 연습

식료품 앱 리서치, UI 키트 만들기, 화면 하나 시작하기, 선배와의 대화

홈 화면, 상품 상세 화면, 다이얼로그 만들기

과제 제출 완료!

UI 디자인 핵심 원리, 사용자 경험을 향상시키는 방법, 캐러셀 만들기

UI 디자인 기본 - 컬러, 타이포그래피, 아이콘

레이아웃, 그리드, 반응형 디자인

반복되는 UI 디자인 분석, 컴포넌트

UI 화면 구조, UI 클론 디자인

팀 프로젝트 시작!

WIL 3. 디자인 숙련 주간 🌱

UI 분석

설문지 작성, 문제점 정의

도서관 검색 화면 UI 개선

발표자료 준비

UI 프로젝트 끝🥳

WIL 4. UI 디자인 프로젝트 주간 📖

UX 기획 및 리서치 1주차 강의 - 여러가지 UX 기획 방법론

UX 기획 및 리서치 2주차 강의 - 유저 리서치

UX 기획 및 리서치 3주차 강의 - 리서치 결과 정리

UX 기획 및 리서치 4주차 강의 - UX 기획

UX 기획 및 리서치 5주차 강의 - 사용성 테스트

리서치 목적 정하기, 설문조사 준비 및 진행, 사용성 테스트 시나리오 작성

사용성 테스트 진행

사용성 테스트 결과 정리, 인사이트 도출, 기존 화면 문제 정의

디자인 솔루션 페이지 완성

UX 기획 및 리서치 강의 과제

WIL 5. 디자인 심화 주차 🔭

서비스 선정, 데스크 리서치, 사용자 여정 지도, 유저 플로우 작성

사용성 테스트, 경쟁사 분석

솔루션 도출, UI 개선

UI 개선, 튜터님 피드백 받기, 장표 만들기

장표 만들기, 피드백 받기, 수정

UX 프로젝트 끝! 야호

WIL 6. UX 프로젝트 주간 📱

HTML, 과제

CSS, 과제

애니메이션, 반응형, 메타 데이터

OG 태그

트랙 전반부 회고, 기사 읽고 정리, 책 '7가지 코드' 읽기, 우아한 청년들 Firefly 적용 웨비나 영상

WIL 7. 디자이너의 코딩 ⌨️

서비스 선정

데스크 리서치, 설문조사

리서치

문제 정의, 설문조사 질문 작성, 설문조사 돌리기

인터뷰, 경쟁사 조사

설문조사, 인터뷰 정리, 문제 정의

세션 피드백 받기 인터뷰 질문 수정 인터뷰 진행 및 정리

문제 정의하기, 인사이트 정리, 페르소나 정의, 해결책 도출

비즈니스 모델 캔버스 작성, 증상 카테고리 생각

BM, IA, 유저 플로우 작성

2단계 피드백, 장표 만들기

발표, 로고, 포인트 컬러, 이름 설정

세션, 와이어프레임

아이콘 찾기, 디자인 시스템, 와이어프레임 피드백

피드백, 객관성 강화

BM 구체화, 와이어 프레임 화면 만들기

UI 화면 만들기

📌화면 제작

화면 취합, 커리어 코칭 준비

홈 화면 수정, 히스토리 화면 수정

화면 취합, UT 기획, MAZE

📌UT 진행, 장표 계획

📌 1.개선안 디자인 취합 2.장표 분배

📌장표 만들기

장표 취합, 브로슈어 제작

📌 모의 발표 장표 수정 A/B 테스트 기획

📌1. A/B 테스트 진행 2. 장표 수정 3. UI 수정

발표 대본 쓰기, 부스 이미지 만들기

장표, 브로슈어, 영상 제출 / 클론 디자인

기사 읽기, 클론 디자인

최종 발표

프로젝트 회고 작성, 클론 디자인, 포트폴리오 세션