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

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

통합검색

아이소메트릭
3D - 소프트한/매끄러운/단순화
only 가로 스크롤링

웹디자인 서브페이지 벤치마킹도 디비딕!

MAIN 컨셉별
GNB 영역별
VIS 유형별
VIS 소스별
CON 영역별
Footer & Quick
- Footer
- Quick 메뉴
SUB & INTRO

Contents

GNB 영역별

메뉴 활성화
수평구조
수직구조
격자구조
수평영역단 구성
수직영역단 구성

홈으로 GNB 영역별 수평구조

수평구조

배치

배치

상단
중간/타영역/intro ~사이
하단

영역구조

영역구조

독자 영역 구조
타영역내 전체 겹침
타영역내 부분 겹침
타영역 GNB내부 점유
# 단간 분리 구조

단구조

단구조

1단
복수 2단
다수 3단
다수 4단

구분 - 복수/다수 단간

구분 - 복수/다수 단간

여백
트임선
분할선
배경 - 색
박스 / 한편 박스
단간 타영역 구분

구분 - 하위 영역

구분 - 하위 영역

오픈 - 전면
오픈 - 측면 배경
오픈 - 측면/부분 클리어화이트
구분 - 선/drop shadow
구분 - 배경색
구분 - 배경 투명색
구분 - 배경 패턴/이미지
구분 - 박스 (2면/3면)
구분 - 박스 (4면)
구분 - 닫힘 클리어화이트

와이드 영역활용

와이드 영역활용

전체요소
부분적 단/열 요소
배경색 - 부분단
배경색 - 전체단
배경이미지, 패턴
구분선/drop shadow
박스/기타형태
없음/자체배경없음

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

# 단간 분리 구조

선택 결과 보기

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

최신순 클릭순

COMPANY INFO: COMPANY : 디비딕 - 웹디자인벤치마킹사전 / ADMINISTRATOR : 이우경 / SITE : www.dbdic.co.kr / E-MAIL : iwk2726@naver.com / BUSNIESS LICENES : [152-77-00114]

COPYRIGHT(C) 디비딕. ALL RIGHTS RESERVED.

Prev Next

Open Close

Prev

Next

팝업닫기