벡터와 래스터
컴퓨터가 데이터를 채워서 그림을 표현하는 방법들.
- 래스터 방식 : 비트맵 형식, 픽셀 칸에 색깔 칩을 하나씩 담는 형식. 파일 확장자로 jpg,bmp,gif,png 등 흔히 보는 이미지 형식.
특징
1. 해상도가 높을 수록 화질이 좋다. : 픽셀 갯수가 많을 수록 화질이 좋다.
2. 낮은 해상도를 크게 만든다고 화질이 좋아지진 않는다. : 이미지를 키우는 건 픽셀 크기가 커질 뿐 화질이 좋아지지는 않는다.
3. 확대와 축소 반복시 색상 정보가 사라진다. : 픽셀 수가 변하는 과정에서 정보가 사라지면 해당 정보는 복구할 수 없다.
4. 단순한 방식이라 고해상도 이미지 표현에는 유용하다. : 단순한 방식 덕에 벡터에 비해 크기가 작다. - 벡터 방식 : 그림을 수식으로 표현하는 방식으로, 코드 파일에 가까움. 파일 확장자로 svg가 존재.
특징
1. 확대 및 축소 같은 크기 변형이 자유로움 : 함수로 된 파일이라 확대/축소 등의 변형에 자유로움.
2. 이미지가 크고 복잡해짐 : 이미지 표현하는 수식이 복잡해지고, 그에 따라 파일 크기도 커진다.
∴피그마는 벡터 방식을 이용.
끝
'UI\UX 공부 > figma강의 정리' 카테고리의 다른 글
| [2강] 02. 오토레이아웃 (0) | 2025.07.09 |
|---|---|
| [2강] 01.프레임과 그룹 (1) | 2025.07.09 |
| [1강] 04.8포인트 그리드 (0) | 2025.07.08 |
| [1강] 02. 디스플레이와 배수 (0) | 2025.07.07 |
| [1강] 01.피그마 소개 (1) | 2025.06.30 |