디자인 공부

해상도

loglog1 2026. 6. 9. 00:32

 PART 1. 해상도(Resolution)와 주요 용도

해상도는 이미지나 화면이 얼마나 정밀하게 표현되는지를 나타내는 척도입니다. 주로 인치당 픽셀 수(PPI)나 점의 수(DPI)로 표현하며, 매체에 맞는 적절한 해상도를 선택하는 것이 작업의 기본입니다.

1. 주요 해상도 규격과 용도

해상도 종류 권장 값 (PPI / DPI) 주 사용처 및 특징
웹 / 모바일 웹 72 DPI 모니터, 스마트폰 화면 등 디스플레이 출력용 (용량 최적화 목적)
일반 인쇄 / 출력 150 ~ 200 DPI 일반 리포트, 현수막, 대형 실사 출력물 (멀리서 보는 인쇄물)
고품질 인쇄 / 잡지 300 ~ 350 DPI 리플렛, 브로셔, 잡지, 명함 등 눈앞에서 정밀하게 보는 인쇄물

📌 핵심 체크:

아무리 선명한 300 $PPI$ 이미지라도 웹(72 Dpi)에 올리면 용량만 커질 뿐 모니터상 화질은 차이가 없습니다. 반대로 72 $PPI$ 이미지를 인쇄하면 격자가 다 깨져 보이므로 인쇄용은 반드시 300 DPI 이상으로 작업해야 합니다.

해상도의 종류

SD(Standard Definition) : 720 x 480

HD(High Definition) : 1280 x 720

FHD(Full High Definition) : 1920 x 1080

4K, UHD(Ultra High Definition) : 4096 x 2160, 3840 x 2160

SHV(Super Hi-Vision) : 7680 x 4320

현재 영상에서 가장 많이 쓰이는건 FHD이나 하드웨어와 소프트웨어의 발전으로 점점 4K, UHD도 많이 상용화 되었다. 

프레임
프레임이란 초당 몇장의 이미지가 넘어가는지를 나타낸것으로 영상은 이미지의 연속으로 초당 넘어가는 이미지가 많을수록 부드럽고 무겁다.

보편적으로는 1초당 30프레임을 이용한다.

24fps / 23.97fps 영화, 뮤직비디오 (감성 위주)
30fps / 29.97fps 다큐멘터리, 예능 (실사 위주)
60fps / 59.97fps 모션그래픽, 스포츠 영상 (속도감 있는 영상을 부드럽게)

 

 PART 2. 색과 색의 대비, 배색 이론

디자인의 시각적 완성도를 결정하는 것은 색상 간의 관계입니다. 어떤 색을 이웃하느냐에 따라 색은 완전히 다르게 느껴집니다.

우선 색에서 기본적으로 이용되는 용어를 살펴보자

명도(L)-밝고 어두움

채도(S)-색의 진하기

기본색상(H)-흔히 생각하는 빨강,파랑, 노랑과 같은 색상을 일겉는 말

삼차색상(Tertiary Colors)- 색상환에서 1차색(원색)과 그에 인접한 2차색을 1:1 비율로 섞어 만든 중간 색상

유사색-컬러 서클에서 서로 가까운 거리의 색상

보색-컬러 서클에서 서로 반대의 위치의 색상(거리가 가장 먼)

한색-차가운 느낌의 색상으로 어두운 초록에서 어두운 보라까지의 색상이다

난색-따듯한 분위기의 색상으로 노랑에서 빨강까지의 색상이다

1. 색의 대비 효과 (Color Contrast)

두 가지 이상의 색을 동시에 또는 연속해서 볼 때, 서로의 영향으로 인해 색이 다르게 보이는 현상입니다.

  • 색상 대비: 베이스 색상 위에 다른 색을 올렸을 때 본래 색상보다 색상차(붉은 기, 푸른 기 등)가 더 강하게 느껴지는 현상.
  • 명도 대비: 밝은 색 옆의 색은 더 어둡게, 어두운 색 옆의 색은 더 밝게 느껴지는 현상 (시각적 주목성이 가장 높음).
  • 채도 대비: 무채색이나 탁한 색 옆에 있는 유채색이 본래보다 훨씬 더 선명하고 맑아 보이는 현상.
  • 보색 대비: 색상환에서 정반대에 위치한 두 색(예: 빨강-초록)을 나란히 놓았을 때 서로의 채도가 가장 높고 강렬해 보이는 현상.

2. 강조색, 유사색, 배색 기법

  • 유사색 (Analogous Colors): 색상환에서 서로 이웃한 색들(예: 노랑-연두-초록)의 조합입니다. 전체적으로 부드럽고 통일감 있으며 안정적인 분위기를 연출할 때 쓰입니다.
  • 강조색 (Accent Colors): 전체 배색 패턴(주조색, 보조색)과 대비되는 색을 소량 사용하여 특정 부분을 시각적으로 강조하는 기법입니다. 주로 보색이나 채도가 높은 색이 쓰입니다.
  • 배색 비율의 법칙: 시각적으로 가장 편안함을 느끼는 디자인 배색 비율은 보통 주조색(Base) 70% : 보조색(Assistance) 25% : 강조색(Accent) 5%로 봅니다.(60:30:10의 비율도 괜찮다!)

'디자인 공부' 카테고리의 다른 글

색보정을 위한 컬러파레트 확인해보기  (0) 2026.06.11
부족한 레퍼런스 채우기  (0) 2026.06.09
샷과 앵글 그리고 화각  (0) 2026.06.09
포토샵 단축키  (0) 2026.06.08
색상의 대비 분석해보기  (0) 2026.06.07