표본
이 스타일의 기본형
버튼·입력·배지를 이 스타일의 규칙 그대로 그린 카드입니다.
Swiss Design (국제 타이포그래피 양식)
스위스에서 발전한 그래픽 디자인 스타일로, 명료성과 객관성을 강조합니다.
- YEAR
- 1950s
- MOOD
- 미니멀 · 신뢰감
- PRIMARY#E74C3C
- SECONDARY#000000
- ACCENT#FFFFFF
- BG#FFFFFF
- SURFACE#F8F9FA
취급 표시
- 각진 모서리
- 가는 테두리
- 격자 바탕
- 가는 아이콘 선
표본
이 스타일의 규칙을 그대로 적용한 UI 컴포넌트입니다.
버튼
입력과 토글
배지
중립강조긍정
탭
스탯과 차트
2,480주간 방문증가+12%
1.8%이탈률감소-0.4%p
여덟 달의 지표 흐름을 담은 표본 차트입니다.
아바타와 아이콘
김서이하박지윤채+1
카드
기본 카드
서피스 토큰이 그대로 정하는 기본 상태의 카드입니다.
강조 카드
강조 상태에서 서피스가 어떻게 달라지는지 보여줍니다.
무드와 이웃
밀도여백빽빽여백에서 빽빽 사이 5단계 중 1단계
온도감차가움따뜻함차가움에서 따뜻함 사이 5단계 중 2단계
시대감레트로미래적레트로에서 미래적 사이 5단계 중 3단계
격식자유분방격식자유분방에서 격식 사이 5단계 중 4단계
- 미니멀
- 신뢰감
어디에 쓰나
실제로 쓰는 곳
- Helvetica 폰트
- IKEA 카탈로그
- 국제연합 UI 자료
사용 사례
- 편집 디자인 (잡지·포스터)
- 기업 아이덴티티
- 문화·예술 기관
- 타이포그래피 중심 웹사이트
이런 프로젝트에 맞습니다
- 편집 디자인
- 기업 아이덴티티
- 문화·예술 기관
- 타이포그래피 중심 사이트
더 읽기
원칙·제약·역사처럼 적용할 때 필요한 내용입니다. 필요한 항목만 펼쳐 보세요.
역사와 배경
1950년대 스위스 취리히·바젤에서 발전한 국제 타이포그래피 양식(International Typographic Style). Helvetica 폰트의 탄생 배경이기도 함.
핵심 원칙
- 명료성
- 객관성
- 기능성
주요 특징
- 그리드 시스템
- 산세리프 타이포그래피
- 비대칭 레이아웃
- 사진 중심
- 여백의 활용
장점과 한계
장점
- 시간이 지나도 낡지 않는 고전적 아름다움
- 그리드 기반으로 정보 정렬이 명확
- 타이포그래피 자체가 디자인 요소가 됨
한계
- 지나치게 형식적이고 차가운 느낌
- 감성적 표현 범위 제한
- 트렌디한 디지털 제품엔 어울리지 않을 수 있음
컬러 시스템
흑백 기반에 단 하나의 강조색(주로 빨강). 색은 장식이 아닌 기능
색의 역할
- primary: 빨강(#E63946) 또는 선택한 단일 강조색 — 핵심 강조에만 사용
- background: 흰색 (#fff) — 순수하고 깨끗하게
- text: 순수 검정 (#000) — 타이포가 전부
- photo: 흑백 사진 또는 단색 이미지
제약
- 강조색 1개 초과 금지
- 그라데이션·그림자 사용 금지
- 색상을 장식 목적으로 사용 금지 — 구조적 의미만
다크모드 — 흑백 반전 + 강조색 명도 약간 조정. 구조는 그대로
명도 대비 — 흑백 기반으로 최고 대비 — 강조색은 흰 배경 위 대비 확인 필수
타이포그래피
Helvetica·Univers·Akzidenz Grotesk 계열 그로테스크 산세리프. 폰트 = 정체성
글꼴은 최대 1종 · 스케일 비율 1.333 (Perfect Fourth) — 수학적 규칙성
- 세리프·장식 폰트 사용 금지
- 단일 폰트 패밀리로 모든 계층 표현
- left-alignment 원칙 — 중앙정렬 지양
- 수직 리듬(baseline grid) 엄격 준수
- heading과 body 크기 차이 최소 2배 이상
설계 제약
반드시 포함
- 명시적 컬럼 그리드 (12 또는 8컬럼)
- baseline grid
- 여백 — 콘텐츠와 같은 비중의 빈 공간
하지 말 것
- 장식 요소 사용 금지 — 타이포그래피와 그리드만으로 구성
- 사진 컬러 처리 금지 — 흑백 또는 단일 듀오톤만
- 비대칭 그리드 사용 금지 — 명시적 컬럼 그리드 필수
모션 — 모션 최소화. 있다면 폰트 기반 트랜지션 또는 그리드 기반 슬라이드. 장식적 애니메이션 금지.
접근성
산세리프체와 충분한 여백이 가독성에 유리. 그리드 기반 레이아웃은 스크린 리더 탐색에도 구조적으로 유리.
자주 묻는 질문
Swiss Design (국제 타이포그래피 양식)이란 무엇인가요?
스위스에서 발전한 그래픽 디자인 스타일로, 명료성과 객관성을 강조합니다. 1950년대 스위스 취리히·바젤에서 발전한 국제 타이포그래피 양식(International Typographic Style). Helvetica 폰트의 탄생 배경이기도 함.
Swiss Design (국제 타이포그래피 양식)의 핵심 디자인 원칙은 무엇인가요?
Swiss Design (국제 타이포그래피 양식)의 핵심 원칙은 명료성, 객관성, 기능성입니다.
Swiss Design (국제 타이포그래피 양식)은 어떤 프로젝트에 적합한가요?
Swiss Design (국제 타이포그래피 양식)은 편집 디자인 (잡지·포스터), 기업 아이덴티티, 문화·예술 기관, 타이포그래피 중심 웹사이트, 편집 디자인, 기업 아이덴티티, 문화·예술 기관, 타이포그래피 중심 사이트 등의 프로젝트에 적합합니다.
Swiss Design (국제 타이포그래피 양식)의 장단점은 무엇인가요?
장점으로는 시간이 지나도 낡지 않는 고전적 아름다움, 그리드 기반으로 정보 정렬이 명확, 타이포그래피 자체가 디자인 요소가 됨이 있습니다. 단점으로는 지나치게 형식적이고 차가운 느낌, 감성적 표현 범위 제한, 트렌디한 디지털 제품엔 어울리지 않을 수 있음이 있습니다.
Swiss Design (국제 타이포그래피 양식)에서 색상은 어떻게 사용하나요?
흑백 기반에 단 하나의 강조색(주로 빨강). 색은 장식이 아닌 기능 색상 역할은 primary: 빨강(#E63946) 또는 선택한 단일 강조색 — 핵심 강조에만 사용, background: 흰색 (#fff) — 순수하고 깨끗하게, text: 순수 검정 (#000) — 타이포가 전부입니다. 주의사항: 강조색 1개 초과 금지, 그라데이션·그림자 사용 금지.
Swiss Design (국제 타이포그래피 양식)에 어울리는 폰트 스타일은 무엇인가요?
Swiss Design (국제 타이포그래피 양식)에는 Helvetica·Univers·Akzidenz Grotesk 계열 그로테스크 산세리프. 폰트 = 정체성 폰트가 적합합니다. 최대 1개 폰트 패밀리 사용을 권장합니다. 제약 사항: 세리프·장식 폰트 사용 금지, 단일 폰트 패밀리로 모든 계층 표현.
Swiss Design (국제 타이포그래피 양식) 디자인에서 하면 안 되는 것은 무엇인가요?
Swiss Design (국제 타이포그래피 양식)에서 피해야 할 것: 장식 요소 사용 금지 — 타이포그래피와 그리드만으로 구성, 사진 컬러 처리 금지 — 흑백 또는 단일 듀오톤만, 비대칭 그리드 사용 금지 — 명시적 컬럼 그리드 필수.
Swiss Design (국제 타이포그래피 양식)을 사용하는 실제 서비스나 제품은 무엇이 있나요?
Swiss Design (국제 타이포그래피 양식)을 적용한 대표적인 제품·서비스로는 Helvetica 폰트, IKEA 카탈로그, 국제연합 UI 자료 등이 있습니다.