[쉐어엑스] Plus X UI팀의 입문자를 위한 피그마 디자인 메뉴얼
정가100,000원
할인 금액(-35%) 35,000원
현재 판매가65,000원

월 5,417원

* 12개월 무이자 할부 시


We plus experience for your brand.

Plus X는 브랜드 기반의 통합 디자인 솔루션을 만들고 있습니다.

29CM, YG, 카카오 페이지, 어도비, KT 등 13년간 국내 최고 기업들과 156개의 프로젝트 진행
어워드 수상 56개, 대상 수상작 14개, Behance Selected 작품 109개

Plus X가 만들면 디자인 툴 강의도 100% 다릅니다.
차원이 다른 BASIC CLASS

브랜드 가치를 사용자 경험으로 만드는 Plus X UI 팀이 직접 구성한 피그마 디자인 매뉴얼
같은 디자인 툴 강의도 누구에게 어떻게 배우느냐에 따라 배움의 결과가 달라집니다.

  • 01

    UI 디자인을 위한 피그마
    기초부터 심화까지 툴 마스터


    피그마의 UI 디자인에 특화된 6가지 핵심 기능을 이해하고 활용하는 방법을 배우며, 플러스엑스의 다양한 실습 예제를 통해 Plus X의 전문성을 내 디자인에 반영해 보세요.

  • 02

    최적의 사용자 경험 구축을 위한
    반응형 프로덕트 UI 디자인 실무


    반응형 데스크탑 화면부터 태블릿, 모바일 화면 제작까지, 실습을 통해 반응형 프로덕트 디자인 전반을 배워봅니다. 수업에 사용된 피그마 파일은 물론, 실무에 바로 적용할 수 있는 피그마 자료까지 모두 제공합니다.

  • 03

    Plus X UI 팀의 피그마 활용 노하우와 플러그인 추천


    업계 Top 디자인 에이전시 Plus X의 UI 팀이 실무에서 피그마를 활용하여 소통하는 방법과 다양한 팁을 소개하고 가장 많이 사용하는 플러그인 12개 활용 방법을 공유합니다.

ImageSlide
ImageSlide
ImageSlide
ImageSlide
POINT 1

현직 UI 디자이너가 추천하는
피그마 주요 6가지 기능 활용 방법 & 실습

피그마 기본 기능부터 심화 기능 개념과 사용 방법을 실습을 통해 이해해봅니다.
총 6가지 핵심 기능을 토대로 반응형 디자인 시 활용 가능한 방안에 대해 학습합니다.

POINT 2

UI 디자이너가 실무에서 유용하게 사용할 수 있는
반응형 웹 디자인 피그마 실습

일관된 사용자 경험과 브랜드 아이덴티티를 전달하기 위한 반응형 웹 디자인.
최적의 사용자 경험을 구축하는 Plus X가 오토 레이아웃, 배리어블 등 피그마의 기능을 활용해
다양한 기기와 해상도에서 반응형 웹 디자인을 효율적으로 구축하는 방법을 배울 수 있습니다.

반응형 데스크탑 화면만들기

태블릿, 모바일 화면 만들기

POINT 3

실무에 바로 적용 가능한 UI 디자이너의 피그마 각종 꿀팁과
Plus X UI팀이 가장 많이 사용하는 플러그인 추천

- 디자인 / 편의 기능 / 핸드오프 / 레퍼런스 / 기타 플러그인 추천



Curriculum

PART A

UI : 피그마로 반응형 프로덕트 만들기

Chapter 1. 피그마와 UI 디자인
다른 디자인 툴과 피그마의 차이를 확인하고 UI 디자인 작업 시,어떤 장점이 있는지 이해하며 기본적인 구조와 인터페이스에 대해 안내합니다.

ImageSlide<b>
Step1 <br>
<span style="font-size:18px;">
UI 디자인 작업 환경 살펴보기</span>
</b>
Step1
UI 디자인 작업 환경 살펴보기
기업의 크리에이티브 파트너로서 다양한 툴을 사용하던 플러스엑스가 피그마로 정착하게 된 배경과 피그마가 어떤 툴인지 소개합니다.
ImageSlide<b>
Step2 <br>
<span style="font-size:18px;">
피그마 기본 구조 살펴보기</span>
</b>
Step2
피그마 기본 구조 살펴보기
피그마 플랜과 권한을 비롯하여 홈과 디자인 파일의 인터페이스 등 피그마의 기본 구조에 대해 소개합니다.

Chapter 2. 피그마 기초
피그마 기본 기능의 개념과 사용 방법을 실습을 통해 이해하며, 실무에서 활용할 수 있는 다양한 방안에 대해 학습합니다.

