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

Notice
YouTube ch

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

통합검색

비주얼스크롤무빙
반응형웹
스크롤오버클릭킹
카드형/핀터레스트

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

Contents

GNB 영역별

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

홈으로 GNB 영역별 수직구조

수직구조

배치

배치

좌측
중간/타영역간 ~사이
우측
좌우 분리

수직영역

수직영역

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

열구조

열구조

1열
2열
3열
열간 셀병합

구분 - 복수/다수 열간

구분 - 복수/다수 열간

여백
트임선
분할선
배경 - 컬러
분할 - 컬러
박스
분할 - 박스
구분 - 클리어화이트
열간 타영역 구분

구분 - 복수/다수 행간

구분 - 복수/다수 행간

오픈/여백
클리어화이트
선 닫힘 구분
선 트임 구분
한편 분할 - 사각 (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

팝업닫기