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

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

통합검색

아이소메트릭
반응형웹
비주얼스크롤무빙
only 가로 스크롤링

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

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

Contents

GNB 영역별

수평구조
수직구조
격자구조
수평영역단 구성
수직영역단 구성

홈으로 GNB 영역별 격자구조

격자구조

배치

배치

역ㄱ자
ㄱ자
Π자
ㄴ자 배치
수평영역 중심/흐름 배치
수직영역 중심/흐름 배치

수평 영역

수평 영역

독자분할 영역
타영역내 전체 겹침
타영역내 부분 겹침
타영역 GNB내부 점유

수평 단구조

수평 단구조

1단
2단

수평 구분 - 복수/다수 단간

수평 구분 - 복수/다수 단간

여백
분할선
트임선
배경 - 색
분할 - 색
한편 박스
구분 - 클리어화이트
분할 - 박스

수평 구분 - 외부영역

수평 구분 - 외부영역

오픈
선 / drop shadow
배경 - 색
배경 - 색 - 투명도
배경 - 패턴,이미지
구분 - 자체박스
트임 클리어화이트
닫힘 클리어화이트

수평영역 와이드 활용

수평영역 와이드 활용

요소
배경색
구분선
배경이미지,패턴
박스

수직 영역

수직 영역

독자분할 영역
타영역내 전체 겹침
타영역내 부분 겹침
타영역 GNB내부 점유

수직 열구조

수직 열구조

1열
2열

수직 구분 - 복수/다수 열간

수직 구분 - 복수/다수 열간

상호 여백
트임선
분할선
배경 - 색
분할 - 색
박스
구분 - 클리어화이트
분할 - 박스

수직 구분 - 복수/다수 행간

수직 구분 - 복수/다수 행간

오픈/여백
상호 박스
선 닫힘 구분
선 트임 구분
한편 분할 - 사각 (2~3면)
한편 박스(4면)
한편 분할 - 타일
한편 분할 - 블록
한편 분할(트임)
배경색 / 패턴 분할

수직 구분 - 외부영역

수직 구분 - 외부영역

구분 - 오픈
분할 - 선 / drop shadow
분할 - 색
구분 - 박스 / 블록
분할 - 클리어화이트
트임 - 클리어화이트

수직영역 상하 확장활용

수직영역 상하 확장활용

요소
배경 - 색
구분선
배경 - 이미지,패턴
박스

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

: 선택 결과 보기

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

팝업닫기