과정상세
[Live] UX/UI 디자인을 위한 피그마
초급
[Live] UX/UI 디자인을 위한 피그마
카테고리
- 학습유형별 비대면
- SW 개발 기획/UX/UI
과정요약
학습시간 | 09:30 ~ 17:30 ( 21시간 ) | 난이도 | 초급 |
---|---|---|---|
교육비 지원 | 고용보험 비환급 | 평가항목 | 출석률 100% |
수료기준 | 총점 80점 이상시 수료 | 정원 | 24 명 |
과정소개
#피그마 #Figma #UX #UI #웹디자인 #디자인시스템 #커뮤니케이션
학습목표
- 피그마를 왜 사용해야하는지 이해하고 피그마의 기본 기능을 활용 할 수 있다.
- 피그마를 활용해서 UX/UI 프로토타입을 완성 할 수 있다.
- UX/UI 디자인 산출물을 실시간으로 개발자, 기획자와 커뮤니케이션 할 수 있다.
학습대상
- UX, UI를 효과적으로 생성, 커뮤니케이션해야하는 웹/모바일 UI디자이너
- 퍼블리셔와 커뮤니케이션하는 웹 개발자
- 개발 흐름을 이해하고 싶은 웹 디자이너
교재소개
- 모든 자료는 노션으로 제공됩니다.
- 노션 사이트 접속 링크는 강의 첫날 강사님께서 직접 알려드립니다.
-
-
1일차
-
1. Hello! Figma
- 왜 피그마를 선택하는가?
What is Figma? 09:30 ~ 10:30 - 피그마 계정 생성 10:30 ~ 11:30
- 피그마 인터페이스 학습 11:30 ~ 12:30
- 피그마 툴 구조 학습 13:30 ~ 14:30
- 왜 피그마를 선택하는가?
-
2. 커뮤니티 활용하기
- 나에게 필요한 커뮤니티 활용법 14:30 ~ 15:30
-
3. 플러그인 활용하기
- 자주 사용하는 플러그인 등록하기 15:30 ~ 16:30
-
4. 기초 UI 만들기
- 피그마 툴을 사용하여 기본적인 UI(아이콘과 픽토그램) 그리기 16:30 ~ 17:30
-
1. Hello! Figma
-
2일차
-
5. Figma Features
- 프레임 & 그룹 & 섹션의 차이와 활용 (Frame or Group or Section) 09:30 ~ 10:30
- 오토레이아웃의 활용 (AutoLayout)과 장단점 비교분석 10:30 ~ 11:30
- 피그마에 내장된 디자인 시스템 이해하기 (Native System) 11:30 ~ 12:30
- 재사용 가능한 디자인은 무엇을 고려해야 할까 (Component and Instance) 13:30 ~ 14:30
- 재사용 가능한 디자인에 필요한 속성 정의하기 (Component Properties) (1) 14:30 ~ 15:30
- 재사용 가능한 디자인에 필요한 속성 정의하기 (Component Properties) (2) 15:30 ~ 16:30
- 유연하고 재사용 가능한 카드UI 만들기 16:30 ~ 17:30
-
5. Figma Features
-
3일차
-
6. Application of Figma
- 개발자와 원활한 소통을 위해 컴포넌트에 대한 이해를 가지고 디자인 요소에 접근하기 09:30 ~ 10:30
- 원리를 가지고 실제 UI를 그리며 디자인의 상태와 속성에 대해 깊게 파헤치기 (1) 10:30 ~ 11:30
- 원리를 가지고 실제 UI를 그리며 디자인의 상태와 속성에 대해 깊게 파헤치기 (2) 11:30 ~ 12:30
- GitHub을 통한 디자인자산 공유 및 유지보수 (1) 13:30 ~ 14:30
- GitHub을 통한 디자인자산 공유 및 유지보수 (2) 14:30 ~ 15:30
- 눈으로 보여주고 직접 경험해볼 수 있는 UI를 프로토타입으로 만들고 실제 앱 화면에 띄워보기 15:30 ~ 16:30
- 온라인 협업을 한다면 꼭 필요한 피그잼의 기능 16:30 ~ 17:30
-
6. Application of Figma
-
1일차
수강후기 0
-
등록된 수강후기가 없습니다
[Live] UX/UI 디자인을 위한 피그마 관련과정
교재제공