• Main menu
  • Contents
지금 앱 설치하면 앱 전용 10만원 쿠폰팩 지급!

Biskit

  • 로그인
  • 회원가입
  • 홈
  • 클래스
  • 스토어
  • 서비스소개
  • 로그인
  • 회원가입
비전공자도 가능한 UI디자인, 실무 디자이너에게 배우는 피그마
3가지 혜택 받으실 분 찾습니다!

수강생 작품 갤러리

    클래스 소개

    클래스 안내사항

    • 모든 쿠폰 적용가능합니다.

    ⬥ 비전공자도 가능한 UI디자인, 실무 디자이너에게 배우는 피그마

    난이도 입문자 대상
    클래스 콘텐츠 17개
    만들 작품수 17개

    ⬥ 필요한 프로그램은 무엇인가요?

    ⬥ 클래스 추천 대상


    ⬥ 클래스만의 특별함




    피그마 생소하신가요?


    피그마는 최근 실무자들 사이에서 화제인 벡터기반 디자인 툴입니다. 모바일 앱과 웹을 디자인 하는 것에 최적화된 인터페이스로 구성되어있고, 사용자 테스트를 위한 프로토타이핑 까지간편하게 제작할 수 있어요.

    피그마, 기초부터 탄탄하게


    빠르게 변화하는 모바일 디자인 트렌드, 빠르게 디자인하면서 디테일을 놓치지 않는 것이 중요합니다. 피그마의 기본적인 내용을 잘 이해하고, 디자인 시스템을 만들어 가는 과정을 함께 배우고, 디자인 시스템을 효율적으로 관리하기 위한 입문과정을 함께해요.

    피그마는 웹 기반의 디자인툴이고, 어떠한 OS를 사용하고 있던지 설치가 가능합니다. 포토샵이나 일러스트처럼 무겁고 복잡하지 않은 가벼운 디자인 툴로 이제 원하는 UI를 디자인해볼 수 있습니다.수업을 끝까지 듣고나면 간단한 화면 구성부터 움직이는 프로토타이핑 까지 제작할 수 있어요!

    안녕하세요, 10년차 디자이너이자 유튜버 연남동이재용입니다.


    저는 지난 10년간 대기업과 다양한 스타트업에서 기획과 디자인 업무를 하면서 디자인 툴 테크닉 유튜브 채널을 운영 중이에요. 경험과 노하우를 바탕으로 이번 클래스에서 웹과 모바일 어플리케이션 디자인을 위한 디자인 툴의 사용 방법과 노하우를 공유해드리고 있습니다.



    ⬥ 클래스 커리큘럼

    1. 피그마 도대체 무엇인가?


    포토샵, 일러스트는 잘 아는데 피그마? 모바일 디자인과 웹 디자인에 최적화된 브라우져 기반의 새로운 개념의 디자인 툴에 대해 알아볼 수 있어요.

    2. 피그마의 인터페이스 소개


    무엇이든 첫인상이 중요하죠. 피그마의 구석구석 무엇이 있는지 살펴보는 시간입니다. 숨어있는 기능까지 한번에!

    3. 피그마의 프레임 이해하기


    아트보드(대지)가 아니라 프레임? 정적인 이미지를 만드는 것은 이제 그만! 디자인하고나면 알아서 움직임을 만들어주는 프레임에 대해 배울 수 있어요.

    4. 피그마의 기본 도형부터 알아보자!


    간단해보이는 이 도형들로 무엇을 만들 수 있을까? 도형의 특성을 이해해야 활용하는 방법을 알 수 있습니다.

    5. 아이콘 디자인과 네비게이션


    도형의 특성을 활용한 아이콘 디자인부터 스타일 관리까지 한번에!

    6. 피그마의 핵심 기능 컴포넌트 (01)


    쉬워보이지만 막상 만들면 어려운 컴포넌트, 복잡해 보이는 구성을 쉽고 간단하게 . 가이드를 만드는 것 부터 알려드립니다.

    7. 피그마의 핵심 기능 컴포넌트 (02)


    프레임의 이름을 수정하는 것 만으로도 쉽게 관리할 수 있는 컴포넌트간의 연관성을 갖게 만들고 폴더 구조로 디자인 에셋을 쉽게 관리할 수 있는 방법을 알려드립니다.

    8. 피그마의 핵심 기능 컴포넌트 (03)


    이미 만든 컴포넌트 상황에 맞게 알맞게 변형해서 사용하고 싶다? 하나의 컴포넌트로 12가지의 상황에 맞추어 대응할 수 있는 컴포넌트를 만들어봅니다.

    9. UI디자인 실습 (01)


    배운 내용을 토대로 컴포넌트 디자인과 UI디자인을 실습합니다.

    10. UI디자인 실습 (02)


    완성된 컴포넌트를 기반으로 카드 콘텐츠를 만들고 프로토타이핑을 위한 UI디자인을 완성해볼 수 있습니다.

    11. 화면의 전환 ‘트렌지션’


    매일 사용하는 앱에서 쓰고있는 화면전환 효과 어떻게 만들까요? 화면 전환 효과에 대한 모든것을 알아봅니다.

    12. 프로토타이핑의 꽃 ‘스마트 애니메이트’


    영상 제작은 할줄 모르는데 움직이는 화면을 만들고 싶으신가요? 스마트 애니메이트 기능으로 화면의 움직임을 만들 수 있습니다.

    13. 프로토타이핑 오버레이


    프로토타이핑 오버레이 기능에 대해 꼼꼼하게 알아보아요.

    14. 프로토타이핑 스왑위드


    프로토타이핑의 스왑위드가 어떤 기능인 지 함께 알아보아요.

    15. 바르고 간편하게! 오토레이아웃


    버튼을 만드는데 5초도 안걸린다고? 쉽고 빠르게 디자인을 도와주는 신박한 기능 ‘오토레이아웃’에 대해서 살펴봅니다.

    16. 공유기능


    만든 컴포넌트와 UI를 개발자와 쉽게 공유하는 방법과 팁을 배워 보아요.

    그럼, 곧 강의에서 만나요

    작가소개

    작가 프로필 이미지

    작가 연남동이재용

    커리큘럼

    0
    피그마 강의소개 7분
    0
    피그마 강의소개
    1
    피그마 소개 9분
    0
    피그마는 어떤 디자인 툴인가요?
    2
    피그마 인터페이스 둘러보기 10분
    0
    피그마의 기본적인 인터페이스 둘러보기
    3
    피그마의 아트보드 프레임과 그리드시스템 14분
    0
    피그마의 아트보드 프레임과 그리드시스템
    4
    피그마 도형의 기본부터 스타일 적용까지 25분
    0
    피그마 도형의 기본부터 스타일 적용까지
    5
    아이콘 디자인과 네비게이션 디자인 가이드 23분
    0
    아이콘 디자인과 네비게이션 디자인 가이드
    6
    컴포넌트 기본과 레이어 이름을 정하는 규칙 18분
    0
    컴포넌트 기본과 레이어 이름을 정하는 규칙
    7
    컴포넌트 구성요소 변경 15분
    0
    컴포넌트의 구성요소를 변경하는 방법
    8
    컴포넌트 프레임의 반응형 디자인 적용방법 10분
    0
    컴포넌트 프레임의 반응형 디자인 적용방법
    9
    카드 컴포넌트 디자인과 피그마 플러그인 10분
    0
    카드 컴포넌트 디자인과 피그마 플러그인
    10
    피그마 UI디자인 실습 - 뮤직 어플 디자인 14분
    0
    피그마 UI디자인 실습 - 뮤직 어플 디자인
    11
    화면속 내용을 움직이는 기능 스크롤 12분
    0
    화면속 내용을 움직이는 기능 스크롤
    12
    스마트 애니메이트 기능과 트렌지션 디자인 12분
    0
    스마트 애니메이트 기능과 트렌지션 디자인
    13
    키보드, 팝업 컴포넌트를 자연스럽게, 오버레이 16분
    0
    키보드, 팝업 컴포넌트를 자연스럽게, 오버레이
    14
    프레임 속 내용을 변경해주는 스왑위드 11분
    0
    프레임 속 내용을 변경해주는 스왑위드
    15
    세상편리한 디자인 기능 - 오토레이아웃 5분
    0
    세상편리한 디자인 기능 - 오토레이아웃
    16
    완성한 UI를 개발자와 공유하는 기능 9분
    0
    완성한 UI를 개발자와 공유하는 기능

    후기

    등록된 후기가 없습니다.
    클래스의 첫 후기를 남겨보세요!

    Q&A 0

      비전공자도 가능한 UI디자인, 실무 디자이너에게 배우는 피그마

      월 32,250원 X 4개월
      129,000원 179,000원
      27%OFF
      수강기간 16주 키트 배송기간이 포함되어 있습니다. 키트 할인 안내 추후 키트만 구매시 기본 할인이 적용되지 않습니다.
      원 원
      CLOSE POPUP

      마이비스킷 고객 센터

      운영시간
      평일 11:00 ~ 18:00 (점심시간 12:00 ~ 13:30) 주말, 공휴일 제외
      • cs@biskit.co
      • 카카오톡@mybiskit
      • 02-6205-2206

      고객 안내

      • 이용약관
      • 개인정보 처리방침
      • 사업자 정보 확인

      제휴 안내

      • 작가 지원
      • 단체구매/B2B
      • 제휴 문의: contact@biskit.co
      • mybiskit instagram
      • mybiskit kakaotalk
      • mybiskit youtube
      • mybiskit naver
      • mybiskit facebook
      마이비스킷 by Teamblind Inc.
      • 팀비스킷(주)
      • 대표 : 황수영
      • 개인정보보호 책임자 : 문성욱
      • 서울특별시 강남구 테헤란로 19길 5 6층
      • 사업자등록번호 : 154-86-01241
      • 통신판매업신고 2019-서울강남-01053
      Top