Web Guide와이드 화면최대 폭대형 모니터
대형 모니터와 와이드 화면 대응
넓은 화면에서 글자가 화면 끝까지 늘어납니다.
넓다고 다 채우는 것이 좋은 것은 아닙니다.
01생기는 문제
제한이 없으면 읽기 어려워집니다.
01
줄이 너무 김
눈이 다음 줄을 못 찾습니다.
02
이미지 왜곡
늘어나서 흐려집니다.
03
요소 분산
관련된 것들이 멀어집니다.
04
시선 이동
고개를 돌려야 합니다.
05
빈 느낌
내용이 적어 보입니다.
06
버튼 위치
찾기 어려워집니다.
02대응 방법
폭을 제한하고 공간을 활용합니다.
본문 최대 폭
읽기 좋은 폭으로 제한.
가운데 정렬
양쪽 여백을 둡니다.
배경 확장
배경색은 끝까지.
열 추가
목록은 열을 늘립니다.
여백 활용
보조 정보를 옆에.
이미지 최대 크기
원본 이상 늘리지 않습니다.
03활용 아이디어
남는 공간을 의미 있게 씁니다.
목차 고정옆에 목차를 띄웁니다.
관련 글사이드에 추천.
문의 영역항상 보이는 상담 창.
이미지 확대갤러리를 크게.
비교 배치나란히 보여줍니다.
여백 유지억지로 채우지 않습니다.
04판단 기준
방문자 화면 크기를 봅니다.
확인할 것
분석 도구의 해상도 분포 · 대형 화면 비율 · 업종 특성
결정할 것
본문 최대 폭 · 초대형에서의 배치 · 추가 열 여부 · 투자 수준
CHECK POINT
□ 본문에 최대 폭 제한이 있는가
□ 한 줄이 지나치게 길지 않은가
□ 이미지가 원본 이상 늘어나지 않는가
□ 배경은 화면 끝까지 이어지는가
□ 남는 공간을 의미 있게 쓰는가
□ 대형 화면에서 직접 확인했는가
□ 방문자 해상도 분포를 확인했는가
□ 빈 느낌이 들지 않는가
#와이드 화면#최대 폭#대형 모니터#가독성#여백#해상도#레이아웃#반응형#웹비스타#홈페이지 제작