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

dbdic 별책부록

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

통합검색

카피 인/익스테리어
3D - 소프트한/매끄러운
아이소메트릭

데스크탑 모바일앱

주요 컨셉별
GNB영역 구조/구성
비주얼영역 유형
비주얼영역 소스
컨텐츠영역 구조/편집
풋터/퀵메뉴영역
- Footer
- Quick 메뉴
서브/인트로

Contents

GNB영역 구조/구성

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

홈으로 GNB영역 구조/구성 수평구조

수평구조

배치

배치

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

영역구조

영역구조

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

단구조

단구조

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

구분 - 복수/다수 단간

구분 - 복수/다수 단간

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

구분 - 하위 영역

구분 - 하위 영역

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

와이드 영역활용

와이드 영역활용

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

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

상단
타영역내 전체 겹침
복수 2단
분할선
오픈 - 전면
전체요소
구분선/drop shadow

선택 결과 보기

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

최신순 클릭순

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

팝업닫기