UI디자인을 위한 피그마 기본 이해하기 강의 배너

  • 디자인

UI디자인을 위한 피그마 기본 이해하기

무료

무제한

  • #Figma

수강 신청 결제 사이드 메뉴

  • 강의명

    UI디자인을 위한 피그마 기본 이해하기

  • 분량

    5(총 0시간 57분)

  • 과제
    1개 제공

    강의를 듣고 주어진 과제를 해결하여 강의 내용을 소화했는지 실력을 체크해 보세요.

무료

튜터에게 피드백을 받아보세요

과제는 강의에 포함하여 제공되며, 피드백은 과제 확인 후 개별 신청을 통해 진행됩니다.

  • 과제1

    AUTO LAYOUT 기능을 이용한 앱 로그인 화면 버튼 제작하기

    30,000원

UI디자인을 위한 피그마 기본 이해하기 강의 상세 설명

이런 분들에게 추천해요.

  • 처음 Figma를 접하는 디자인 취업준비생

  • UI/UX 결과물을 빠르게 제작하고 싶은 신입 디자이너

  • 실무에서 쓰는 UI디자인 역량을 빠르게 습득하고 싶은 취업준비생

커리큘럼

  • 챕터 1

    피그마 기초 이해하기

    • 피그마 기초 이해하기

  • 챕터 2

    피그마 오토 레이아웃 기능 이해하기

    • 피그마 오토 레이아웃 기능 이해하기

  • 챕터 3

    피그마 컴포넌트 & Variants 기능 I 버튼 생성하기

    • 피그마 컴포넌트 & Variants 기능 I 버튼 생성하기

  • 챕터 4

    피그마의 팀라이브러리를 사용한 실무사례

    • 피그마의 팀라이브러리를 사용한 실무사례

  • 챕터 5

    통합 과제

    • AUTO LAYOUT 기능을 이용한 앱 로그인 화면 버튼 제작하기

      과제

강의 상세



UI/UX디자인 작업, 프로젝트 협업을 위해 여러 기업에서 많이 활용하고 있는 툴, 바로 Figma입니다.


본 강의는 Figma를 처음 사용해보시는 분들을 대상으로 합니다.

Figma의 기초 이해 후 기능을 활용한 버튼 Component 만들기,

마지막으로 협업에 필요한 팀라이브러리를 활용하는 방법에 대해 알려드립니다.


디자이너가 알려주는 Figma 활용법! 정말 쉽고 간편하게 핵심만 쏙쏙 배워보세요🙂





스킬업-에디터_5


강의 수강 후, 배운 내용을 적용해보고 싶다면?

스킬업 과제를 수행해 보세요!


과제 수행 후 피드백을 신청하면

내 결과물에 대해 현직자 멘토님의 상세한 피드백이 제공됩니다!

.

.






▶️ 주제 :  AUTO LAYOUT 기능을 이용한 앱 로그인 화면 버튼 제작하기 


▶️ 설명 :  원하는 앱을 하나 선정 후, 해당 앱 로그인 화면에 맞는 버튼 컴포넌트를 3개 이상 제작해보세요! 


▶️ 과제 수행 가이드 


1) 원하는 앱 하나를 선정해보세요.


2) 버튼에 넣을 아이콘 및 텍스트를 선정해보세요.


3) 도형 및 텍스트, 아이콘은 활용해 디자인한 버튼에 AUTO LAYOUT 기능을 적용해 길이가 다른 버튼을 제작해보세요.





Q : 필요한 선수 지식이 있을까요?

A : 아니요, 선수 지식이 없이 처음 Figma를 접하시는 분들도 쉽게 따라하실 수 있습니다.


강사 정보

P 튜터

9년 차 디자이너입니다. 성심성의껏 피드백 해드리겠습니다:)

약력

  • 전) (주)아모레퍼시픽 데일리뷰티 유통 TM팀 사원

  • 전) (주)디피플랫폼 디자인실 실장

  • 2022 현대자동차 해피무브 행사 제작물 디자인

  • 2021 경기문화창조허브 디자인 솔루션 랩 평가위원

  • 2020 All new KIA 웹 플라이어 키 비주얼 디자인

  • 2019 '서울문화재단' '쉴틈' 키 비주얼 디자인