메뉴건너뛰고 본문 바로가기

카테고리별 웹디자인 벤치마킹 사전 디비딕

구조 & 배치

기본구조 (GNB기준)

기본구조 (GNB기준)

수평
수직
혼용

UI적 구조 / 배치

UI적 구조 / 배치

비주얼스크롤무빙 - NEW -
반응형웹
스크롤오버클릭킹
스크롤시 GNB 일반고정
스크롤시 GNB 변화고정
스크롤시 GNB,VIS 고정
CON 무한스크롤링
카드형/핀터레스트

영역노출 - 화면(FHD)기준

영역노출 - 화면(FHD)기준

only Main영역
Main영역 ＞ CON영역
CON영역 ＞Main영역
only CON영역
모든영역 화면노출
Main = CON (상호명확)
Main = CON (상호혼잡)

영역비중 - 페이지 기준

영역비중 - 페이지 기준

only Main영역
Main영역 ＞ CON영역
CON영역 ＞Main영역
only CON영역
Main = CON

특징구조 - 정적중심

특징구조 - 정적중심

일반 오픈/여백
선 구분/분할
리듬 분할/혼용
규칙 분할/계층

특징구조 - 역동중심

특징구조 - 역동중심

사선
랜덤한/불규칙
독특한/실험적
기하학적/비정형

특징구조 - 하드중심

특징구조 - 하드중심

블럭/다수박스
타일 - 박스/화면 분할
표/테이블
수직
단수/개별적 박스

특징구조 - 소프트/곡선

특징구조 - 소프트/곡선

규칙성 곡선
불규칙성 곡선

영역간 나열구조

영역간 나열구조

영역간 나열순서

영역간 나열순서

일반적/순차적
변칙적/비순차적
생략나열 - GNB
생략나열 - VIS/MAIN
생략나열 - CON
생략/예속 나열 - Footer
추가영역 - 인트로외

영역간 구분,공유

영역간 구분,공유

영역간 구분명확
GNB, VIS 배경공유
VIS, CON 배경공유
CON, Footer 배경공유
GNB ~ CON 배경공유
영역간 부분적 공유
부분 겹침 VIS, CON
VIS, Footer 배경공유

와이드/확장 - 요소

와이드/확장 - 요소

GNB 영역
VIS 영역
CON 영역 - 전체
CON 영역 - 부분/일부/혼용
Footer - 전체/부분/혼용
활용없음

와이드/확장 - 배경,구분선

와이드/확장 - 배경,구분선

GNB 영역
VIS 영역
CON 영역 - 단일 전체
CON 영역 - 단별 전체
CON 영역 - 단별 부분/혼용
Footer - 전체/부분/혼용
활용없음
전체영역

선택정보나열,해제,결과검색

선택 결과 보기

총 11 컷의 캡쳐이미지가 있습니다.

최신순 클릭순