촉각의 복귀: 최신 UI의 깊이, 유리 및 물리적 피드백
플랫 디자인 이후 UI 디자인에 깊이, 반투명도 및 물리적 동작이 다시 포함된 이유, Apple의 Liquid Glass 및 Material 3 Expressive가 변경한 사항 및 이를 사용 가능하게 유지하는 방법.
핵심 포인트
10년 간의 플랫 디자인 이후 깊이와 물리적 피드백이 다시 돌아왔습니다. 2025년 Apple은 컨트롤과 내비게이션을 위한 반투명 소재인 Liquid Glass를 출시했고, Google은 보다 감성적인 디자인에 대한 연구를 바탕으로 Material 3 Expressive를 출시했습니다. 잘 사용하면 깊이는 상호작용적인 것을 보여주고 움직임은 행동을 확인시켜 줍니다. 부주의하게 사용하면 반투명도가 대비를 낮추고 가독성을 떨어뜨립니다.
2025년에 달라진 점
2025년 6월 9일, Apple은 Liquid Glass라는 새로운 소재를 기반으로 구축된 가장 광범위한 소프트웨어 디자인 업데이트를 발표했습니다. 반투명하고 그 뒤에 있는 것을 반사하고 굴절하며 iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 및 tvOS 26에 걸쳐 확장됩니다. 한편 Google은 Material 3 Expressive를 18,000명 이상의 참가자가 참여한 46개 연구를 기반으로 가장 많이 연구된 디자인 시스템 업데이트라고 설명했습니다. Google에 따르면 참가자들은 표현력 있는 디자인에서 주요 UI 요소를 최대 4배 더 빨리 발견했으며, 18~24세 사이에서 선호도가 최대 87%로 가장 높았습니다.
해야 할 일의 깊이
Apple의 지침은 자료가 속하는 위치에 대해 구체적입니다. Liquid Glass는 콘텐츠 위에 떠 있는 컨트롤 및 탐색을 위한 기능 레이어를 형성하며 콘텐츠 레이어 자체에서 사용해서는 안 됩니다. 이것이 전체 트렌드의 유용한 원칙입니다. 깊이는 구조를 설명하고, 읽은 내용과 조치를 취할 수 있는 내용을 분리해야 합니다.
사용성 비용
모든 사람이 확신하는 것은 아닙니다. Nielsen Norman Group는 iOS 26의 Liquid Glass가 콘텐츠를 모호하게 만들고 다른 항목 위에 배치된 모든 항목, 특히 바쁜 배경 위의 텍스트를 보기 어렵게 한다고 주장했습니다. 실질적인 교훈은 반투명에는 가드레일이 필요하다는 것입니다. 즉, 실제 콘텐츠의 대비를 테스트하고, 텍스트 뒤의 흐림 또는 불투명도를 높이고, 투명도를 낮추고 대비를 높이기 위한 시스템 설정을 지원합니다.
물리적 피드백은 내구성이 뛰어난 부분입니다.
시각적인 추세는 왔다가 사라지지만, 물리적인 피드백은 사람들에게 도움이 되기 때문에 지속됩니다. 눌렀을 때 약간 압축되는 버튼, 손가락을 따라가며 스프링으로 고정되는 시트 또는 제자리에 고정되는 토글은 모두 동작이 등록되었음을 확인합니다. 스프링 물리학은 실제 객체와 마찬가지로 중단 및 동작 속도에 반응하기 때문에 이를 위한 자연스러운 도구입니다.
신중하게 받아들이는 방법
장식이 아닌 피드백으로 시작하세요.
- 사람들이 가장 많이 사용하는 컨트롤에 누르기, 끌기, 놓기 피드백을 추가하세요.
- 레이어링과 그림자를 사용하여 콘텐츠에서 컨트롤을 분리하세요.
- 반투명 표면 위에 있는 텍스트 대비를 확인하세요.
- 움직임 감소, 투명도 감소, 대비 설정 증가를 존중합니다.
- 모션 및 고도 토큰을 통해 효과를 일관되게 유지하세요.
기억할 핵심 원칙
- Apple은 2025년 6월에 Liquid Glass를 출시했습니다. Google은 Material 3 Expressive를 출시했습니다.
- 깊이는 콘텐츠와 컨트롤을 분리할 때 작동합니다.
- 반투명은 대비와 가독성을 손상시킬 수 있습니다. 실제 콘텐츠로 테스트
- 물리적 피드백(누르기, 끌기, 스프링 고정)은 추세에서 내구성이 뛰어난 부분입니다.
- 움직임 감소, 투명도 감소 및 대비 증가를 존중합니다.
자주 묻는 질문
출처
- Apple introduces a delightful and elegant new software design — Apple 뉴스룸(2025년 6월 9일)
- Materials — Apple 휴먼 인터페이스 지침
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — 구글 디자인