메뉴건너뛰고 본문 바로가기
Notice
YouTube ch
카테고리별 웹디자인 벤치마킹 사전 디비딕
통합검색
카테고리명
제목명
비주얼스크롤무빙
반응형웹
스크롤오버클릭킹
카드형/핀터레스트
MAIN 컨셉별
업종
구조 & 배치
표현
컬러 & 배색
GNB 영역별
수평구조
수직구조
격자구조
수평영역단 구성
수직영역단 구성
VIS 유형별
기본 유형/구성 찾기
소스중심 기본형 +
카피 오버레이형 +
메인영역 컨텐츠중심형 +
하이브리드형 +
비주얼BG 컨텐츠 +
타구조내 예속/축소형 +
상호 화면/UI 작용형 +
무형/대체 소스형 +
VIS 소스별
비트맵 비주얼소스
벡터 소스
아이콘
구도
시점/투시 (비주얼유형)
CON 영역별
복합 다수단 - 구조
복합 다수단 - 편집
동일 다수단 - 구조
동일 다수단 - 편집
단수단 - 구조
단수단 - 편집
Footer & Quick
Footer
Quick 메뉴
Contents
GNB 영역별
수평구조
수직구조
격자구조
수평영역단 구성
수직영역단 구성
홈으로
GNB 영역별
격자구조
격자구조
배치
배치
역ㄱ자
ㄱ자
Π자
ㄴ자 배치
수평영역 중심/흐름 배치
수직영역 중심/흐름 배치
수평 영역
수평 영역
독자분할 영역
타영역내 전체 겹침
타영역내 부분 겹침
타영역 GNB내부 점유
수평 단구조
수평 단구조
1단
2단
수평 구분 - 복수/다수 단간
수평 구분 - 복수/다수 단간
여백
분할선
트임선
배경 - 색
분할 - 색
한편 박스
구분 - 클리어화이트
분할 - 박스
수평 구분 - 외부영역
수평 구분 - 외부영역
오픈
선 / drop shadow
배경 - 색
배경 - 색 - 투명도
배경 - 패턴,이미지
구분 - 자체박스
트임 클리어화이트
닫힘 클리어화이트
수평영역 와이드 활용
수평영역 와이드 활용
요소
배경색
구분선
배경이미지,패턴
박스
수직 영역
수직 영역
독자분할 영역
타영역내 전체 겹침
타영역내 부분 겹침
타영역 GNB내부 점유
수직 열구조
수직 열구조
1열
2열
수직 구분 - 복수/다수 열간
수직 구분 - 복수/다수 열간
상호 여백
트임선
분할선
배경 - 색
분할 - 색
박스
구분 - 클리어화이트
분할 - 박스
수직 구분 - 복수/다수 행간
수직 구분 - 복수/다수 행간
오픈/여백
상호 박스
선 닫힘 구분
선 트임 구분
한편 분할 - 사각 (2~3면)
한편 박스(4면)
한편 분할 - 타일
한편 분할 - 블록
한편 분할(트임)
배경색 / 패턴 분할
수직 구분 - 외부영역
수직 구분 - 외부영역
구분 - 오픈
분할 - 선 / drop shadow
분할 - 색
구분 - 박스 / 블록
분할 - 클리어화이트
트임 - 클리어화이트
수직영역 상하 확장활용
수직영역 상하 확장활용
요소
배경 - 색
구분선
배경 - 이미지,패턴
박스
선택정보나열,해제,결과검색
선택 결과 보기
Prev
Next
Open
Close