디자인 트렌드는 왔다가 사라지지만 한동안 지속되어 온 일반적인 트렌드 중 하나는 플랫 디자인입니다. 어디서나 볼 수 있는 플랫 디자인입니다. UI, 로고, 그래픽 등에 버튼이 있습니다. 우리는 이 접근 방식의 변화를 겪고 있는 시기에 있을 수 있으며, 다음은 이 사례를 실현할 수 있는 최근 제가 접한 몇 가지 예입니다. 이 기사에서는 주로 디지털 인터페이스와 이 분야에서 시간이 지남에 따라 디자인이 어떻게 변화했는지에 초점을 맞추고 있습니다. 플랫 디자인이 어떻게 트렌드가 되었는지에 대한 간략한 개요 iOS 7의 일부 스크린샷 TechCrunch를 통해 플랫 디자인이 인기를 얻었고 Apple이 2013년에 iOS 7을 출시했을 때 인터페이스에 대한 디자인 접근 방식이 하룻밤 사이에 바뀌는 것을 보았습니다. 확실히 다른 제조업체가 이미 구현하고 있는 요소를 채택했지만 Apple이 나머지 업계에 미치는 영향(트렌드로서- setter)는 일치할 수 없습니다. iOS 7에서는 iOS의 디자인 언어가 크게 향상되었습니다. Apple은 이전 제품의 더 복잡하고 스큐어모픽한 디자인에 비해 훨씬 더 단순하고 평면적인 디자인을 선보였습니다. 팀 쿡은 이를 “아이폰 이후 iOS의 가장 큰 변화”라고 불렀습니다. “iPhone 이후 iOS의 가장 큰 변화입니다.” — 팀 쿡 iOS6과 iOS7의 아이콘 비교 idownloadblog를 통해 위에서 볼 수 있듯이(왼쪽은 iOS 6, 오른쪽은 iOS 7) iOS 7에서는 더욱 평면적인 디자인을 위해 요소의 3D 측면이 대부분 제거되었습니다. 이러한 변경을 한 데는 그럴 만한 이유가 있었습니다. 세상은 사용자가 차세대 인터페이스에 익숙해지도록 의도된 스큐어모픽 디자인에서 벗어나야 했습니다. 10년이 지난 지금도 대부분의 최신 인터페이스는 여전히 제품에 이 디자인 언어를 사용하고 있습니다. 그러나 디자인이 좀 더 복잡해지고 3D가 되기 시작하면서 일부 측면이 바뀌기 시작했습니다. 최근 몇 가지 예를 들어보겠습니다. Reddit 브랜드 재설계 이전 Reddit 로고와 새 Reddit 로고 비교 TechCrunch를 통해 가장 최근 것부터 시작해 보겠습니다. Reddit은 최근 새로운 기호와 워드마크로 로고를 재설계했습니다 . 보시다시피 Snoo(Reddit의 마스코트)를 나타내는 기호는 이제 이전 로고와 비교하여 일부 3D 측면을 갖습니다. 평평하지 않은 로고는 거의 볼 수 없으며, 많은 주요 글로벌 브랜드와 협력하고 있는 회사인 Pentagram이 이러한 방향을 취하고 있다는 점을 고려하면 앞으로 더 많이 보게 될 로고라는 의미입니다. 최신 로고는 일반적으로 가독성과 확장성 으로 인해 평면적입니다 . 가까운 미래에 다른 회사들이 자신들의 브랜드에 어떻게 접근하는지 지켜보는 것도 흥미로울 것입니다. MacOS 빅서 아이콘 macos 빅수르 아이콘 애플을 통해 몇 년 전인 2020년으로 돌아가 보겠습니다. 그 해 11월, Apple은 업데이트된 아이콘 세트와 함께 MacOS Big Sur를 출시했습니다. 저는 개인적으로 여기가 더 많은 3D 효과를 갖춘 세부적인 디자인에 대한 새로운 트렌드가 시작된 곳이라고 생각하고 싶습니다. 이에 관한 대부분의 논의가 이곳에서 나타나기 시작한 곳이기 때문입니다. Big Sur를 통해 Apple은 기본 앱 아이콘에 더 많은 세부 정보를 추가하여 덜 밋밋해 보이도록 하기 시작했습니다. 위에서 볼 수 있듯이 아이콘은 이제 더 깊은 그림자와 그라데이션을 갖습니다. 이렇게 하면 깊이를 더하고 아이콘을 더 자세히 보이게 만드는 데 도움이 됩니다. 다른 많은 타사 앱 개발자들도 이전보다 더 3D로 보이도록 앱 아이콘을 업데이트하고 업데이트했습니다. 늘 그렇듯이, 인터페이스 디자인에 대한 Apple의 영향력은 얼마나 많은 회사와 개인이 새로운 트렌드를 따랐는지에서 확인할 수 있습니다. 새로운 에어비앤비 디자인 에어비앤비를 통해 Airbnb는 여름 및 겨울 디자인 업데이트를 통해 더욱 복잡하고 3D적인 다양한 디자인을 구현했습니다. 새로운 "게스트 여권" 기능을 살펴보세요. 게스트 여권 아이콘은 디자인이 실제 '책'과 유사하며, 상호 작용할 때 실제 책을 여는 모습을 모방한 애니메이션이 있습니다. 게스트 여권의 내부 모습에는 덜 밋밋해 보이는 깊이를 더하기 위해 상단 부분에 그림자가 추가되었습니다. 에어비앤비의 새로운 게스트 인기 기능과 월 선택기를 보여주는 스크린샷 에어비앤비를 통해 Airbnb의 또 다른 예는 "게스트가 가장 좋아하는" 디자인과 새롭게 개선된 "월 선택기" 디자인에서 볼 수 있습니다. 위에서 볼 수 있듯이 새로운 "게스트 즐겨찾기" 섹션은 평가에 멋진 3D 효과를 추가합니다. 새로운 월 선택기(오른쪽)도 더욱 사실적인 다이얼 디자인을 갖췄습니다. 마지막으로, 겨울 출시와 함께 제공되는 새로운 일러스트레이션도 아래에서 볼 수 있듯이 좀 더 아이소메트릭한 느낌을 더해줍니다. Shopify의 업데이트된 디자인 시스템 Shopify의 기존 버튼 디자인과 새로운 버튼 디자인 비교 Shopify를 통해 Shopify는 높은 인기와 호평을 받는 디자인 시스템인 Polaris를 새로운 디자인 언어로 업데이트했습니다. 이전의 평평한 버튼은 이제 더 작고 촉감이 좋습니다. 재설계에는 의미가 있었습니다. 팀에 따르면, 초기의 더 평평한 디자인은 더 깔끔한 인터페이스를 조성하고, 이해하기 쉽게 만들고, 경험을 더 효율적으로 느끼게 했습니다. 그러나 시간이 지남에 따라 판매자들은 관리 경험을 "지루함", "우울함", "단조함"으로 분류하기 시작했습니다. 주요 목표는 관리자가 "프로 도구"처럼 느껴지도록 디자인 시스템을 향상시키는 것이었습니다. 이 프로젝트에 대한 자세한 사례 연구는 여기에서 읽어보실 수 있습니다 . 두 가지 다른 버튼 스타일 탐색(Shopify를 통해) 결론 그렇다면 이것이 모두 무엇을 의미하는가? 저는 우리가 완전히 평면적인 디자인에서 벗어나고 있다고 생각합니다. 플랫 디자인의 장점도 있지만 현대 디자인은 디테일을 더하는 방향으로 진화하고 있다고 생각합니다. 디자이너와 개발자는 이러한 변경 사항이 더 큰 브랜드와 제품에서 일반화됨에 따라 시스템에 이러한 변경 사항을 추가할 준비가 되어 있어야 합니다.