패널 해상도 표준과 디자인 리소스 큐레이션

반응형 웹과 미디어 쿼리가 보편화되기 전인 2010년 전후, GUI 디자이너는 결과물을 내보낼 화면의 패널 해상도를 사전에 파악하고 그에 맞춰 캔버스를 고정하는 방식으로 작업했다. 이 시기 참고되던 해상도 표준에는 방송 규격인 NTSC·PAL(아날로그 방송 신호 규격)과, 컴퓨터·모니터 규격인 VGA·XGA·HD 등이 섞여 있었다. TV·모니터·초기 모바일 기기마다 표준이 제각각이었기 때문에, 이런 해상도 정보를 한데 정리해 둔 사이트(designerstoolbox.com)는 디자이너가 타겟 디바이스에 맞는 캔버스 크기를 빠르게 확인할 수 있는 실무 참고 자료로 공유됐다.

이 글은 pxd 블로그의 "자료창고" 카테고리에 해당하는 짧은 리소스 링크 모음 글로, 해상도 참고 사이트 외에도 GUI/웹 디자인 워크플로우에 바로 쓸 수 있는 무료 아이콘셋 40종을 소개한 사이트(hongkiat.com)를 함께 큐레이션했다. 본문이 짧고 링크 위주로 구성된 이런 자료창고류 게시물은, 매번 검색해서 찾기 번거로운 참고 자료·도구·리소스를 팀 내에서 빠르게 공유하려는 실용적 목적의 글쓰기 관행을 보여준다.

이후 레티나 디스플레이 등 고밀도 화면이 보급되면서 '해상도를 미리 정해 놓고 그에 맞춰 디자인한다'는 접근 자체가 반응형·가변 레이아웃 방식으로 전환되지만, 특정 시점의 디바이스 규격을 파악하고 그에 맞는 자료를 정리해 공유하는 문제의식 자체는 이후의 고해상도 대응 논의로 이어진다.

핵심 내용

  • 2010년 전후 GUI 디자인은 NTSC·PAL(방송 규격), VGA·XGA·HD(컴퓨터/모니터 규격) 등 혼재된 해상도 표준을 사전에 확인하고 캔버스를 고정하는 방식으로 진행
  • designerstoolbox.com: 여러 패널 해상도 정보를 한눈에 정리한 디자이너용 참고 자료 사이트
  • pxd 블로그의 "자료창고" 카테고리: 검증된 외부 리소스·도구·아이콘셋을 짧게 소개해 팀 내 공유하는 글쓰기 관행
  • 무료 GUI 아이콘셋 40종 소개(hongkiat.com) 등 워크플로우 도구 리소스 큐레이션 사례

관련 개념

출처

최종 업데이트: 2026-07-30 | 출처 1개