Chapter01 피그마에 대해

피그마를 배워야하는 이유

피그마란 무엇일까?

피그마 인터페이스 살펴보기

Chapter02 피그마 기초

프레임 만들기

도형과 패스파인더

펜툴 알아보기

타이포그래피

마스크

Chapter03 콘텐츠∙마케팅을 위한 피그마 응용하기

카드뉴스 만들기

유튜브 썸네일 만들기

Chapter04 기획∙발표를 위한 피그마 응용하기

PPT 만들기

피그마로 PPT 발표하기

Chapter05 UI 디자인을 위한 피그마 응용하기 (심화)

반응형 웹 페이지 디자인 맛보기

컴포넌트 활용하기

프로토타입 맛보기

1. 프로젝트 소개

포토샵, 일러스트 어려워서 못해먹겠다고요?

유료 디자인툴 구입이 부담스러우시다고요?

일일히 파일보내는 협업 과정에 지치셨다고요?

그런 여러분들께 100% 무료 디자인툴 피그마를 추천드립니다!

5년간 온오프라인으로 포토샵&일러스트 강의를 하면서

수강생분들께 가장 많이 들었던 질문 중 하나는 바로 이겁니다.

" 포토샵 파일 받을 수 있을까요? ㅠㅠ

한 번 배워보려고 결제하기는 너무 부담스러워서요 ㅜㅜ"

아무래도 초보자 입장에서 한 달 사용을 위해 포토샵, 일러스트를 구매하는 건 망설여지죠.

UI 디자인 전문가 입장에서도 어도비 외에 추가 툴을 구매하는 건 조금 망설여지는 일이기도 하고요.

혹시 그런 이유 때문에 디자인을 배우길, UI 디자인 툴을 사용해보길 망설였다면

지금 여러분들께 피그마를 추천드립니다!

디자인툴 강의만 5년 차 쏘이가 도와 드릴게요!

피그마의 장점 세 가지

하나. 100%무료다

피그마는 개인에 한해 100% 무료로 모든 기능을 제공하고 있어요.

초보자나 프리랜서에게는 아주 큰 장점이 되겠죠!

둘. 쉽다!

포토샵, 일러스트 혹은 기타 디자인툴에 비해 훨씬 쉽습니다.

PPT보다도 쉽다니까요~!

셋. 협업이 용이하다.

실시간 연동을 통해 한 화면에서 두 명, 세 명이 동시에 작업이 가능합니다.

외주 작업물을 보내거나 개발자에게 파일을 전달할 때도 굳이 매 번 원본 파일을 보낼 필요가 없어요!

2. 프로젝트 소개

그래서 어떤 자료나고요?

피그마 기초 용어부터 사용법까지 친절하게 알려드리는

'피그마 활용 가이드' PDF 자료입니다.

유튜브 썸네일, 카드뉴스 등 콘텐츠 디자인부터

모바일, PC 웹사이트 UI 디자인까지!

피그마를 활용하여 각 작업물을 단 하루만에 만드실 수 있게 도와 드릴게요!

4. 이런분들에게 추천드려요!

유튜브 썸네일, 카드뉴스 등 콘텐츠 제작이 필요한 마케터나 크리에이터.

기깔나는 기획안이 필요한 기획자, 마케터.

설득력 있는 깔끔한 PPT 제작이 필요한 직장인.

 XD나 스케치가 아닌 피그마를 맛보고 싶었던 UI디자이너. 

협업에 어려움을 겪으셨던 디자이너 및 개발자.

포토샵, 일러스트 어려워 디자인 배우기를 망설이셨던 분들.

포토샵, 일러스트 유료 결제가 부담스러웠던 디자인 초보자 분들.

제작자 소개

안녕하세요. 디자이너이자 디자인 및 포토샵 강사, 책 저자로 활동하고 있는 쏘이입니다.

5년 간 포토샵 강사로 활동하며 많은 분들께 포토샵과 일러스트를 가르쳐왔습니다. 이번 프로젝트에서는 요즘 핫한 디자인 툴인 피그마 활용법에 대한 자료집을 준비했습니다. 디자인 초보자와 피그마 및 UI디자인에 관심있는 많은 분들께 도움이 되었으면 좋겠습니다.

1. 경력

현 프롭테크 스타트업 UX 디자이너

전 IT 스타트업 콘텐츠 디자이너

2. 출판

2019 3월 텀블벅 1위, 현 베스트셀러 [진짜 하루만에 끝내는 포토샵] 저자

2020 3월 텀블벅 펀딩 750%달성 [진짜 하루만에 끝내는 일러스트] 저자

3. 강의

 탈잉 디자인&마케팅 VOD 튜터

탈잉 포토샵 튜터 (누적참여인원 3000명)

패스트캠퍼스 포토샵 강의 강사

야나두 포토샵, 일러스트 온라인강의 강사 (오픈예정)

건국대학교, 세종사이버대학교 등 출강 및 포토샵 VOD 강의 다수 진행 

4. 그 외

디자인 유튜브 운영중 

전자책 설명

1. (A) 피그마 활용 가이드 PDF 자료집

 콘텐츠 디자인부터 웹디자인까지 피그마 활용 가이드 PDF 자료집을 드립니다. 

2. (B) 피그마 활용 디자인 템플릿 18종

카드뉴스 템플릿 5종

유튜브 썸네일 템플릿 5종

상세페이지 템플릿 2종

PPT템플릿 2종

PC 웹 UI 디자인 예시 템플릿 2종

모바일 UI 디자인 예시 템플릿 2종