이미지 크레디트: Jacob Ammentorp Lund/iStock/Getty Images
잘 디자인된 방문 페이지는 긍정적인 인상을 남기고 웹사이트에서 제공하는 제품이나 서비스를 효과적으로 판매합니다. 장치에 적합하지 않은 창 크기를 사용하면 좋은 인상을 남기는 방문 페이지의 기능이 손상되고 방문자가 "X"를 클릭하여 창을 닫을 수 있습니다. 방문 페이지는 사용자를 끌어들이고 제품 또는 서비스를 명확하게 설명하는 개념을 중심으로 디자인되어야 합니다. 방문 페이지는 홈페이지가 아닙니다. 방문자는 링크나 광고를 클릭하여 방문 페이지로 이동합니다.
데스크톱 방문 페이지 크기
데스크탑 및 노트북 모니터는 다양한 크기와 해상도로 제공되므로 방문 페이지의 크기를 조정할 때 가장 낮은 공통 분모에 쉽게 호소할 수 있습니다. 평균 화면 크기는 계속 커지고 있지만 대부분의 모니터는 최소 1024 x 768 해상도를 지원합니다. 960픽셀 너비의 데스크톱 방문 페이지는 거의 모든 컴퓨터 모니터에서 작동합니다. 720픽셀 높이 내의 모든 방문 페이지 콘텐츠는 페이지 로드 시 화면에 안전하게 표시됩니다. 데스크톱 사용자는 추가 콘텐츠를 보기 위해 화면을 아래로 스크롤할 수 있으므로 데스크톱 방문 페이지의 너비는 높이보다 훨씬 더 중요합니다. 항상 더 작은 페이지를 만들고 화면 공간을 희생할 수 있습니다.
오늘의 비디오
모바일 장치를 위한 디자인
큰 데스크톱 랜딩 페이지는 모바일 장치에서 작동하지 않습니다. 콘텐츠가 옆으로 쏟아지거나 읽을 수 없는 크기로 축소됩니다. 모바일 장치는 "작은" 화면 크기 범주에 적합하며 약 320픽셀의 안전한 해상도 너비를 제공합니다. 일부 휴대기기에는 더 큰 화면이 있지만 320픽셀 너비로 설계된 모든 방문 페이지는 대부분의 휴대기기에서 잘 표시됩니다. 데스크톱과 마찬가지로 높이는 모바일 랜딩 페이지에서 부차적인 문제입니다. 그러나 한 번에 화면에 약 426개의 세로 픽셀 콘텐츠를 맞출 수 있습니다.
태블릿 장치에 맞게 사용자 지정
태블릿 사이트에 대한 맞춤형 랜딩 페이지를 개발할 수 있습니다. 그러나 너비가 960픽셀인 데스크톱 방문 페이지는 더 큰 태블릿 기기에 적합합니다. 7인치 범위의 작은 태블릿은 일반적으로 너비가 640픽셀인 화면을 특징으로 합니다. 너비가 960픽셀인 화면용으로 설계된 방문 페이지는 작은 화면에 맞게 약 1/3로 축소됩니다. 품질을 희생하지 않고 더 큰 화면에 더 작은 콘텐츠를 표시할 수 있기 때문에 가독성, 640픽셀 너비 및 480픽셀 높이의 태블릿 방문 페이지 디자인은 모든 장치. 작은 태블릿 사용자는 기기를 가로 모드로 유지하도록 선택할 수 있는 반면, 큰 태블릿 사용자는 기기를 세로 모드로 유지하여 640픽셀 너비가 두 화면 크기를 모두 수용할 수 있습니다.
반응형 디자인으로 전환
다른 장치에 대해 다른 방문 페이지를 만드는 것을 포기하고 대신 미디어 쿼리 및 방문자의 크기에 따라 콘텐츠를 재배열하는 페이지를 만드는 반응형 디자인 개념 화면. 반응형 디자인 랜딩 페이지는 콘텐츠 주위를 이동하고 다양한 해상도 범위에서 콘텐츠 크기를 변경하도록 구성할 수 있으므로 콘텐츠를 모든 화면에 편안하게 표시할 수 있습니다.
