플랫 디자인

Flat design
폭스바겐 로고 진화
Volkswagen Logo till 1995.svg
<클라이언트>
VW logo 2000.png
2000
Volkswagen logo 2019.svg
2019

플랫 디자인은 그래픽 사용자 인터페이스(GUI)( 애플리케이션이나 모바일 애플리케이션 등) 및 포스터, 아트, 가이드 문서, 출판 제품 의 그래픽 자료에서 일반적으로 사용되는 미니멀리즘 디자인 언어 또는 디자인 스타일입니다.

정의와 목적

플랫 디자인은 심플한 요소, 타이포그래피, 플랫 [1]컬러의 미니멀리즘 사용을 강조하는 인터페이스 디자인 스타일입니다.

인터페이스 설계를 보다 합리적이고 효율적으로 할 수 있기 때문에 설계자는 평면 설계를 선호할 수 있습니다.시각적으로 매력적이고 접근하기 [2][3]쉬워 보이면서도 신속하게 정보를 전달할 수 있습니다.또한 다양한 디바이스 간의 브라우저 크기 변화에 대응하는 인터페이스를 쉽게 설계할 수 있습니다.최소한의 디자인 요소로 웹 사이트는 보다 빠르게 로드하고 쉽게 크기를 조정할 수 있으며 고화질 [2]화면에서도 선명하게 보입니다.설계적 접근법으로서, 종종[4] 스큐오모피즘과 풍부[2]설계와 대조된다.

역사

평면 디자인은 주로 국제 타이포그래픽 스타일(스위스 스타일이라고도 함), 텍스트 사용자 인터페이스, 모더니즘바우하우스에서 [2][5][6][7]등장한 스타일에 영향을 받습니다.인터내셔널 타이포그래픽 스타일은 평면 디자인에 가장 큰 영향을 미치는 것으로 여겨지며, 1950년대와 1960년대 그 출현과 대중화는 평면 디자인의 출발점으로 여겨지지만,[8] 그 후 한동안 디지털 세계에 모습을 드러내지 않았다.

2002년에 마이크로소프트는 Windows Media Center를 출시했고 2006년에는 Zune MP3 플레이어를 출시했는데, 두 플레이어 모두 평면 디자인 요소를 포함하고 있습니다.Zune의 디자인은 큰 소문자 타이포그래피, 실루엣 스타일의 로고, 단색 폰트 [8]색상에 초점을 맞추어 깔끔하고 심플했다.마이크로소프트는 2010년 Windows Phone 7의 출시에서도 이러한 디자인의 스타일을 이어갔습니다.Windows Phone 7은 "메트로 디자인 언어"로 공식화된 준과 함께 도입된 플랫 디자인 요소를 기반으로 합니다.디자인은 크고 밝은 모양과 함께 Segoe 글꼴 패밀리의 산세리프 타이포그래피, 평면 이미지, 격자 무늬의 메뉴가 주를 이뤘다.Metro는 이후 Windows 8 PC 운영 [2]체제를 포함한 모든 마이크로소프트 소프트웨어 제품군에 채택되었습니다.

Google의 재료 설계 스타일로 설계된 GUI 위젯

Android2011년 4.0 "아이스크림 샌드위치"에서 평면 디자인 트렌드를 채택하기 시작했다. 구글 디자인 담당 부사장인 Matias Duarte는 애플의 iOS가 너무 왜곡되었고, Windows Phone은 "공항 화장실 간판"처럼 보였으며, 두 인터페이스 모두 디자이너들에게 제한된 유연성으로 너무 엄격하게 표준화되었다고 느꼈다.이 플랫폼의 새로운 "Holo" 인터페이스는 네온 블루 악센트, 하드 엣지, [9][10][11][12]깊이 있는 드롭 섀도우로 과거 안드로이드 버전보다 심플하게 보이도록 디자인되었다.

2013년, 애플은 iOS 7을 공개했는데, iOS 7은 밝은 색상과 타이포그래피, 흐릿하고 반투명한 [13][14][15]오버레이를 사용한 평평한 UI 디자인으로 전환했다.이듬해 OS X Yosemite는 iOS 7 스타일의 사용자 인터페이스를 애플의 Mac OS X 운영 [16]체제에 도입했습니다.구글은 Android(안드로이드 롤리팝에서 시작) 및 다른 플랫폼용 "Material Design"으로 알려진 자체 플랫 디자인 언어를 도입하기 시작했다. 이 언어는 인덱스 카드와 같은 시트와 깊이와 계층 구조를 촉진하기 위한 섀도우 사용, 애니메이션과 전환을 [17][18][19][20]부드럽게 하기 위한 이다.

2017년 마이크로소프트는 새로운 플랫 사용자 인터페이스인 Fluent Design System을 발표했습니다.이 새로운 인터페이스는 깊이,[21] 인터페이스 피드백 및 "Acrylic"[by whom?]이라는 새로운 투명 효과의 사용을 통해 이전 모델인 Metro에서 출발했습니다.

비판

