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

dbdic 별책부록

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

통합검색

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

데스크탑 모바일앱

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

Contents

GNB영역 구조/구성

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

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

수직구조

배치

배치

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

수직영역

수직영역

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

열구조

열구조

1열
2열
3열
열간 셀병합

구분 - 복수/다수 열간

구분 - 복수/다수 열간

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

구분 - 복수/다수 행간

구분 - 복수/다수 행간

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

구분 - 외부 영역

구분 - 외부 영역

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

상하 확장활용

상하 확장활용

요소
배경
구분선
박스
없음

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

좌측
독자 분할 영역
1열
배경 - 색
배경
배경색 / 패턴 분할

선택 결과 보기

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

최신순 클릭순

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

팝업닫기