빠른 수강료 조회

운영 시간 내에는 3분 안에 연락 드리겠습니다.

230908_윙배너_인테리어
230908_윙배너_게임원화
웹툰PD 윙배너
230704_윙배너_디자인취업과정
230704_윙배너_OA컴활

★★★
키다리
스튜디오
-
웹툰취업
전문반
-

바로 가기

국비 과정 ‘나도 들을 수 있을까?’
고민하지말고 문의하세요!

title

-

-

웹/편집/인테리어

피그마 : Figma

급부상하는 UI 디자인 저작툴!

최근 UI 디자이너가 선호하는 저작툴로
UI 디자인 실전 업무를 교육!

수업 소개

피그마는 무엇인가요?

세계가 주목하는 디자인 툴, 요즘 대세는 피그마 입니다.
포토샵 환경에서는 보이지 않던 웹 구조와 과정까지 파악할 수 있으며 UX/UI 디자인 프로세스 이해하고, 잘 된 디자인의 흐름을 경험합니다.
포토샵 작업환경과 차이점을 비교하면 왜 피그마를 IT업계에서 사랑하고 있는지 자연스럽게 알게 됩니다.
보다 효율적이고 효과적인 UX/UI 디자인을 하기 위해 이제는 필수로 배워야 하는 피그마를 기초적인 부분부터 응용해서 적용하는 방법까지 배우실 수 있습니다.

수업 목표

피그마 과정의 수업목표는 무엇인가요?

UI 디자인, 프로토타이핑 및 협업을 위한 디자인 도구 피그마의 기본적인 사용법과 실무 활용법에 대해 접근합니다.
실무에 능숙하게 진행할 수 있도록 디자인 작업을 수행하고 개발자와 협업하는 스킬을 얻을 수 있습니다.

수업 포인트

피그마 과정의 수업 포인트는 무엇인가요?

  • 피그마 기초 툴

    인터페이스부터 툴까지 피그마에서 다루는 모든 툴을 배워봅니다.

  • 컴포넌트와 배리언츠

    반복적으로 사용되는 요소나 화면들을 효과적으로 관리하는 시스템을 배웁니다.

  • 생동감 넘치는 프로토타입

    정적인 2D 디자인이 아닌 생동감 넘치는 사이트가 제작됩니다.

  • 반응형 사이트

    PC, Tablet, Mobile 디바이스에 맞춰서 시작을 제작해봅니다.

수업 방식

피그마 과정의 수업 방식은 무엇인가요?

  • 1

    주로 실습 위주의 수업으로 이론 20%, 실습 80%로 전개됩니다.

  • 2

    수업 과정 초반 2주는 피그마 툴과 후반 수업을 위한 자료 기반을 다지고 후반 2주는 반응형 사이트 제작을 실습을 진행합니다.

  • 3

    주제별로 개인 작업물을 만들고 피드백 후 고퀄리티로 만들어지는 과정에서 레이아웃을 배우게 됩니다.

  • 4

    소스 준비를 철저히 하지 않으면 작업물이 나올 수 없으므로 수업 준비가 잘 돼야 합니다.

사전 준비 항목

피그마 과정의 사전 준비 항목은 무엇인가요?

[ 준비 항목 ]

과제와 복습을 할 수 있도록 Figma, Adobe Photoshop CC 프로그램을 설치 할 수 있는 컴퓨터

[ 선수강과목 ]

Photoshop

기획시안

[ 사용 프로그램 ]

Photoshop

취업분야 및 전망

피그마의 취업분야 및 전망은 어떤가요?

웹 디자인은 온라인으로 통하는 세상에서 꼭 필요한 영역입니다. 전 세계의 웹 사이트 수는 이미 2억을 넘어섰고 고용정보원에 따르면 향후 10년간 웹 및 멀티미디어 분야는 계속 증가할 것으로 전망하고 있습니다. 우리나라의 휴대전화의 보급률은 100% 나타났고 이 가운데 스마트폰 사용자들은 95%로 세계 최고 수준입니다. 스마트폰 등의 IT기기가 발전할수록 온라인에서 이용하는 각종 프로그램이나 모바일 웹/앱 디자인의 수요가 지속해서 증가하고 있습니다.
웹 디자인, 웹 기획자, 개발자, 프로그래머 등의 수요는 계속 증가할 것으로 유추합니다.

[ 수강 후 어떤 분야로 취업할 수 있을까요? ]

  • 시각 디자인
  • 웹 디자인
  • 앱 디자인
  • 웹 에이젼시
  • 광고 대행사
  • 기업 디자인팀

[ 수강 후 어떤 작업을 할 수 있을까요? ]

  • 웹 디자인
  • 모바일디자인
  • 앱 디자인
  • 아이콘 디자인

포트폴리오

  • [웹포트폴리오] OOO 학생작품

  • [웹포트폴리오] 김OO 학생작품

  • [웹포트폴리오] OOO 학생작품

  • [웹포트폴리오] 한O빈 학생작품

  • [웹포트폴리오] 최O우 학생작품

  • [웹포트폴리오] 정O우 학생작품

  • [웹포트폴리오] 김O석 학생작품

  • [웹포트폴리오] 김O기 학생작품

  • [웹포트폴리오] 권O진 학생작품

  • [웹포트폴리오] 정O우 학생작품

커리큘럼

Figma tool

피그마가 어떤 툴인지 알아보고 기본 인터페이스와 메뉴, 툴 사용법을 익힙니다.
작업에 효율성을 높이는 피그마 플러그인을 설치해봅니다.

AUTO LAYOUT & COMPONENT

반응형 디자인을 위한 오토레이아웃의 개념을 이해하고 배워봅니다.
컴포넌트와 배리언츠의 속성 개념을 학습하고 효과적으로 분류할 수 있습니다.

PROTOTYPE

스크롤링, 애니메이션, 인터랙션 효과를 내 마음대로 만들 수 있습니다.
피그마에서 제공하는 프로토타입 속성을 배웁니다.

RESPONSIVE PC

반응형 PC 시안을 제작하고 컴포넌트 및 스타일 가이드를 정리합니다.
피드백을 주고받으며 리뉴얼 사이트를 수정하여 PC 사이트를 완성합니다.

RESPONSIVE TABLET &MOBIL

반응형 PC 시안을 제작하고 컴포넌트 및 스타일 가이드를 정리합니다.
피드백을 주고받으며 리뉴얼 사이트를 수정하여 PC 사이트를 완성합니다.

RESPONSIVE PROTOTYPE

프로토타입 기능을 이용하여 실제로 움직이는 화면을 구성해볼 수 있습니다.
기획서 내용을 기안으로 제작이 완료된 파일을 가지고 산출물 보고서를 작성합니다.

* 캠퍼스 상세 커리큘럼은 다를 수 있습니다.

웹/편집/인테리어

피그마

수업기간

1개월(30시간)
캠퍼스
이름
연락처
--