내배캠 TIL

피그마 기초 지식 정리 (TIL 2일차)

효릥 2025. 12. 23. 18:03

 

사실 피그마 다룬 지는 꽤 되었지만 이론 면에서 항상 어영부영 넘어갔었기 때문에 새로 배운 것들 메모를 해두려고 한다

ui 화면을 처음 만들 때 이렇게 해도 되나? 생각했던 걸  골라서 메모해뒀으니... 누군가에게 언젠가 도움이 되기를~~~~

 

1.일반적으로, 디자인 요소는 8의 배수로 (8포인트 그리드 디자인)

항상 디자인할 때 그냥 대충 이뻐보이는 대로 만들었었는데... 사실 그때도 숫자를 정하고 거기서 플러스 마이너스 숫자를 정해서 하긴 했었는데 딱히 8배수로 숫자를 신경쓰지는 않았다;; 폰트 크기를 배수로 해서 우연찮게 맞았던 듯

정수로 이쁘게 떨어져서 8의 배수로 해야한다고 한다 (홀수로 하면 당근 이상해지겠지..)

 

 

그리고 일단 화면을 만들면 프레임 크기를 어떻게 만들지 매우 고민한다

일단 피그마에서 휴대폰 프로토타입이 굉장~히 많은데 어떤 프로토타입을 해야 맞을까... 고민 많이 했었다

 

2.아이폰의 경우 375*812, 안드로이드의 경우 360*800이 권장 사이즈!!

 

그래서 아이폰은 iphone 13 mini 사이즈 고르면 되고, 안드로이드는 프레임 크기 만들어줘야할듯..

 

1주차 과제는 도형 따라 만들기라서 슥슥 만들었다 마치 1학년이 된 기분...

4번 도형 처음 봤을때 펜툴로 만들어야하나?생각했는데 코너 조절하니까 됐음....

후딱 만들고 과제 제출~~~~

내일은 오토레이아웃 좀 빡세게 해야겠다...