브루탈리즘
투박한 글자와 드러난 구조로 의도적으로 실용적인 인상을 줍니다.
글 읽기스타일
시각적 밀도·깊이·질감·강조를 비교해 콘텐츠와 조작에 맞는 인상을 정합니다.
검색 범위: 스타일
11 편의 글
스타일
플랫 디자인
입체 묘사보다 단색 면과 명확한 라벨로 위계를 보여줄 때 적합합니다.
글 읽기
글래스모피즘
반투명 패널과 배경 흐림으로 주변 맥락을 남기면서 앞쪽 내용을 읽기 쉽게 표현합니다.
글 읽기
Liquid Glass
풍부한 콘텐츠 위에 별도 탐색층을 두는 유동적인 부유 재질입니다.
글 읽기
Material 3 Expressive
Material 디자인 체계에서 색·형태·크기·움직임으로 주요 행동을 강조합니다.
글 읽기
미니멀리즘
필수 정보와 조작을 남기고 경쟁하는 요소를 줄여 주의를 집중시킵니다.
글 읽기
네오브루탈리즘
선명한 색면·굵은 테두리·단단한 그림자로 핵심 콘텐츠를 강하게 강조합니다.
글 읽기
뉴모피즘
비슷한 색의 표면과 밝고 어두운 음영으로 부드럽게 솟거나 눌린 조작부를 표현합니다.
글 읽기
레트로 디지털
초기 컴퓨터의 창·픽셀 장식·글자로 디지털 향수를 표현합니다.
글 읽기
스큐어모피즘
익숙한 사물과 재질을 빌려 디지털 콘텐츠와 조작의 관계를 설명합니다.
글 읽기
촉각적 콜라주
종이·테이프·조각을 겹쳐 손으로 모아 붙인 인상을 만듭니다.
글 읽기| 개념 | 특징 | 장점 | 제약 | 적합한 상황 | 조합 조건 |
|---|---|---|---|---|---|
| 브루탈리즘 | 드러난 구조와 거친 타이포그래피 | 실용 안내의 직접적인 위계 | 거친 인상이 편안함을 낮출 수 있음 | 장식보다 정보 우선순위가 중요할 때 | 리스트와 뚜렷한 글자 위계 |
| 플랫 디자인 | 단순한 형태와 명확한 상태 | 진료 항목·시간을 명확하게 선택 | 경계를 없애면 조작 단서가 약해짐 | 일상 거래에서 장식을 줄일 때 | 그리드·레이블·보이는 포커스 |
| 글래스모피즘 | 반투명과 배경 흐림으로 주변 맥락을 유지합니다. | 반투명 패널이 배경 맥락을 유지합니다. | 배경마다 대비가 달라지므로 불투명 모드를 제공하고 장면별로 확인하세요. | 배경 맥락이 중요한 화면에 어울립니다. | 단순한 그리드와 불투명 대체 표시를 조합합니다. |
| Liquid Glass | 반투명하게 떠 있는 조작 표면 | 콘텐츠의 시각적 중심 유지 | 네이티브 광학 동작은 재현하지 않음 | 사진 위 콘텐츠 중심 탐색 | 불투명 대안과 안정된 글자 배경 |
| Material 3 Expressive | 표현적인 형태·크기·움직임 | 주요 행동을 강하게 강조 | 강조가 밀집 정보와 경쟁할 수 있음 | 눈에 띄고 친근한 참가 행동 | 명확한 상태와 동작 감소 지원 |
| 미니멀리즘 | 의도적인 절제와 여백 | 필수 항목을 쉽게 훑음 | 필수를 숨기면 작업이 어려워짐 | 소수 우선순위와 선택적 상세 | 단일 열과 단계적 공개 |
| 네오브루탈리즘 | 굵은 윤곽·단단한 그림자·색 | 활기찬 행사 블록을 구분 | 강한 대비가 시각 소음이 될 수 있음 | 명시적 조작과 활기찬 정체성 | 필터·그리드·명확한 선택 표시 |
| 뉴모피즘 | 짝지은 그림자의 양각·음각 표면 | 소수 조작에 촉각적 초점 | 낮은 대비 경계 보완 필요 | 상태가 명확한 차분한 조작판 | 글자 레이블·경계·보이는 포커스 |
| 레트로 디지털 | 초기 디지털 창·픽셀 모티프 | 알아보기 쉬운 오락실 시대 정체성 | 향수가 현재 조작을 가리면 안 됨 | 자연 재질보다 디지털 향수가 중요할 때 | 읽기 쉬운 글꼴과 접근 가능한 창 동작 |
| 스큐어모피즘 | 익숙한 실물 사물의 참조 | 수첩 비유로 조리법 구조 설명 | 모방이 조작을 제한하면 안 됨 | 추상 표면보다 익숙한 사물 역할 | 실제 텍스트와 직접적인 인분 조작 |
| 촉각적 콜라주 | 겹친 오려낸 조각·종이·혼합 매체 | 추억 종류마다 성격을 유지 | 겹침이 순서·가독성을 해칠 수 있음 | 한 사물보다 모은 보드의 표현 | DOM 순서와 명시적 이동 버튼 |