메뉴건너뛰고 본문 바로가기
d
b
dic 별책부록
카테고리별 웹디자인 벤치마킹 사전 디비딕
통합검색
카테고리명
제목명
카피 인/익스테리어
3D - 소프트한/매끄러운
아이소메트릭
데스크탑
모바일앱
주요 컨셉별
업종
구조 & 배치
표현
컬러 & 배색
GNB영역 구조/구성
메뉴 활성화
수평구조
수직구조
격자구조
수평영역단 구성
수직영역단 구성
비주얼영역 유형
기본 유형/외형/구성
소스중심 기본형
카피 오버레이형
정보/카테고리 컨텐츠형
하이브리드형
전환형 시스템 갤러리
비주얼BG 컨텐츠
주영역/동구조내 예속형
상호 화면/UI 작용형
무형/대체 소스형
카피 인/익스테리어
비주얼영역 소스
포토/비트맵
일러스트/도형/로고
아이콘
소스 배치/구도
소스 시점/투시/공간감
컨텐츠영역 구조/편집
1단형 - 구조
1단형 - 편집
다단형 - 동일모듈 구조
다단형 - 동일모듈 편집
다단형 - 복합모듈 구조
다단형 - 복합모듈 편집
풋터/퀵메뉴영역
Footer
Quick 메뉴
서브/인트로
서브 틀
서브 페이지
인트로
Contents
풋터/퀵메뉴영역
Footer
Quick 메뉴
홈으로
풋터/퀵메뉴영역
Footer
Footer
기본구조
기본구조
수평상속 (=GNB)
수직상속 (=GNB)
수평전환 (≠GNB)
수직전환 (≠GNB)
etc - 영역없음/타영역 귀속
구조특징
구조특징
자립구조
타영역 예속구조
걸침/점거 구조(일부포함)
분할 오목/가림
상위/이전 영역간 구분
상위/이전 영역간 구분
오픈
구분선
배경 - 색
배경 - 투명색
배경 - 패턴,이미지
자체 박스구분
닫힘 클리어화이트
트임 오픈/클리어화이트
내부 분할 섹션수
내부 분할 섹션수
단일섹션 (여백분할포함)
다단분할 - 2섹션
다단분할 - 3섹션
다단분할 - 4섹션
다단분할 - 5섹션 이상
다단분할 - 섹션구분
다단분할 - 섹션구분
구분선
배경
박스
self 클리어화이트
와이드/확장 - 상대적적용
와이드/확장 - 상대적적용
요소
배경
구분선
외형박스
없음
일부/부분 요소
1섹션 - 요소 찾기
1섹션 - 요소 찾기
logo
util 메뉴 단수/다수나열
site/com info
ⓒ카피라이트
카테고리형 메뉴그룹
배너/로고/고유 외부이동
SNS/RSS
관련/훼밀리사이트
외국어/글로벌
빠른메뉴단수
빠른메뉴그룹 - 1단 레이블
빠른메뉴그룹 - 2단 레이블
고객/연락/컨택- 고유영역
#기타 정적정보 요소
#기타 DB/연결 요소
# UI 요소
1섹션 - 요소간 그룹핑
1섹션 - 요소간 그룹핑
좌측 쏠림 그룹핑
중심 밀집/대치 그룹핑
우측 쏠림 그룹핑
좌우 사이드 그룹핑
좌우 근접/대치 그룹핑
우중간 그룹핑
좌중간 그룹핑
좌중우 균형 그룹핑
좌중우 리듬 그룹핑
전체 채움 그룹핑 (단수/다수)
개별요소/선 정4분할
단일색션내 혼용그룹핑
2섹션 - 요소 조합
2섹션 - 요소 조합
logo
util 메뉴 단수/다수나열
site/com info
ⓒ카피라이트
카테고리형 메뉴그룹
배너/로고/고유 외부이동
SNS/RSS
관련/훼밀리사이트
외국어/글로벌
빠른메뉴단수
빠른메뉴그룹 - 1단 레이블
빠른메뉴그룹 - 2단 레이블
고객/연락/컨택- 고유영역
#기타 정적정보 요소
#기타 DB/연결 요소
#UI 요소
2섹션 - 요소/그룹핑간 배치
2섹션 - 요소/그룹핑간 배치
좌측 쏠림 그룹핑
중심 밀집/대치 그룹핑
우측 쏠림 그룹핑
좌우 사이드 그룹핑
좌우 근접/대치 그룹핑
우중간 그룹핑
좌중간 그룹핑
좌중우 균형 그룹핑
좌중우 리듬 그룹핑
개별요소/선 4분할
전체 채움 그룹핑 (단수/다수)
단일색션내 혼용그룹핑
3섹션 - 요소 찾기
3섹션 - 요소 찾기
logo
util 메뉴 단수/다수나열
site/com info
ⓒ카피라이트
카테고리형 메뉴그룹
배너/로고/고유 외부이동
SNS/RSS
관련/훼밀리사이트
외국어/글로벌
빠른메뉴단수
빠른메뉴그룹 - 1단 레이블
빠른메뉴그룹 - 2단 레이블
고객/연락/컨택- 고유영역
#기타 정적정보 요소
#기타 DB/연결 요소
#UI 요소
3섹션 - 요소/그룹핑간 배치
3섹션 - 요소/그룹핑간 배치
좌측 쏠림 그룹핑
중심 밀집/대치 그룹핑
우측 쏠림 그룹핑
좌우 사이드 그룹핑
좌우 근접/대치 그룹핑
우중간 그룹핑
좌중간 그룹핑
좌중우 균형 그룹핑
좌중우 리듬 그룹핑
개별요소/선 4분할
전체 채움 그룹핑 (단수/다수)
단일색션내 혼용그룹핑
4섹션 - 요소 조합
4섹션 - 요소 조합
logo
util 메뉴 단수/다수나열
site/com info
ⓒ카피라이트
카테고리형 메뉴그룹
배너/로고/고유 외부이동
SNS/RSS
관련/훼밀리사이트
외국어/글로벌
빠른메뉴단수
빠른메뉴그룹 - 1단 레이블
빠른메뉴그룹 - 2단 레이블
고객/연락/컨택- 고유영역
#기타 정적정보 요소
#기타 DB/연결 요소
#UI 요소
4섹션 - 요소/그룹핑간 배치
4섹션 - 요소/그룹핑간 배치
좌측 쏠림 그룹핑
중심 밀집/대치 그룹핑
우측 쏠림 그룹핑
좌우 사이드 그룹핑
좌우 근접/대치 그룹핑
우중간 그룹핑
좌중간 그룹핑
좌중우 균형 그룹핑
좌중우 리듬 그룹핑
개별요소/선 4분할
전체 채움 그룹핑 (단수/다수)
단일색션내 혼용그룹핑
# 기타 정적정보 요소
# 기타 정적정보 요소
배너/팝업 유형
인증/보증/준수/수상 관련
모바일 관련 정보
주의/명시/정책 txt
그외 숫자중심 컨텐츠
그외 txt중심 컨텐츠
logo 대체/보완 txt
그외 img중심 컨텐츠
# 기타 DB/연동 요소
# 기타 DB/연동 요소
알림/뉴스/공지
카운터/넘버링
SNS 연동 컨텐츠
정보 다운로드
그외 숫자중심 컨텐츠
그외 txt중심 컨텐츠
입력 컨텐츠 (뉴스레터)
# UI/form 요소 적용
# UI/form 요소 적용
드롭메뉴
드롭메뉴 + btn
입력폼
링크/연결 btn
토글/화면내event
컨트롤 ○●○
컨트롤 ◀▷
◀컨텐츠▷
탭 - 메뉴
play/stop UI
새창표시
접근성/시스템 UI
상태표시 (new,hot,숫자…)
TOP/위로/상단메인
html form
More / 더보기 / +
Go / 가기 / →
전체보기
기능/브라우저 연동
태그 UI
추가요소 확장 적용
추가요소 확장 적용
자사 로고 - 이미지 추가 확장
util menu - 이미지 확장
util menu - 수직 확장
site/com info - 혼합/확장
카테고리형 - 3뎁스 확장
SNS - 편집 확장
관련/훼밀리사이트 - 반복 확장
외국어/글로벌 - 이미지/반복 확장
빠른메뉴 - 이미지 확장
고객/연락/컨택 - 반복/UI 확장
비주얼얼형 이미지/배경
선택정보나열,해제,결과검색
선택 결과 보기
Prev
Next
Open
Close