96,800원
월 19,360원
5개월 할부 시
초급자를 위해 준비한
[UX/UI, Figma] 강의입니다.
아토믹 컴포넌트 시스템을 활용하여 MVP를 기획부터 디자인까지 완료 해 보는 클래스입니다. 디자인 컴포넌트를 이해하고 활용할 수 있게 됩니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
피그마 기초
컴포넌트 시스템
MVP 기획
애자일 프로세스
아토믹 디자인
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
피그마를 처음 접하는 사람
MVP 기획 및 디자인을 한 번에 하고 싶은 사람
왜 그렇게 만들어야 하는지 이유가 궁금한 사람
실무 디자인 프로세스가 궁금한 기획자, 개발자, 마케터
애자일 프로세스 실무를 이해하고 싶은 사람
안녕하세요
Hagiro 입니다.
Hagiro 입니다.
10년차 디자이너 출신의 PO / Designpreneur.
초기 스타트업과 에이전시 경험을 통해 규모에 적합한 서비스 기획/디자인 방법론이 따로 있다는 것을 깨닫고 자신만의 노하우로 mvp 제작법을 개발했습니다.
초기멤버로서 시리즈 B, 창업멤버로서 bep 달성, 디자인 창업가로서 기획부터 디자인, 마케팅까지 올인원 프로세스로 부트스트래핑 여정 중입니다.
평균 1분기에 1개의 프로덕트를 런칭합니다. 하기로의 mvp 원씽메모
브런치에서 글을 씁니다.
커리큘럼
총 31 개
˙ 5시간 27분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 인트로 / 강사 소개와 학습 목표 설정
5 강
∙ 33분
하기로를 소개합니다
미리보기
07:13
왜, 피그마를 써야 하나요?
미리보기
07:04
왜, mvp를 만드나요?
미리보기
07:08
왜, UI 컴포넌트를 사용해야 하나요?
미리보기
06:22
이상이 아닌 현실적인 디자인 프로세스
05:34
섹션 1. UX 설계하기
5 강
∙ 37분
디자이너도 반드시 이해해야 하는 비즈니스 모델 : 린 캔버스
09:25
UX와 UI를 자신있게 설명할 수 있나요?
04:44
피그잼으로 고객 경험 설계하기 : 유저/작업 스토리, 페르소나, 유저 져니맵
07:33
피그잼으로 프로덕트 설계하기 : IA와 플로우차트
07:53
실무에서는 벤치마킹을 이렇게 합니다
08:15
섹션 2. 준비 : 피그마 세팅
2 강
∙ 18분
프로젝트 환경 및 조직 셋팅 & 요금제 관리
10:01
기본 인터페이스 익히기
08:06
섹션 3. 0단계부터 시작하는 컴포넌트 디자인
8 강
∙ 2시간 14분
UI 라이브러리 만들기 및 연결
14:40
스타일 : 컬러, 타이포그래피
16:12
컴포넌트 만들기 및 네이밍 : 헤더, 네비게이션 바
10:05
오토레이아웃과 불린으로 플렉시블 컴포넌트 만들기
12:58
좋은 무료 소스 고르는 팁과 충돌 없이 활용하기 : 아이콘
11:58
중첩 배리언트로 버튼 만들기
16:48
아토믹 디자인 1 : 인풋필드
21:50
아토믹 디자인 2 : 리스트
29:33
섹션 4. 컴포넌트를 활용하여 와이어프레임 그리기
4 강
∙ 53분
UI 디자인 시작 전 반드시 해야하는 것
04:47
UI 디자인의 기본 단위 : flow의 이해
05:27
온보딩/메인 flow 와이어프레임
19:52
서브 flow 와이어프레임
23:50
섹션 5. UI 디자인 스타일링과 프로토타이핑 기초
4 강
∙ 37분
앱 스타일링 : 온보딩
07:01
UI 사용성을 결정 짓는 컬러 공식
12:17
디자인의 기본, 타이포그래피 공식
07:01
프로토타이핑 기초
10:56
섹션 6. 디자인만 하고 끝이 아니다! 핸드오프
2 강
∙ 9분
피그마로 화면 정의서 작성 꿀팁
04:21
이미지 추출 및 전달, 라이브러리 운영 팁
04:57
섹션 7. 아웃트로
1 강
∙ 3분
데이터 기반 고도화 팁 : 가설 vs 디자인 vs 고객 경험
03:51
강의 게시일 : 2024년 01월 12일
(마지막 업데이트일 : 2024년 01월 12일)