가장 이상적인 웹페이지의 모델은 슬라이드 쇼다. 가로나 세로로 나타나는 스크롤 바(Scroll bar) 없이 화면 단위로 넘어가는 디자인이 인터넷 이용자에게 가장 편한 느낌을 주기 때문이다. 그렇다고 화면에 쓸데없이 여백을 남기는 것은 모니터라는 이용자의 자산을 낭비하는 것일 뿐 아니라 클릭 횟수도 늘어나게 한다. 슬라이드 쇼처럼 편안한 웹페이지를 만들기 위해서는 무엇보다 이용자가 어떤 크기의 화면을 갖고 있는가를 고려해야 한다.요즘 가장 많이 쓰이고 있는 모니터는 14인치로 볼 수 있다. CRT(브라운관)모니터를 가진 데스크톱을 포함해서 노트북컴퓨터의 대부분이 14인치 크기를 갖고 있기 때문이다. 그러나 최근 일반 이용자가 쓰는 모니터 크기는 17인치로 급속히 바뀌고 있고 전문가들은 보통 21인치 모니터를 쓰고 있다.
다행히 컴퓨터 모니터들은 그 크기에 일정한 비율을 갖고 있다. 가로x세로 4대3이 바로 그 ‘황금비율’이다. 14인치 모니터의 화면은 가로 640 세로 480픽셀(pixel, 용어해설 참조)로 이뤄져있다. 17인치 모니터는 가로 800 세로 600 픽셀, 21인치는 가로 1024 세로 768 픽셀이 기준이다. 물론 모니터의 해상도를 조절하면 17인치 모니터로 21인치 수준의 화면을 볼 수도 있다.
아무튼 정답은 어떤 모니터가 어떤 크기 어떤 해상도를 갖고 있던 간에 가로 세로 비율은 일정하다는 점이다. 웹TV처럼 심지어 TV화면으로 웹페이지를 볼 때도 TV 스크린은 가로 560 세로 420 픽셀로 해상도가 고정돼 있어 이 역시 4대3의 비율을 지키고 있다.
따라서 테이블을 써서 웹페이지를 디자인하거나 화면을 여러 조각으로 쪼개낼 때 이 4대3의 황금비율을 염두에 두면 모니터 화면에 쓸데없이 스크롤바가 나타나는 일을 미리 막으면서 화면을 최대한 이용할 수 있다. 특히 고정된 크기의 테이블이나 이미지를 더할 때는 그 폭이 모니터의 가로 폭을 넘지 않도록 세심한 배려를 해야 한다. 가로 스크롤바는 웹이용자들을 불편하게 만드는 가장 성가신 것 가운데 하나이기 때문이다. 특히 웹TV 이용자를 고려한다면 화면비율 뿐만 아니라 가로 폭이 560 픽셀이 넘지 않도록 주의해야 한다. TV스크린에는 가로 스크롤바가 아예 나타나지 않기 때문이다.
그러나 인터넷의 다이내믹한 변신은 모니터의 크기를 일정한 비율로 그냥 놔두지 않는다. 무엇보다 팜톱 컴퓨터나 웹브라우징 기능을 가진 핸드폰 등 개인용무선통신단말기(PDA)에 이르면 모니터 크기의 다양성은 극에 달한다.
전형적인 팜톱 컴퓨터의 화면은 320x240 크기로 가정한다. 그러나 휴렛 팩커드의 ‘HPC 프로’처럼 가장 큰 화면을 가진 팜톱 컴퓨터는 17인치 모니터와 맞먹는 800x600 픽셀까지 볼 수 있다. 그러나 요즘 윈도즈CE 플랫폼과 어깨를 나란히 하고 있는 ‘3컴’의 팜파일럿 시리즈의 경우는 가로와 세로 비율이 똑같은 160x160 픽셀의 크기를 갖고 있다.
여기서 크고 작은 핸드폰에 달린 다양한 액정화면들을 생각해보면 개인용 무선통신단말기를 위한 웹페이지 디자인은 고정된 4대3 비율 가지고는 도저히 불가능하다는 사실을 쉽게 알 수 있다. 그래서 무선인터넷을 위한 웹페이지 디자인에는 전혀 다른 테크놀로지가 필요하다. 요즘 떠오르고 있는 XML과 스타일 시트(style sheet)는 웹페이지의 내용을 저장한 컨텐츠 정보와 웹페이지를 보여주는 포맷을 담은 프리젠테이션 정보가 따로 분리돼있다는 점에서 무선인터넷 웹페이지 개발을 위한 핵심기술로 꼽힌다.
공훈의
huneyk@sims.berkeley.edu
* 용어해설
■픽셀(pixel)
그림의 구성요소라는 뜻인 ‘picture (pix) element’의 줄임말. 컴퓨터 화면은 수많은 작은 점으로 이뤄져 있다. 소프트웨어와 하드웨어들은 이 점 하나 하나의 색깔을 바꿔서 다양한 글씨 모양이나 그림을 그려낸다. 컴퓨터 화면의 최소 단위인 이 점을 픽셀이라고 부른다.
■모니터의 크기(단위:픽셀)
모니터의 종류 가로X세로
14인치 640X480
17인치 800X600
21인치 1024X768
TV 스크린 560X420
일반 팜톱PC 320X240
팜파일럿 시리즈 160X160
기사 URL이 복사되었습니다.
댓글0