플랫디자인 (flat design)
쉽게 풀면
그림자나 입체 효과 없이, 단순한 색과 모양만으로 화면을 깔끔하게 표현하는 디자인 스타일이에요. 그래서 그림자나 입체감 없이 단순한 색과 도형만으로 화면을 꾸미는 방식이에요.
왜 중요한가
플랫 디자인은 그림자, 질감, 광택 같은 입체 표현을 제거하고 단색 면과 단순한 도형으로 인터페이스를 구성하는 양식으로, 2012년 Windows 8과 2013년 iOS 7을 계기로 스큐어모피즘을 대체하며 디지털 디자인의 기본 문법이 되었습니다. 다양한 화면 크기와 해상도에서 확장이 쉽고 렌더링 부담이 적어 반응형 디자인 시대에 실용적 이점이 컸습니다. 2013년 iOS 7과 그보다 앞선 마이크로소프트 메트로 디자인을 계기로, 다양한 화면 크기에 맞춰 단순하고 가벼운 인터페이스를 지향하는 흐름으로 확산되었다.
논문에서는 이렇게 쓰입니다
단순화된 그래픽 요소가 성능과 반응형 표현 측면에서 이점을 가져온 디자인 전환 사례를 설명한다.
화려한 입체 효과 대신 단순한 색과 형태만으로 화면을 구성하는 방식으로 디자인이 바뀌었다는 설명입니다.
조금 더 깊게 보면
플랫 디자인의 뿌리는 스위스 스타일과 모더니즘의 장식 배제이며, 스타일 자체는 새 것이 아닙니다. 사용성 측면에서는 클릭 가능한 요소의 기표가 사라져 무엇이 버튼인지 알기 어렵다는 문제가 Nielsen Norman Group의 연구로 확인되었고, 이에 대한 반응으로 미묘한 그림자와 깊이를 되살린 머티리얼 디자인과 '플랫 2.0'이 등장했습니다. 스타일 선택을 '깔끔함' 같은 심미 판단으로만 하고 기표 손실을 검토하지 않는 것이 흔한 실수입니다. 플랫 디자인은 그림자와 입체 질감을 제거해 화면을 단순화하지만, 클릭 가능한 요소와 단순 장식을 구분하기 어려워진다는 비판이 이어져 이후 옅은 그림자를 되살린 절충안이 등장했다. 이 절충 흐름을 흔히 세미 플랫 또는 플랫 2.0이라 부르며, 최소한의 입체감으로 조작 가능성을 다시 드러낸다.
주의할 점
플랫디자인은 입체 단서가 없어 클릭 가능한 요소와 단순 장식 요소를 구분하기 어려울 수 있어 어포던스 전달에 유의해야 한다. 그림자를 완전히 없애면 클릭 가능한 요소와 단순 장식을 구분하기 어려워질 수 있다.