디자인 레퍼런스 전체 색인 · 7/27
2,153개 정의·활용·주의사항·출처를 개별 문서로 제공합니다. 이 색인은 JavaScript 없이 탐색할 수 있습니다.
반복
색·형태·간격·스타일을 반복해 통일성과 예측 가능성을 만드는 방법.
균형
시각적 무게가 화면 한쪽으로 과도하게 쏠리지 않도록 구성하는 원리.
대칭
축이나 중심을 기준으로 요소를 대응시켜 안정적인 구도를 만드는 방식.
비대칭
크기·위치가 다른 요소를 대비시키면서 전체 균형을 유지하는 구도.
리듬
반복과 간격의 변주로 시선 이동에 규칙과 속도감을 만드는 구성.
네거티브 스페이스
도형 안팎의 비어 있는 공간으로 형태 구분과 균형을 만든다.
도형과 배경
주목하는 대상과 그 뒤의 배경을 분리해 인식하는 관계.
폐쇄성
불완전한 윤곽을 하나의 완성된 형태로 보완해 인식하는 경향.
연속성
선이나 배열의 흐름을 따라 요소를 연속된 집단으로 인식하는 경향.
공통 영역
같은 경계나 배경 안에 있는 요소를 관련된 집단으로 보는 원리.
초점
장면에서 가장 먼저 또는 가장 강하게 시선이 머물도록 만든 위치.
삼분할 구도
화면을 가로·세로 세 부분으로 나누어 주요 대상을 배치하는 구도 지침.
황금비
약 1:1.618의 비율 관계로, 구성의 참고 비율 중 하나.
유도선
도로·선·배치의 방향을 이용해 시선을 특정 대상으로 이끄는 구성.
프레이밍
주변 요소로 대상을 둘러 시선을 모으고 맥락을 부여하는 방법.
실루엣
내부 디테일을 제외한 외곽 형태로 대상을 식별하게 하는 윤곽.
형태 언어
원·삼각형·사각형 등의 반복되는 조형 특성으로 인상을 전달하는 설계.
시각적 무게
크기·명암·색·밀도 때문에 요소가 시선을 끄는 상대적 정도.
광학 정렬
수학적 중심 대신 사람이 균형 있게 느끼는 위치로 조정하는 정렬.
광학 크기
글자·아이콘을 실제 표시 크기에 맞게 잘 보이도록 세부 형태·획·내부 공간 등을 조절하는 크기 설계.
시각적 밀도
정해진 면적에 정보와 시각 요소가 얼마나 집중되어 있는지 나타내는 특성.
아트 디렉션
색·형태·조명·타이포그래피 등 시각 요소가 같은 의도를 전달하도록 조율하는 작업.
서체
일관된 조형 원칙을 공유하는 글자 디자인 체계.
폰트
서체를 특정 스타일·굵기 등으로 구현한 글꼴 리소스 또는 파일.
세리프
획 끝에 작은 돌출 장식이 있는 서체 분류.
산세리프
획 끝의 세리프 장식이 없는 서체 분류.
고정폭 서체
각 문자에 동일한 가로 폭을 할당하는 글꼴.
디스플레이 서체
긴 본문보다 제목·포스터 등 큰 크기의 표현에 초점을 맞춘 서체.
커닝
특정 두 글자 사이의 간격을 조정하는 작업.
트래킹
문자열 전체의 자간을 균일하게 늘리거나 줄이는 조정.
행간
연속된 텍스트 줄의 기준선 사이 간격.
베이스라인
글자의 몸체가 놓이는 기준선.
엑스하이트
소문자 x를 기준으로 보는 소문자 몸체의 높이.
대문자 높이
대문자의 기본 높이로, 베이스라인에서 위쪽까지의 거리.
가변 폰트
하나의 글꼴 파일에서 굵기·너비 등 지원 축의 값을 연속적으로 바꾸는 기술.
합자
두 개 이상의 글자를 하나의 연결된 글리프로 표현한 형태.
글리프
문자나 기호를 실제로 그린 형태. UI에서는 간결한 단색 아이콘을 뜻하기도 한다.
위도·오펀
문단이나 페이지 경계에서 한 줄 또는 짧은 단어가 외따로 남는 조판 문제.
베이스라인 그리드
여러 텍스트 블록의 기준선을 일정 간격으로 맞추는 격자.
색상
빨강·파랑처럼 색의 종류를 구분하는 속성.
채도
색이 얼마나 선명하거나 무채색에 가까운지 나타내는 속성.
명도·밝기
색이 밝거나 어둡게 지각되는 정도. 색 모델에 따라 정의가 다르다.
보색
선택한 색상환에서 서로 반대쪽에 위치하는 색의 관계.
유사색
색상환에서 가까운 위치에 있는 색들을 조합한 배색.
단색 계열 배색
한 색상을 중심으로 명도·채도를 달리하는 배색.
강조색
주요 행동이나 중요한 요소에 제한적으로 사용해 주목시키는 색.
의미 기반 색
오류·성공·주의처럼 상태 의미에 대응시킨 색.
RGB 색 모델
빨강·초록·파랑 빛의 가산 혼합으로 색을 표현하는 모델.
CMYK 색 모델
청록·자홍·노랑·검정 잉크를 이용하는 인쇄 중심의 색 모델.
색역
장치나 색 공간이 표현할 수 있는 색의 범위.
색상 프로파일
장치·색 공간 사이 색 재현을 관리하기 위한 특성 정보.
OKLCH 색 공간
지각적 명도·채도·색상 축으로 색을 표현하는 OKLab 계열 색 공간.
듀오톤
두 색 또는 두 잉크 계열로 이미지의 명암을 표현하는 기법.
그레이디언트
두 개 이상 색이나 투명도 사이를 연속적으로 변화시키는 표현.
미니멀리즘
불필요한 장식과 요소를 줄이고 여백·구조·핵심 정보에 집중하는 표현.
맥시멀리즘
색·패턴·오브젝트·정보를 풍부하게 쌓아 강한 인상을 만드는 표현.
스위스·국제 타이포그래피 스타일
그리드·산세리프·명료한 정보 구조를 강조하는 그래픽 디자인 흐름.
바우하우스 계열 디자인
기하학적 형태와 기능 중심의 구성을 활용하는 시각적 접근.
브루탈리스트 웹디자인
거친 구조·노출된 기본 형태·관습적 미려함의 거부를 강조하는 웹 미학.
네오브루탈리즘
굵은 테두리·강한 색·평면적 그림자 등을 사용하는 최근 디지털 관용 스타일.
플랫 디자인
입체 장식보다 평면적 색과 간결한 형태에 집중하는 스타일.
스큐어모피즘
실물 재료·도구의 외형이나 사용 단서를 디지털 화면에 모사하는 방식.
뉴모피즘
배경과 비슷한 색에 밝고 어두운 그림자를 적용해 돌출·함몰감을 만드는 스타일.
클레이모피즘
부드럽고 둥근 형태와 점토 같은 재질감을 사용하는 디지털 스타일.
벤토 레이아웃
크기와 비율이 다른 카드들을 정돈된 격자로 조합하는 구성.
에디토리얼 디자인
잡지·기사처럼 타이포그래피·이미지·여백으로 읽는 순서를 설계하는 방식.
Y2K 미학
밀레니엄 전후 디지털 문화의 크롬·유광·과장된 그래픽을 재해석하는 스타일.
레트로퓨처리즘
과거에 상상했던 미래의 기술과 시각 언어를 재구성하는 미학.
사이버펑크 미학
고밀도 도시·기술·네온·대비를 통해 미래적 분위기를 만드는 표현.
솔라펑크 미학
자연·공동체·재생 기술이 결합된 낙관적 미래상을 표현하는 미학.
아르데코
기하학적 장식·대칭·계단식 형태 등을 사용하는 장식 양식.
아르누보
식물과 유기적 곡선을 활용하는 장식 양식.
멤피스 스타일
강한 색·기하 도형·불규칙 패턴을 조합하는 장식적 표현.
유기적 디자인
자연에서 연상되는 곡선·비정형 형태·부드러운 연결을 활용하는 방식.
픽셀 아트
픽셀 단위를 의식적으로 배치해 형태·색·명암을 설계하는 그래픽 기법.
복셀 아트
3차원 격자 단위인 복셀로 형태를 구성하는 표현.
로우폴리 스타일
적은 다각형과 뚜렷한 면 구성을 미학적으로 활용하는 3D 표현.
셀 셰이딩
연속적인 명암을 제한된 단계로 나누어 만화 같은 느낌을 만드는 렌더링.
핸드페인티드 스타일
붓질과 수작업 명암을 강조하는 텍스처·일러스트 표현.
포토리얼리즘
사진처럼 보이는 재질·조명·형태의 재현을 지향하는 표현.