플랫 디자인은 사용자 인터페이스를 비타협적으로 만들고 사용성을 떨어뜨린다는 비판을 받아 왔습니다.모든 설계 요소(메뉴, 버튼, 링크 등)를 평탄하게 함으로써, 예를 들어 요소가 버튼인지 [22][23]표시기인지 판단하는 것이 더 어려워질 수 있습니다.연구에 따르면 평면 디자인은 나이 든 성인보다 젊은 성인들에게 더 인기가 있는 것으로 나타났다.연구에 따르면 젊은이들은 평면 디자인을 더 빨리 탐색하는 것 같지만 사용자 인터페이스를 이해하는 [24]데에도 어려움을 겪는 것으로 나타났다.2013년 사용자 인터페이스 설계 및 사용성 전문가인 Jakob Nielsen은 플랫 디자인을 "태블릿 사용성에 대한 위협"이라고 표현했습니다.닐슨은 또한 스큐오모르피즘과 평면 [25]디자인 사이의 중간지점인 대안을 제안했다.닐슨 그룹은 2017년 플랫 디자인을 이용한 인터페이스 사용 속도가 [26]평균 22% 느리다는 연구 결과를 내놓았다.

「 」를 참조해 주세요.

레퍼런스

  1. ^ Carrie Cousins (May 28, 2013). "Flat design principles". designmodo.com.
  2. ^ a b c d e Turner, Amber Leigh (March 19, 2014). "The history of flat design: How efficiency and minimalism turned the digital world flat". The Next Web. Retrieved April 11, 2014.
  3. ^ Clum, Luke (May 13, 2013). "A Look at Flat Design and Why It's Significant". UX Magazine. Retrieved April 11, 2014.
  4. ^ Yair Grinberg (September 11, 2013). "iOS 7, Windows 8, and flat design: In defense of skeuomorphism". VentureBeat. Retrieved April 13, 2014.
  5. ^ Diogo Terror (July 17, 2009). "Lessons From Swiss Style Graphic Design". Smashing. Retrieved March 28, 2014.
  6. ^ "A brief history of flat design". Tech Samurais. July 31, 2013.
  7. ^ Xavier Bertels (March 5, 2014). "The History of Flat Design". Xavier Bertels. Retrieved December 23, 2014.
  8. ^ a b Taimur Asghar (July 9, 2014). "The True History of Flat Design". Web Design Ai.
  9. ^ "Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich". The Verge. Vox Media. Archived from the original on February 12, 2012. Retrieved November 28, 2011.
  10. ^ Amadeo, Ron (June 16, 2014). "The history of Android: The endless iterations of Google's mobile OS". Ars Technica. Condé Nast. Retrieved July 6, 2014.
  11. ^ "Google requiring default 'Holo' theme in Android 4.0 devices for Android Market access". The Verge. Retrieved July 25, 2014.
  12. ^ "Android 4.0 Ice Cream Sandwich SDK released with new features for developers". The Verge. Retrieved July 25, 2014.
  13. ^ Seifert, Dan (June 10, 2013). "Apple announces iOS 7, 'biggest change' since the introduction of the iPhone, coming this fall". The Verge. Retrieved April 6, 2020.
  14. ^ Pavlus, John (June 10, 2013). "Why Jony Ive Is Flattening iOS 7". Fast Company. Retrieved April 6, 2020.
  15. ^ Souppouris, Aaron (June 11, 2013). "Tracing iOS 7's influences: Apple remixes almost everyone in the industry". The Verge. Retrieved April 6, 2020.
  16. ^ "OS X Yosemite unveiled at WWDC, features big UI overhaul". Ars Technica. June 2, 2014. Archived from the original on June 3, 2014. Retrieved June 3, 2014.
  17. ^ "Google's new 'Material Design' UI coming to Android, Chrome OS and the web". Engadget. Retrieved June 26, 2014.
  18. ^ "Google Reveals Details About Android L at Google IO". Anandtech. Retrieved June 26, 2014.
  19. ^ "Google's New, Improved Android Will Deliver A Unified Design Language". Co.Design. June 25, 2014. Retrieved June 26, 2014.
  20. ^ "Google's next big Android redesign is coming in the fall". The Verge. Vox Media. June 25, 2014. Retrieved June 26, 2014.
  21. ^ "Microsoft shows off 'Z-depth layering' 3D feature in its Fluent Design System". Windows Central. Retrieved December 22, 2017.
  22. ^ "How UI Design in 2022 will Highlight Neumorphism". Better experience design - Blog. January 20, 2022. Retrieved July 19, 2022.
  23. ^ "Why the Flat Design Trend is Hurting Usability". Vandelay Design. April 7, 2015. Retrieved July 6, 2017.
  24. ^ "The Problem With Flat Design, According To A UX Expert". Co.Design. March 23, 2016. Retrieved July 6, 2017.
  25. ^ "Tablet Usability: Findings from User Research". www.nngroup.com. Retrieved July 6, 2017.
  26. ^ "Flat UI Elements Attract Less Attention and Cause Uncertainty". www.nngroup.com. Retrieved May 8, 2018.

외부 링크