멀티캠퍼스

통합검색

검색도우미 기능을 다시 켤때는
검색창에서 검색도우미 열기를 클릭하세요

과정상세

[Live] UX/UI 디자인을 위한 피그마

thumbnail image
집합

초급

[Live] UX/UI 디자인을 위한 피그마

4.7

like 5

950,000원 (VAT없음)

카테고리

  • 학습유형별 비대면
  • SW 개발 기획/UX/UI

과정요약

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

과정소개

UX/UI 디자인을 위한 피그마
피그마 교육
피그마 교육
피그마 교육
피그마 실습
피그마 활용방법

#피그마 #Figma #UX #UI #웹디자인 #디자인시스템 #커뮤니케이션

학습목표

  • 피그마를 왜 사용해야하는지 이해하고 피그마의 기본 기능을 활용 할 수 있다.
  • 피그마를 활용해서 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를 프로토타입으로 만들고 실제 앱 화면에 띄워보기
      • 온라인 협업을 한다면 꼭 필요한 피그잼의 기능

수강후기 5

평균평점

4.7 / 5.0

  • 5
    김*희

    2024.08.28

    피그마가 왜 떠오르는지, 개발 환경의 흐름의 변화도 함께 알려주셔서 좋았습니다. 전반적으로 피그마를 이해하기에 적합한 수업이었습니다!
  • 4.75
    조*성

    2024.08.28

    피그마에 대한 전체적인 이해도를 높이는 데 매우 적합함
  • 5
    오*은

    2024.08.28

    figma와 디자인시스템을 이해하는데 많은 도움이 되었습니다.
  • 5
    이*구

    2024.08.28

    UI에 대해 문외한 이었는데 툴을 이용하니 유익했습니다
  • 3.75
    김*민

    2024.08.28

    피그마의 최신 기능까지 다양하게 강의를 들을 수 있었다.

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