스위스 그리드 스타일은 장식을 걷어내고 격자와 정렬만으로 정보를 전달하는 그래픽 양식이다. 흰 바탕, 산세리프 글자, 굵은 가로선, 빨간 포인트 하나 정도가 전부인데도 화면이 단단하게 보인다. 꾸미지 않아서 오히려 믿음을 주는 쪽이라, 포스터와 발표 자료, 숫자가 많은 화면에서 자주 꺼내 쓰게 된다.
핵심 키워드
생성 이미지로 부를 때 가장 효과가 큰 단어는 'modular grid layout'과 'generous white space'다. 여기에 아래 키워드를 더하면 구조가 잡힌다.
| 키워드 | 역할 |
|---|---|
| 'modular grid layout' | 화면을 같은 크기의 칸으로 나눠 요소를 칸에 맞춰 놓게 한다. |
| 'generous white space' | 여백을 넉넉히 남긴다. 이 양식에서 여백은 남는 공간이 아니라 요소를 나누는 장치다. |
| 'strict left alignment' | 글자를 왼쪽에 맞춘다. 가운데 정렬이 들어가면 바로 다른 양식이 된다. |
| 'thick horizontal rules' | 굵은 가로선으로 정보 단위를 끊는다. |
| 'asymmetric balance' | 좌우 대칭을 피하고, 큰 덩어리와 빈 곳으로 균형을 맞춘다. |
색은 'black and red only'나 'one red accent block'처럼 좁게 정해 두는 편이 좋다. 색을 열어 두면 모델이 파스텔이나 그라디언트를 섞어 양식이 흐려진다.
빼야 할 것도 분명하다
이 양식은 더하는 키워드만큼 빼는 키워드가 중요하다. 'no decoration, no gradient, no drop shadow'를 명시하지 않으면 모델이 습관처럼 그림자와 광택을 얹는다. 요즘 이미지 모델은 "보기 좋게" 만들려는 경향이 강해서, 아무 말도 하지 않으면 입체감과 반사를 넣는다. 스위스 양식에서는 그 친절이 전부 방해가 된다.
이 양식은 어디서 왔나
이 양식은 1950년대 스위스에서 정리된 국제 타이포그래피 양식 Wikipedia에서 출처 보기 에서 나왔다. 독일어, 프랑스어, 이탈리아어가 함께 쓰이는 나라에서 어느 언어로 읽어도 같은 질서로 보이는 화면을 만들려 한 시도였고, 산세리프체와 왼쪽 정렬, 수학적으로 나눈 단이 그 결과물이다. 1957년에 나온 헬베티카 서체가 이 양식과 함께 세계로 퍼졌고, 디자이너 요제프 뮐러브로크만은 격자 설계 방법을 책으로 정리해 지금까지도 교과서처럼 읽힌다.
자주 하는 실수
- 격자를 어긴 요소 하나. 아홉 개가 정렬돼 있고 하나가 어긋나 있으면 사람 눈은 그 하나만 본다. 장식이 없어서 실수를 가려 줄 것이 없다.
- 여백을 채운다. 빈 곳이 아까워 이미지나 글을 더 넣기 시작하면 곧바로 평범한 레이아웃으로 내려앉는다.
- 서체를 섞는다. 세리프체나 손글씨체가 하나라도 들어가면 양식이 깨진다. 굵기만 바꿔 위계를 만든다.
- 색을 늘린다. 포인트 색은 하나면 충분하다. 두 가지가 넘어가면 무엇이 중요한지 흐려진다.
이 양식의 힘은 무엇을 넣느냐보다 무엇을 넣지 않느냐에서 나온다.
미니멀리즘과 무엇이 다른가
둘 다 단순해 보이지만 출발점이 다르다. 미니멀리즘이 요소의 수를 줄이는 쪽이라면, 스위스 스타일은 요소가 많아도 격자가 그것을 감당하게 만드는 쪽이다. 그래서 정보가 적은 화면에는 미니멀리즘이, 표와 숫자와 설명이 빽빽한 화면에는 스위스 스타일이 더 잘 맞는다. 프롬프트로 치면 'minimalist'는 비우라는 지시이고, 'modular grid layout'은 정리하라는 지시다.
어디에 쓰면 좋은가
금융, 의료, B2B 소프트웨어처럼 신뢰가 설득의 전부인 영역에 특히 잘 맞는다. 꾸미지 않았다는 사실 자체가 "숨길 것이 없다"는 인상으로 읽히는 몇 안 되는 양식이다. 발표 자료 배경, 연간 보고서 표지, 전시나 행사 포스터에도 자주 쓰인다. 다만 아이를 위한 화면이나 따뜻함이 필요한 브랜드에는 차갑게 느껴질 수 있다.
정리
스위스 그리드 이미지를 만들 때는 'modular grid layout'과 'generous white space'로 구조를 세우고, 색을 검정과 빨강 정도로 좁힌 뒤, 'no decoration, no gradient, no drop shadow'로 모델의 습관을 막는다. 아래 프롬프트에서 주제 문구만 바꾸면 같은 질서를 다른 내용에 그대로 옮길 수 있다.