인포 그래픽에 대한 웹 치수 - 인형

웹용 인포 그래픽 크기를 결정할 때의 어려움은 디자인 크기가 너무 가변적이어서 표준이 없습니다. 말해. HTML5의 출현으로 인한 "반응 형 디자인"은 웹 디자인 환경을 영구적으로 변화 시켰습니다.

인쇄 된 그래픽과 달리, 동일한 크기로 보는 모든 사람들이 그것을 경험할 때, 웹 그래픽의 실제 크기는 독자의 장치에 따라 다릅니다. 장치 화면의 범위는 데스크톱 컴퓨터의 경우 27 "에서 스마트 폰의 경우 5"까지입니다.

잠재 고객을 최적화하십시오. 웹 분석 소프트웨어를 사용하여 사람들이 사이트에 액세스하는 방법을 결정하고 해당 데이터에 대한 의사 결정의 기반을 마련하십시오.

즉, 온라인으로 작업을 게시 할 때 몇 가지 요소에 대해 생각할 필요가 있다고합니다.

Infographics의 화면 종횡비

Responsive design 은 다양한 장치에서 시각적 이미지를 명확하고 읽기 쉽게 만드는 웹 디자인 원칙입니다. Infographic 디자이너의 경우,이 방법의 장점은 작품이 자동으로 화면에 표시되는 것입니다.

디자이너는 노트북에서 볼 수있는 작업과 스마트 폰에서 사용할 작업에 대해 하나의 가로 세로 비율을 제시 할 필요가 없습니다. HTML 기술의 사용이 늘어남에 따라 반응 형 디자인이 표준으로되었습니다. 이러한 기술을 사용하고 이점을 얻으려면 프로그래머 일 필요는 없습니다. 이 기술을 작업에 단계별 적용하면 훨씬 더 쉽게 접근 할 수 있고 읽을 수 있으며 인포 그래픽 디자이너로서의 귀중한 기술이 될 것입니다.

반응 형 디자인을 사용하지 않는 경우 대상 고객이 인포 그래픽을 보는 위치를 생각하고 거기에서 뒤로 작업하십시오. 대부분의 독자가 특정 플랫폼 또는 화면 비율로 자료를 얻는다면이를 염두에 두어야합니다.

사용자는 더 많은 것을보기 위해 항상 아래로 스크롤하고 싶지는 않으므로 독자가 인포 그래픽을 처음 볼 때 독자가 보길 원하는 정보를 생각하십시오.

동시 인쇄 및 웹 사용을 위해 확장되어야하는 작업 - 신문에서 일한다고 말하면 인포 그래픽은 인쇄판 및 해당 웹 사이트에서 온라인으로 실행됩니다. 벡터 파일 사용에 충실하십시오. 그들은 당신의 작업을 쉽게 확장 할 수 있습니다.

infographics의 화면 해상도

웹 사이트 디자인에서 가장 많이 묻는 기본 질문 중 하나는 사용할 모니터 화면 해상도입니다. 다소 도움이되지 않는 대답은 작업이 가장 일반적인 해결 방법에 맞게 최적화되어야하지만 모든 작업에 적합해야한다는 것입니다.

반면에 모든 해상도, 플랫폼 및 브라우저에서 동일하게 보이는 디자인은 존재하지 않으므로 하나를 만드는 것이 현실적인 목표는 아닙니다. 당신이 목표로하는 것은 균형입니다. 가장 일반적인 상황에서 완벽하게 보이고 덜 전형적인 조건에서는 여전히 훌륭하게 보입니다.

웹 사이트 StatCounter는 최상위 화면 해상도, 모바일 해상도 및 사용중인 브라우저를 비롯하여 유용 할 수있는 다양한 요인에 대한 통계를 모니터링합니다.

항상 다른 브라우저에서보고 작업을 확인하고 브라우저 창 크기를 조정하여 다른 조건에서 작업이 어떻게 보이는지 확인하십시오. 그리고 항상 고객을 염두에두고 디자인하십시오. 예를 들어 타겟 잠재 고객이 주로 휴대 기기를 사용하는 경우 모바일을 염두에두고 설계하십시오.