멀티캠퍼스 :: 과정상세보기

과정요약

과정요약
학습시간	21시간	난이도	초급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	24 명

과정소개

#피그마 #Figma #웹디자인 #웹UI #web #모바일디자인 #mobile #UX #어도비

학습목표

피그마를 왜 사용해야하는지 이해하고 피그마의 기본 기능을 활용 할 수 있다.
피그마를 활용해서 UX/UI 프로토타입을 완성 할 수 있다.
UX/UI 디자인 산출물을 실시간으로 개발자, 기획자와 커뮤니케이션 할 수 있다.

학습대상

UX, UI를 효과적으로 생성, 커뮤니케이션해야하는 웹/모바일 UI디자이너
퍼블리셔와 커뮤니케이션하는 웹 개발자
개발 흐름을 이해하고 싶은 웹 디자이너

교재소개

모든 자료는 노션으로 제공됩니다.
노션 사이트 접속 링크는 강의 첫날 강사님께서 직접 알려드립니다.

과정목차 21

1 일차
- 1. Hello! Figma
  - 왜 피그마를 선택하는가?
    What is Figma?
  - 피그마 계정 생성
  - 피그마 인터페이스 학습
  - 피그마 툴 구조 학습
- 2. 커뮤니티 활용하기
  - 나에게 필요한 커뮤니티 활용법
- 3. 플러그인 활용하기
  - 자주 사용하는 플러그인 등록하기
- 4. 기초 UI 만들기
  - 피그마 툴을 사용하여 기본적인 UI(아이콘과 픽토그램) 그리기
2 일차
- 5. Figma Features
  - 프레임 & 그룹 & 섹션의 차이와 활용 (Frame or Group or Section)
  - 오토레이아웃의 활용 (AutoLayout)과 장단점 비교분석
  - 피그마에 내장된 디자인 시스템 이해하기 (Native System)
  - 재사용 가능한 디자인은 무엇을 고려해야 할까 (Component and Instance)
  - 재사용 가능한 디자인에 필요한 속성 정의하기 (Component Properties) (1)
  - 재사용 가능한 디자인에 필요한 속성 정의하기 (Component Properties) (2)
  - 유연하고 재사용 가능한 카드UI 만들기
3 일차
- 6. Application of Figma
  - 개발자와 원활한 소통을 위해 컴포넌트에 대한 이해를 가지고 디자인 요소에 접근하기
  - 원리를 가지고 실제 UI를 그리며 디자인의 상태와 속성에 대해 깊게 파헤치기 (1)
  - 원리를 가지고 실제 UI를 그리며 디자인의 상태와 속성에 대해 깊게 파헤치기 (2)
  - GitHub을 통한 디자인자산 공유 및 유지보수 (1)
  - GitHub을 통한 디자인자산 공유 및 유지보수 (2)
  - 눈으로 보여주고 직접 경험해볼 수 있는 UI를 프로토타입으로 만들고 실제 앱 화면에 띄워보기
  - 온라인 협업을 한다면 꼭 필요한 피그잼의 기능

수강후기 45

평균평점

4.7 / 5.0

4.5

한*수
2024.10.18

피그마에 대해 조금 알 수 있는 기회였습니다.
3.25

서*경
2024.10.18

개발자 대상 강의 같습니다
5

박*형
2024.10.18

피그마 초심자부터 피그마 경험이 있던 사람까지 모두 도움이 되는 강의입니다. 개발자인데 피그마를 통해 어떻게 디자이너가 작업물을 공유하고 어떻게 협업할 수 있을지 배울 수 있었어요. 개발자 및 설계자 분들께 추전합니다.
5

김*른
2024.10.18

디자인, 개발자, 기획자 모두에게 도움이 되는 강의였다.
5

양*연
2024.10.18

열정적으로 많은 내용을 알려주시려고 하시는 모습이 좋았습니다.

UX/UI 디자인을 위한 피그마 관련과정

집합

교재제공

Figma와 TailwindCSS를 활용한 UI 올인원(디자인&개발)

집합

교재제공

업무에 바로 쓰는 HTML5와 CSS3