[피그마] Layout Grid 레이아웃 그리드로 디자인 기본 구조 만들기

[피그마] Layout Grid 레이아웃 그리드로 디자인 기본 구조 만들기
Layout Grid 레이아웃 그리드는 다양한 디바이스에 논리적이고 일관된 디자인을 만들도록 도와줍니다. 머티리얼 디자인의 가이드라인을 따라 피그마로 레이아웃 그리드를 만들어 보겠습니다.
https://material.io/design


00:17 용어(컬럼,거터,마진,컨테이너) 설명
01:00 Material Design - Breakpoint System
02:06 레이아웃 그리드 설정 - 데스크탑, 모바일
03:53 그리드를 사용해서 패딩을 시각화하는 방법
05:44 컨스트레인트에 따라 레이아웃 그리드 리사이징하는 방법
10:05 Baseline Grid 베이스라인 그리드 설정


#피그마 #레이아웃그리드 #그리드시스템 #figma #layoutgrid #gridsystem #UXUIdesign
--------------------------------------------------------------------------------------------
루씨의 UXUI 디자인 채널입니다.
디자이너를 꿈꾸는 대학생, 취업 준비 중인 디자이너 등을 위한 기초적인 툴 강의를 하고 있습니다. 다양한 제휴(디자인 툴 리뷰, 디자인 책 리뷰), 강의 요청, 궁금한 부분 있으면 댓글 또는 메일([email protected])로 해주세요. 영상이 도움 되셨다면 구독,좋아요 부탁 드립니다!

Hello ~
Welcome to The UXUI Design Channel.
This channel offers UXUI design, Figma, Photoshop, Illustrator, HTML, CSS, data driven , GA.
I'm interested in design tool review, design book review ... and more fun reviews.
Contact me: [email protected]
Thanks for Watching! Happy Designingggggggggg ; )
--------------------------------------------------------------------------------------------
© 루씨의 UXUI 디자인. ALL RIGHTS RESERVED.
본 영상으로 강의, 영상 추출, 참고 영상으로 링크 제공 등 금지합니다.