피그마(Figma) 학원수강 1회차

 

2024.10.07

피그마 학원수강 1회차

 

첫째날 수업전에는 OT로 머 서류같은거 작성하고 기초지식 확인용?

문제지같은걸 나눠준다. 개인정보동의? 그건 싸인하고 OT때 학원 직원분한테 드렸고

문제지같은건 다 풀고 나중에 강사님한테 제출하는 거였다.

그리고 피그마도 교재를 받았다.

 

 

요즘엔 다 교재를 주나보다.

 

첫수업에는 12회차 수업동안 수업은 어떻게 진행이 되는지, 출결관리 등

설명부터 시작되었고 본격적으로 수업이 진행되었다.

 

학원 수강 노트

 

이번 12회차 수업에서는 6회차는 1,2(기초) / 나머지 6회차는 3(응용)

1. 컴포넌트

2. 오토레이아웃

3. 프로토타입 제작

 

* 피그마 단축키

- 화면 확대 : Ctrl + 휠 위로

- 화면 축소 : Ctrl + 휠 아래로

- 화면 이동 : 스페이스바 + 드래그

 

도형그릴 시 Sfift, Alt 키 활용

도형에 둥굴림을 줄 경우 - 한쪽만 할 경우, Alt키를 누른 상태에서 마우스로 조절

도형에서 그냥 둥굴림 적용시에는 모든면이 적용됨

 

컬러피커로 구현할 수 없는 색상들은 컬러헌트 사이트에서 가져올 수 있음 + 컬러조합

 

<도형>

Polygon 그리고 나서 모서리 쪽에 마우스를 갖다대면 도형옆에 count라는게 뜨는데 꼭지점의 갯수를 의미한다.

마우스를 위로 올리면 늘어나고 아래로 내리면 모서리 갯수가 줄어든다.

 

별모양의 경우, 안으로 들어간 부분을 마우스로 위로 아래로 내리면 더 뾰족하게 하거나 완만하게 만들 수 있다.

 

<피그마 vs 포토샵 vs 일러스트>

일러스트(백터이미지)의 경우 최대한 확대해서 보면 패스가 깨짐이 없이 자연스럽게 보인다 : 로고, 아이콘

포토샵(비트맵이미지)의 경우 최대한으로 확대해서 보면 깨져보인다. (픽셀을 늘려버리기 때문에)

이미지를 늘렸다 줄였다 반복하면 그것만으로도 이미 픽셀이 줄었다가 줄은 상태에서 늘려버린 것이기 때문에 기존의 화질 복원이 안된다.