[피그마]피그마 기초

Dev-O·2025년 3월 22일
0

피그마 기초

목록 보기
1/1

레이어와 그룹

점선 네모 - 그룹
그룹하는 방법 command + g
그룹해지 방법 command + shift+ g
레이어 층의 개념
앞과 뒤 z축 그래서 순서에 따라 보이는 것이 다르다.
레이어 앞으로 가기 command + [
레이어 뒤로 가기 command + ]
레이어 맨 앞, 뒤로 가기 command + option [, ]
요소 복제
option + drag

프레임

ui 작업을 위한 틀
하나의 화면을 구성하는 틀
단축키 f + freeset고르기
프레임 안에 프레임을 넣을 수도 있음

섹션

여러화면에 대한 프레임을 그룹화할 수도 있음
ex) 시안1, 2
shift + s
option + 커서 이동하면 간격을 다 알아볼 수 있음
페이지
페이지는 여러개로 나눌 수 있다.

레이아웃, 그리드

웹 : 12단 그리드
모바일 : 4, 6단 그리드
column, gutter, margin
grid : 작은요소
columns : 전체 레이아웃
shift + g : 레이아웃 그리드를 보였다 안보였다 할 수 있음

도형

appearance
fill : 배경 컬러, 이미지 삽입, 비디오 삽입(미리보기 시)
fit으로 하면 비율에 맞춰서 작악짐
crop : 잘라서 원하는 부분만 보여줄 수 있음
tile : 원본크기에 맞춰서 반복
remove background : 배경 없어짐
fill, stroke 안에서도 레이어를 조절 할 수 있음
line모양도 설정할 수 있음
effects
inner shadow
drop shadow
background blur : 레이어를 활용해 블러처리 시키고 싶은 이미지를 뒤로 보냄, 투명도를 넣어줘야 함
text : 미래의 건강 산업, 개인 맞춤형 의료
layout에서 truncate text - inabled 처리 auto height로 변경하면
max lines 설정에 따라 ...표시가 됨
command + option + g 하면 프레임으로 묶여짐
command + option + c 하면 속성을 복사 할 수 있음
clip content radius 맞춰줌

profile
To Be Outstanding, To Foster Understanding🚀

0개의 댓글