ImageSlide<b>
Step1 <br>
<span style="font-size:18px;">
프레임과 그룹</span>
</b>
Step1
프레임과 그룹
- 피그마 레이어 종류와 레이어 패널 계층 구조의 이해
- 프레임과 그룹의 개념 및 특징
[실습] 플러스엑스 로고로 이해하는 프레임과 그룹의 차이
ImageSlide<b>
Step2 <br>
<span style="font-size:18px;">
레이아웃 그리드</span>
</b>
Step2
레이아웃 그리드
- 디자인에서 그리드의 개념과 구성 요소
- 레이아웃 그리드 구조와 사용 시 이점 소개
[실습] 모바일 화면용 그리드 생성을 통해 배우는 레이아웃 그리드 적용 및 활용 방법
ImageSlide<b>
Step3 <br>
<span style="font-size:18px;">
콘스트레인트</span>
</b>
Step3
콘스트레인트
- 콘스트레인트 개념과 사용 시 이점 소개
- 다양한 콘스트레인트 설정 차이 이해
[실습] 콘스트레인트를 사용하여 다양한 해상도 대응이 가능한 플러스엑스 그룹웨어 앱 구현
ImageSlide<b>
Step4 <br>
<span style="font-size:18px;">
오토 레이아웃</span>
</b>
Step4
오토 레이아웃
- 오토 레이아웃 개념과 사용 시 이점 소개
- 오토 레이아웃의 기본 및 고급 설정 방법
[실습] 오토 레이아웃을 사용하여 동적인 구조의 플러스엑스 그룹웨어 웹 화면 구현

Chapter 3. 피그마 심화
피그마 심화 기능의 개념과 사용 방법을 실습을 통해 이해하며, 반응형 디자인 시 실무에서 활용할 수 있는 다양한 방안에 대해 학습합니다.

ImageSlide<b>
Step1 <br>
<span style="font-size:18px;">
컴포넌트</span>
</b>
Step1
컴포넌트
- 컴포넌트와 컴포넌트 핵심 기능인 프로퍼티의 개념과 용도 이해
- 컴포넌트 사용 시 이점과 주의할 점
[실습] 컴포넌트를 활용한 레이지 나이트 앱 화면 구성
ImageSlide<b>
Step2 <br>
<span style="font-size:18px;">
배리어블</span>
</b>
Step2
배리어블
- 배리어블의 개념과 종류
- 배리어블과 스타일 차이 이해
[실습] 배리어블로 플랫폼, 다국어 환경 전환 가능한 라이트룸 서울 웹 화면 구축

Chapter 4. 반응형 프로덕트 디자인
오토 레이아웃, 컴포넌트, 배리어블 등 피그마의 기본과 심화 기능을 사용하여 반응형 웹 디자인을 효율적으로 구축할 수 있는 방법에 대해 학습합니다.

ImageSlide<b>
Step1 <br>
<span style="font-size:18px;">
반응형 디자인이란</span>
</b>
Step1
반응형 디자인이란
- 반응형 디자인 개념에 대한 이해
- 피그마로 반응형 구조 작업 시 이점
- 피그마로 반응형 구조 작업 시 고려해야 할 4가지 요소
ImageSlide<b>
Step2 <br>
<span style="font-size:18px;">
반응형 데스크탑 화면 만들기</span>
</b>
Step2
반응형 데스크탑 화면 만들기
- 콘스트레인트, 오토 레이아웃을 사용하여 반응형 구조 만들기
- 플러그인을 활용하여 정비율로 대응할 수 있는 반응형 카드 구조 만들기
- 플러그인을 활용한 데이터 입력 방법 소개
ImageSlide<b>
Step3 <br>
<span style="font-size:18px;">
태블릿, 모바일 화면 만들기</span>
</b>
Step3
태블릿, 모바일 화면 만들기
- 배리어블을 사용한 플랫폼 배리에이션 작업
- 반응형 구조의 태블릿, 고정 구조의 모바일 화면 구현과 차이 이해

PART B

Plus X UI팀의 피그마 꿀팁

Chapte1. Plus X UI팀이 피그마를 사용하는 법
플러스엑스 UI팀이 실무에서 피그마를 사용하는 다양한 방법을 소개합니다.

ImageSlide<b>
Step1 <br>
<span style="font-size:18px;">
UI팀이 피그마로 소통하는 방식</span>
</b>
Step1
UI팀이 피그마로 소통하는 방식
ImageSlide<b>
Step2 <br>
<span style="font-size:18px;">
UI팀이 자주 사용하는 플러그인</span>
</b>
Step2
UI팀이 자주 사용하는 플러그인
ImageSlide<b>
Step3 <br>
<span style="font-size:18px;">
UI팀이 피그마를 사용하는 법</span>
</b>
Step3
UI팀이 피그마를 사용하는 법
  • 상세 커리큘럼

    자세한 커리큘럼 및 내용은 여기서 확인하세요!

