내일배움캠프_베이스캠프

베이스캠프_피그마 기초 완전정복/04

myinfo48543 2026. 6. 2. 17:48

피그마는 현재 가장 뛰어난 디자인 협업 툴이다. 

디자인을 만들때는 기획-디자인-개발-테스트의 과정이 있지만,

이러한 분업 절차의 번거로움을 줄일 수 있게 하나의 프로그램에서 완성될 수 있다고 한다. 

 

피그마는 웹이서 언제나 사용할 수 있고, 맥과 윈도우 모두 사용가능하다.

또한 디자인 툴의 성능을 가지고 있으면서, 개발까지 할 수있게 되어있다.

 

피그마는 데스크톱,모바일 모두 설치 가능하고 브라우저에서도 가능하다.

이동가능과 간편성,디자인과 개발을 함께 할 수있다는 편리함,풍부한 커뮤니티 자료들,직관성이 좋은 학습 툴이 특징이다.

 

 

@디스플레이와 배수 이해하기

디지털 화면의 원리를 이용해보자!

 

디스플레이와 픽셀의 개념

1)디스플레이와 픽셀의 개념

 

디스플레이와 픽셀-웹사이트나 앱,키오스크,전광판 등의 디지털 화면들을 디스플레이 라고 함

이 디스플레이는, 픽셀이라는 정말 작은 칸들로 이루어져있다. 

 

2)해상도와 픽셀의 관계

 

해상도(resolution)-디스플레이의 선명한 정도를 나타냄 

해상도는디스플레이의 안에 들어가 있는 픽셀의 개수를 의미함.

픽셀의 갯수는 가로줄의 픽셀 개수*세로 줄의 픽셀 개수로 나타남

1920*1080의 디스프레이의 경우, 가로줄에는 픽셀이 1920개,새로줄에는 1080개가 들어있다는 의미 

 

-해상도가 같다면, 화면 크기가 클수록 픽셀 한 칸의 크기도 커짐

-화면 크기가 같다면, 해상도가 높아질수록 픽셀 한 칸의 크기는 작아짐 

-일반적으로 화면 크기가 클수록 해상도도 높음

-면적 당 픽셀 갯수가 더 많다면, 세밀한 묘사가 가능하다

 

예외)맥북처럼 화면 크기는 작은데 해상도가 매우 높은 디스플레이들이 있다. 

이런 겨우 디스플레이의 품질 차이도 있지만, 해상도와 화면 크기의 관계때문에 일반적인 모니터보다 더 화질이 좋다고 느껴지는 것이다.