ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
#05 컴포넌트 사용법 – 피그마 강좌(멤버십 전용) | 디자인베이스
홈 멤버십 전용 #05 컴포넌트 사용법 – 피그마 강좌(멤버십 전용)
해당 강좌는 유튜브 멤버십 회원 전용 강좌입니다.
이번 시간에는 피그마에서 가장 중요하게 생각하는 컴포넌트에 대해서 배워보도록 할게요. 스케치의 핵심 기능인 심벌과 똑같은 기능입니다.
이제 슬슬 분노의 상상을 하지 않아도 왜 컴포넌트를 사용해야 하는지 아시겠죠? UI 디자인 작업 특성상 유지 보수를 위한 잦은 수정이 필요하죠. 그렇기에 반복되는 화면을 연속으로 사용되는 것들은 컴포넌트로 처리하는 게 좋습니다.
피그마에서 컴포넌트 등록 방법부터 수정, 삭제 등 활용 방법까지 알아보도록 하겠습니다.
단, 스케치의 심볼과 다른 점이 있어요. Variants라고 해서 특정 컴포넌트에 상황을 부여해서 경우의 수를 더 늘리는 거예요. Input을 예를 들면 아무 값이 들어있지 않은 placeholder 타입과 값이 들어있는 타입, 그리고 입력할 때 타입 혹은 error 타입 등이 있겠죠.
*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
소셜 미디어 사이즈, SNS 채널을 운영한다면 필수 참고
어도비 XD 강좌 오픈
#17 Lottie를 프로토파이에 사용하는 방법 – 프로토파이 강좌
각종 디바이스 무료 목업 (약 90종) by facebook
그라데이션 컬러 추천해주는 사이트
투명 카드 초대장 목업
아이폰 11 Pro 폰케이스 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.