Special Package

서비스 기획부터 화면 구현까지 플러스엑스 스타일로!!

플러스엑스 디자인팀이 직접 알려주는
피그마 툴 노하우 강의를
특별 할인된 가격으로 한 번에 수강하세요.

  • 구성 01 : UI

    Plus X UI팀의 UI 디자이너를 위한
    피그마 디자인 메뉴얼


    ✓ UI 디자이너의 필수 피그마 TOP 6가지 기능 활용 방법
    ✓ UI 디자이너에게 유용한 반응형 웹 디자인 실습
    ✓ UI 팀이 자주 활용하는 플러그인과 업무 시간을 반으로 줄여 주는 실무 꿀팁
    ✓ UI 팀이 실제 업무에 사용하는 피그마 파일과 강의 실습 자료 제공

  • 구성 02 : UX

    Plus X UX팀의 피그마를 활용한
    효율적인 화면 설계서 작성법


    ✓ Plus X UX 팀이 1년간 피그마를 사용하며 구축한 최적의 워크플로우 공개
    ✓ UX 디자이너의 필수 피그마 기능 기초부터 심화까지
    ✓ UX 디자이너라면 꼭 알아야할 UX 화면 설계서 작성 프로세스 실습
    ✓ UX 팀이 실제 업무에 사용하는 피그마 파일과 화면 설계 문서 제공

Instructor
안녕하세요
Plus X UI 디자인 팀입니다.


플러스엑스 UI팀은 사용자의 경험을 최우선으로 고려하며, 
브랜드의 핵심 가치를 사용자 인터페이스에 녹여내는 일을 합니다. 
이 과정에서 발생하는 다양한 도전과 고민을, 
플러스엑스만의 방식으로 해결해 나가고 있습니다.

본 강의에서는 플러스엑스 UI 팀이 직접 컨설팅하는 과정에서 축적된 실무 경험을 바탕으로, 
피그마를 사용하여 다양한 이해관계자들이 원활하게 협업할 수 있는 환경을 조성하고,
UI 디자인을 더욱 효율적으로 작업할 수 있는 방법을 다룹니다. 
실제 프로젝트 사례를 통해, 이론과 실무가 결합된 깊이 있는 지식을 전달할 예정입니다.

현업에서 피그마를 활용하는 디자이너들은 물론, UI 디자인을 배우고자 하는 예비 디자이너에게도 큰 도움이 될 것입니다.
또한, 본 강의에서는 프로덕트를 기획하거나 전략을 수립하는 과정에서 디자인의 중요성을 이해하고자 하는 모든 분들에게도
깊이 있는 인사이트를 제공합니다.플러스엑스의 통합적인 브랜드 경험을 제공하는 노하우를 직접 경험해 보세요.

For You

이런 분들께 추천합니다.

  • 1

    UI 디자인을
    배우고 싶은 초보자


    UI 디자인을 배우기 위하여 피그마를 처음 입문, UI 디자인 기초와 핵심만 배우고 싶은 누구나

  • 2

    피그마 활용 능력을
    향상시키고 싶은 디자이너


    국내 탑 Plus X UI 디자이너들의 피그마 활용 노하우, 업무방식, 협업 체계 등 배우고 싶은 누구나

  • 3

    일관성 있는 시각적 경험을
    고민하는 디자이너


    피그마를 활용하여 효과적으로 일관된 시각적 경험을 만들어 전달하고자 하는 누구나

  • 4

    반응형 웹 디자인을
    구축하고 싶은 분


    반응형 디자인의 개념을 이해하고 피그마를 사용하여 실무에서 효과적으로 구축하는 방법을 알고 싶은 누구나

Tool
본 강의에서 사용될
프로그램 안내드립니다.

피그마 영문 프로그램 유료 버전으로 진행되었습니다.
* 프로그램은 제공되지 않습니다
* 무료 플랜을 사용하는 수강생도 해당 강의의 대부분은 학습 가능하나,
반응형 프로덕트 디자인 실습에서 사용하는 배리어블 기능의 특정 부분(모드 추가)은
유료 플랜에서만 사용 가능한 점 참고 부탁드립니다.

최정상 디자인 기업이 전하는 실무 디자인의 모든 것,
디자인 전문 교육 플랫폼 SHARE X

SHARE X 모든 강의는 한 번 결제로 기간 제한 없이 평생 수강할 수 있습니다.

[쉐어엑스] Plus X UI팀의 입문자를 위한 피그마 디자인 메뉴얼
정가100,000원
할인 금액(-35%) 35,000원
현재 판매가65,000원

월 5,417원

* 12개월 무이자 할부 시
Recommendation

이런 분들께 추천합니다.