관객을 향한 당신의 얼굴
웹사이트는 회사의 얼굴로, 방문자에게 품질과 서비스에 대해 소통합니다. 사람들은 이제 컴퓨터뿐만 아니라 정교한 장치로 어디서나 인터넷을 이용할 수 있기 때문에 귀하의 웹사이트를 보는 데 익숙해졌습니다. 우리는 이제 3G 및 4G 지원 태블릿, 동글이 장착된 노트북, M2M 모바일 스마트폰과 같은 다양한 유형의 인터넷 장치를 사용합니다. 이러한 각 장치는 서로 다른 크기의 작은 화면을 가지고 있습니다. 일부는 이제 저렴한 LCD 및 LED 모니터가 시장에 나와 있기 때문에 큰 화면을 통해 인터넷을 보는 것을 선호하기도 합니다. Cisco 보고서에 따르면 모바일 데이터 트래픽은 2017년에 10 엑사바이트를 초과하며, 2013년에는 전화기의 수가 인간의 수를 초과할 것이라고 합니다. 이 보고서는 작은 장치에서도 디자인을 고려하는 것이 얼마나 중요한지를 보여줍니다.
해상도 요소
방문자가 귀하의 시스템과 동일한 해상도를 사용한다고 말할 수는 없습니다. 표준 최저 해상도인 544픽셀 너비에 잘 맞는 웹 페이지는 다른 해상도에서도 잘 맞습니다. 10년 전, 1024 × 768은 가장 일반적인 디스플레이 해상도였습니다. 많은 웹사이트가 800 × 600 형식에서 이 형식으로 재설계되었습니다. 그러나 CAD 사용자, 그래픽 아티스트 및 비디오 게임 플레이어는 1600 × 1200 해상도로 컴퓨터를 사용합니다. 이 해상도는 UXGA라고 합니다. 컴퓨터가 텔레비전보다 더 높은 해상도를 가지고 있다는 것을 알고 있습니다. 아래에서 가장 많이 사용되는 해상도를 확인하십시오.
웹 디자이너가 확인해야 할 사항
웹 디자이너는 모든 화면에서 그의 웹사이트가 올바르게 정렬되어 표시되는지 확인해야 합니다. 웹사이트를 만든 후, 그는 모든 화면에서 웹사이트의 모양과 느낌을 확인해야 합니다. 따라서 웹사이트를 디자인할 때 서로 다른 컴퓨터와 장치에서 웹사이트가 다르게 보인다는 점을 염두에 두는 것이 중요합니다. 웹사이트를 완료하고 호스팅하면, 웹 페이지가 장치 디스플레이의 화면에 맞지 않으면 브라우저가 수평 스크롤을 추가합니다. 마찬가지로 수직 길이에 맞지 않으면 수직 스크롤도 발생합니다. 전체 웹사이트를 수직 길이에 맞추는 것은 매우 어렵지만, 수평 길이는 확실히 디자인할 수 있습니다.
그래픽 및 표에 대한 팁
그래픽 및 표는 고정 너비를 가집니다.
너비를 조절하여 총 길이가 750픽셀 미만이 되도록 하세요.
최소 너비를 지정하지 마십시오.
브라우저가 셀 안에 들어오는 텍스트와 그래픽을 수용할 수 있도록 테이블의 너비를 조정하게 하세요.
전체 디스플레이
테이블이 너비를 완전히 채우도록 하려면 테이블 너비를 100%로 지정하십시오.
웹사이트 테스트를 위한 온라인 도구
이 도구를 사용하면 다양한 화면에서 웹사이트가 어떻게 보이는지 확인할 수 있습니다. 다양한 해상도에서 웹사이트를 보고 적절한 디자인 변경을 할 수 있습니다.
Responsive Design Checker.com
Browser Shots.org
웨이브. 웹에임. 오르그 / 리포트
Quirk Tools. com / screenfly /
