표본
이 스타일의 기본형
버튼·입력·배지를 이 스타일의 규칙 그대로 그린 카드입니다.
Maximalism
풍부한 색상, 패턴, 장식으로 시각적으로 압도적인 경험을 제공합니다.
- YEAR
- 2010s
- MOOD
- 화려한 · 친근·발랄
- PRIMARY#FF1493
- SECONDARY#00CED1
- ACCENT#FFD700
- BG
- SURFACE#FFFFFF
취급 표시
- 크게 둥근 모서리
- 굵은 테두리
- 번지는 바탕
- 보통 아이콘 선
표본
이 스타일의 규칙을 그대로 적용한 UI 컴포넌트입니다.
버튼
입력과 토글
배지
중립강조긍정
탭
스탯과 차트
2,480주간 방문증가+12%
1.8%이탈률감소-0.4%p
여덟 달의 지표 흐름을 담은 표본 차트입니다.
아바타와 아이콘
김서이하박지윤채+1
카드
기본 카드
서피스 토큰이 그대로 정하는 기본 상태의 카드입니다.
강조 카드
강조 상태에서 서피스가 어떻게 달라지는지 보여줍니다.
무드와 이웃
밀도여백빽빽여백에서 빽빽 사이 5단계 중 5단계
온도감차가움따뜻함차가움에서 따뜻함 사이 5단계 중 3단계
시대감레트로미래적레트로에서 미래적 사이 5단계 중 3단계
격식자유분방격식자유분방에서 격식 사이 5단계 중 2단계
- 화려한
- 친근·발랄
어디에 쓰나
실제로 쓰는 곳
- Gucci 웹사이트
- Versace
- 일부 음악 앨범 사이트
사용 사례
- 럭셔리·패션 브랜드
- 음악·엔터테인먼트
- 아트 포트폴리오
- 이벤트·파티 사이트
이런 프로젝트에 맞습니다
- 럭셔리·패션 브랜드
- 음악·엔터테인먼트
- 아트 포트폴리오
- 이벤트 브랜딩
더 읽기
원칙·제약·역사처럼 적용할 때 필요한 내용입니다. 필요한 항목만 펼쳐 보세요.
핵심 원칙
- 풍부함
- 표현력
- 개성
주요 특징
- 대담한 색상 조합
- 복잡한 패턴
- 다층 레이어
- 풍부한 장식
- 강렬한 시각적 자극
장점과 한계
장점
- 강렬한 인상과 브랜드 기억률 향상
- 개성과 창의성 극대화 표현
- 시각적 풍요로움이 콘텐츠 자체가 됨
한계
- 정보 전달력 저하
- 로딩 속도 영향
- 일반 사용자에게 피로감 유발
- 접근성 확보 어려움
컬러 시스템
많을수록 좋다 — 5색 이상 혼합, 그라데이션과 패턴이 공존하는 과잉의 미학
색의 역할
- dominant: 가장 큰 면적 차지하는 주색 — 강렬한 채도
- secondary: dominant와 충돌하거나 보색
- accent-1/2/3: 추가 강조색 다수 허용
- text: 배경 어디서든 읽힐 수 있는 색 (흰색 또는 검정)
제약
- 단색·모노크롬 사용 금지
- 색상 수 4종 미만 사용 금지 — 다채로울수록 좋음
- 채도 낮은 파스텔만 사용 금지 — vivid와 파스텔 혼합 권장
다크모드 — 어두운 배경 위 vivid color 레이어링. 배경만 어둡게, 색상 강도는 유지
명도 대비 — 텍스트 영역은 반드시 단색 배경 위에 배치해 4.5:1 확보
타이포그래피
크고 대담한 디스플레이 폰트. 여러 폰트 혼합도 허용 — 충돌이 미학
글꼴은 최대 3종 · 스케일 비율 1.618 (Golden Ratio) 이상 — 극단적 계층 대비
- 작고 얌전한 폰트 금지 — 최소 하나는 강렬한 디스플레이 폰트
- 폰트 크기 대비 극단적으로 — 거대한 heading + 작은 body
- bold weight 적극 활용
설계 제약
반드시 포함
- 레이어링 — 요소들이 서로 겹침
- 패턴+색상+타이포 모두 강렬하게
- 시각적 밀도 최대화
하지 말 것
- 미니멀한 여백 금지 — 모든 공간을 채워야 함
- 단색 단조로운 배경 금지
- 요소 수 최소화 금지 — 많을수록 좋음
모션 — 여러 요소가 동시에 다른 방향으로 움직여도 됨. 복잡하고 화려한 모션 허용. 절제는 금물.
자주 묻는 질문
Maximalism이란 무엇인가요?
풍부한 색상, 패턴, 장식으로 시각적으로 압도적인 경험을 제공합니다.
Maximalism의 핵심 디자인 원칙은 무엇인가요?
Maximalism의 핵심 원칙은 풍부함, 표현력, 개성입니다.
Maximalism은 어떤 프로젝트에 적합한가요?
Maximalism은 럭셔리·패션 브랜드, 음악·엔터테인먼트, 아트 포트폴리오, 이벤트·파티 사이트, 럭셔리·패션 브랜드, 음악·엔터테인먼트, 아트 포트폴리오, 이벤트 브랜딩 등의 프로젝트에 적합합니다.
Maximalism의 장단점은 무엇인가요?
장점으로는 강렬한 인상과 브랜드 기억률 향상, 개성과 창의성 극대화 표현, 시각적 풍요로움이 콘텐츠 자체가 됨이 있습니다. 단점으로는 정보 전달력 저하, 로딩 속도 영향, 일반 사용자에게 피로감 유발, 접근성 확보 어려움이 있습니다.
Maximalism에서 색상은 어떻게 사용하나요?
많을수록 좋다 — 5색 이상 혼합, 그라데이션과 패턴이 공존하는 과잉의 미학 색상 역할은 dominant: 가장 큰 면적 차지하는 주색 — 강렬한 채도, secondary: dominant와 충돌하거나 보색, accent-1/2/3: 추가 강조색 다수 허용입니다. 주의사항: 단색·모노크롬 사용 금지, 색상 수 4종 미만 사용 금지 — 다채로울수록 좋음.
Maximalism에 어울리는 폰트 스타일은 무엇인가요?
Maximalism에는 크고 대담한 디스플레이 폰트. 여러 폰트 혼합도 허용 — 충돌이 미학 폰트가 적합합니다. 최대 3개 폰트 패밀리 사용을 권장합니다. 제약 사항: 작고 얌전한 폰트 금지 — 최소 하나는 강렬한 디스플레이 폰트, 폰트 크기 대비 극단적으로 — 거대한 heading + 작은 body.
Maximalism 디자인에서 하면 안 되는 것은 무엇인가요?
Maximalism에서 피해야 할 것: 미니멀한 여백 금지 — 모든 공간을 채워야 함, 단색 단조로운 배경 금지, 요소 수 최소화 금지 — 많을수록 좋음.
Maximalism을 사용하는 실제 서비스나 제품은 무엇이 있나요?
Maximalism을 적용한 대표적인 제품·서비스로는 Gucci 웹사이트, Versace, 일부 음악 앨범 사이트 등이 있습니다.