[피그마 Figma] 나만의 포트폴리오를 완성하는 UX/UI 실무
추천강의
강의소개
강의정보
| 학습개요 |
UX/UI 디자이너에게 필수가 된 피그마의 전문가가 되고 싶다면? 다양한 실습을 통해 UX/UI 실무와 피그마 툴을 모두 익혀보세요! |
|---|---|
| 학습목표 |
피그마 툴을 익히고, 디자인 실무에서 능숙하게 사용할 수 있다. 피그마를 통해 개발자, 기획자와 효율적인 소통을 할 수 있다. 다양한 유즈 케이스 설정, 적절한 알림 UI 사용 등 디자인 실무에 대한 내용을 습득하여 실무에 적용할 수 있다. |
| 학습대상 |
|
강사이력
UX/UI 디자인 강사 nWay Korea UX 디자이너
대교 UX 디자이너
세안텍스 Brand/UX 디자이너
이화여자대학교 광고브랜드 디자인 석사 |
강의목차
-
강의정보 번호 강의명 1강오리엔테이션- UX/UI 디자인이란?
- 왜 피그마일까?
2강피그마 기본기 확실히 다지기- 피그마 알아보기
- [실습] 피그마 인터페이스 소개
- [실습] 실무에서는 어떻게 일할까?
3강유연한 디자인을 도와주는 Auto Layout- 왜 Auto Layout을 배워야 할까?
- [실습] Auto Layout과 Padding 활용하기
- [실습] Auto Layout과 Spacing 활용하기
- [실습] Auto Layout과 Resizing 활용하기
- [실습] 쇼핑몰 랜딩 페이지 만들기
4강작업 효율을 높여주는 style, Variable과 Component - 왜 Style과 Variable을 배워야 할까?
- [실습] Style과 Variable 활용하기
- 왜 Componenet를 배워야 할까?
- [실습] Component 활용하기
5강모바일 화면 디자인- [실습] Style, Component, Variable 지정하기
- [실습] 로그인 페이지 만들기
- [실습] 회원가입 페이지 만들기
6강협업을 돕는 시각적 일관성, Design System과 Lidrary- 왜 Design System을 배워야 할까?
- 왜 Library를 배워야 할까?
- [실습] Design System과 Library 활용하기
7강디자인에 생명력을 불어 넣는 Prototyping- 왜 Prototyping을 배워야 할까?
- [실습] prototype 활용하기
8강작업 속도를 올려주는 피그마 기능들- [실습] 피그마 플러그인
- [실습] 피그마 커뮤니티
- [실습] 피그마 단축키
9강반응형 웹 디자인- 왜 반응형 웹 디자인을 배워야 할까?
- [실습] 반응형 웹 기준 정해보기
10강사용성을 높이는 로그인 화면 디자인- Passwordless- login이란?
- [실습] 다양한 로그인 화면 만들기
-
강의정보 번호 강의명 11강효과적인 검색 UX 방법들- 검색 UX란?
- [실습] 검색 화면 만들기
- [실습] 필터링 화면 만들기
12강핀테크 서비스 디자인 (1)- 알림 UI란?
- [실습] 핀테크 메인 페이지 만들기
- [실습] 핀테크 상세 페이지 만들기
13강핀테크 서비스 디자인 (2)- [실습] 송금 플로우 만들기
14강이커머스 서비스 디자인 (1)- 행동 유도 디자인이란?
- [실습] 이커머스 메인 페이지 만들기
- [실습] 이커머스 제품 상세 페이지 만들기
15강이커머스 서비스 디자인 (2)- [실습] 제품 구매 플로우 만들기
16강Social Media 디자인 (1)- 로딩 애니메이션이란?
- [실습] Social Media 메인 페이지 만들기
- [실습] 루프 애니메이션 만들기
17강Social Media 디자인 (2)- [실습] 게시물 작성 플로우 만들기
- [실습] 프로그래스 바 만들기
18강E-mail 서비스 디자인- 디자인 핸드오프란?
- [실습] 받은메일함 만들기
- [실습] 사이드 메뉴 만들기
19강합격하는 포트폴리오 만들기- 포트폴리오 구성 방법
- [실습] 포트폴리오 만들기
- 마무리하며
