맨위로가기

플랫 디자인

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
목차

1. 개요

플랫 디자인은 단순한 요소, 타이포그래피, 평평한 색상을 사용하여 인터페이스 디자인을 간결하고 효율적으로 만드는 디자인 스타일이다. 국제 타이포그래피 양식, 모더니즘 등의 영향을 받아 2000년대 초 마이크로소프트에서 처음 도입되었으며, 이후 구글, 애플 등에서 각자의 플랫 디자인 언어를 선보이며 널리 사용되었다. 하지만, 직관성이 떨어진다는 비판과 함께 세미 플랫 디자인 등 대안이 제시되기도 했다.

더 읽어볼만한 페이지

  • 디자인 언어 - 메트로 (디자인 언어)
    마이크로소프트가 스위스 그래픽 디자인과 런던 지하철 표지판에서 영감을 받아 개발한 메트로 디자인 언어는 큰 텍스트, 간결한 타이포그래피, 라이브 타일 등의 특징을 가지며 Windows, Xbox, Microsoft Office 등 다양한 제품에 적용되었고, 상표권 문제와 함께 명칭 변경 및 MDL2로 진화하며 사용자 경험에 대한 엇갈린 평가를 받았다.
  • 디자인 언어 - 윈도우 에어로
    윈도우 에어로는 윈도우 비스타에서 처음 도입된 사용자 인터페이스 디자인으로, 투명 효과, 창 미리 보기 등의 기능을 제공하여 사용자 경험을 향상시켰으며, 윈도우 11에서는 대부분의 기능이 폐지되었다.
  • 웹 디자인 - 웹 접근성
    웹 접근성은 장애가 있는 사람들이 웹을 사용할 수 있도록 기술 및 디자인 원칙을 적용하는 것이며, 웹 콘텐츠, 저작 도구, 사용자 에이전트의 접근성 향상을 위한 지침과 법률, 인공지능 기술 활용을 통한 접근성 개선 노력이 이루어지고 있다.
  • 웹 디자인 - 접근성
    접근성은 장애인을 포함한 모든 사람이 정보와 서비스에 차별 없이 접근하도록 보장하는 개념으로, 윤리적 책임, 사회적 형평성, 상업적 이익, 공익적 가치 때문에 중요하며, 물리적 환경, 정보 접근, 서비스 접근 등 다양한 영역에서 보조 기술과 적응 기술을 통해 구현되지만, 완전한 확보를 위해서는 지속적인 노력과 정책적 지원이 필요하다.
  • 그래픽 사용자 인터페이스 - 메트로 (디자인 언어)
    마이크로소프트가 스위스 그래픽 디자인과 런던 지하철 표지판에서 영감을 받아 개발한 메트로 디자인 언어는 큰 텍스트, 간결한 타이포그래피, 라이브 타일 등의 특징을 가지며 Windows, Xbox, Microsoft Office 등 다양한 제품에 적용되었고, 상표권 문제와 함께 명칭 변경 및 MDL2로 진화하며 사용자 경험에 대한 엇갈린 평가를 받았다.
  • 그래픽 사용자 인터페이스 - 작업 표시줄
    작업 표시줄은 윈도우 운영체제에서 화면 하단에 위치하여 프로그램 실행, 창 관리, 시스템 상태 확인 기능을 제공하는 사용자 인터페이스 요소이며, 윈도우 95부터 도입되어 다양한 사용자 정의 설정을 지원하며 발전해 왔다.
플랫 디자인
개요
플랫 디자인 UI 예시
플랫 디자인 UI 예시
유형시각 디자인 스타일
영향스큐어모피즘
미니멀리즘
특징2차원 시각 요소
단순한 색상
타이포그래피 및 공간 활용
상세 정보
설명플랫 디자인은 사용자 인터페이스 디자인과 그래픽 디자인에서 미니멀리즘을 특징으로 하는 스타일이다.
기원1990년대 (초기), 2010년대 (인기)
사용 예시마이크로소프트의 Metro 디자인 언어
애플의 iOS 7
구글의 머티리얼 디자인
특징
시각적 요소그림자, 질감, 그라디언트와 같은 3차원 효과를 제거
단순하고 추상적인 모양 사용
색상밝고 생생한 색상 또는 파스텔 색상 사용
제한된 색상 팔레트 사용
타이포그래피명확하고 읽기 쉬운 서체 사용
다양한 굵기와 크기를 활용하여 정보 계층 구조 표현
공간여백을 충분히 사용하여 요소 간의 명확성 확보
시각적 균형과 조화 유지
장점
로딩 속도시각적 요소의 단순성으로 인해 로딩 속도가 빠름
반응형 디자인다양한 화면 크기에 적합
명확성핵심 콘텐츠에 집중 가능
가독성간결한 디자인으로 정보 전달 용이
단점
단조로움지나치게 단순하여 사용자 경험이 지루해질 수 있음
직관성 부족3차원 효과의 부재로 사용자가 기능 식별에 어려움을 겪을 수 있음
개성 부족획일적인 디자인으로 브랜드 아이덴티티 표현이 어려울 수 있음
관련 용어
관련 용어스큐어모피즘
미니멀리즘
머티리얼 디자인
Metro 디자인 언어

2. 정의와 목적

플랫 디자인은 단순한 요소, 타이포그래피, 평평한 색상의 최소한의 사용을 강조하는 인터페이스 디자인 스타일이다.[51][1]

디자이너들은 플랫 디자인을 통해 인터페이스 디자인을 더 간결하고 효율적으로 만들 수 있다. 시각적으로 매력적이고 접근 가능하게 보이면서도 정보를 빠르게 전달하기 쉽기 때문이다.[52][53][2][3] 또한, 다양한 장치의 브라우저 크기 변화에 반응하는 인터페이스를 디자인하기 더 쉽게 만들어준다. 최소한의 디자인 요소들을 사용하여 웹사이트는 더 빠르게 로드하고 더 쉽게 크기를 조절할 수 있으며 고해상도 화면에서 더 분명하게 보인다.[52][2] 플랫 디자인은 스큐어모피즘[54][4], 리치 디자인과 대조적이다.[52][2]

플랫 디자인은 입체적으로 보이는 요소의 사용을 최소화하고 간략화한 디자인으로,[30] 시각적으로 화려하고 정보를 전달하기 쉽다는 장점이 있다.[31][32][33] 스큐어모피즘에서 버튼 하나를 만드는 데 여러 상태에 맞는 이미지를 만드는 등 수고가 필요했던 반면, 플랫 디자인은 처리가 가볍고, 장치 간 화면 크기가 달라도 대응하기 쉽다는 장점이 있다.[33][31]

디자이너 아키바 히데키는 MdN에 기고한 기사에서 Mac OS 9용 DVD 플레이어와 iOS 7용 동영상 플레이어의 UI를 비교하며, 플랫 디자인을 채택한 iOS 7용 동영상 플레이어가 UI로서의 주장이 절제되어 있었기 때문에 많은 이용자들로부터 참신하고 고급스럽다는 평가를 받았을 것이라고 보고 있다.[34]

3. 역사

플랫 디자인은 국제 타이포그래피 양식(스위스 스타일이라고도 함), 텍스트 사용자 인터페이스, 모더니즘, 바우하우스에서 등장한 스타일의 영향을 받았다.[2][5][6][7] 특히 국제 타이포그래피 양식은 플랫 디자인에 큰 영향을 주었으며, 1950년대와 1960년대에 대중화되어 플랫 디자인의 시작점으로 여겨진다.[8]

2002년 마이크로소프트는 윈도우 미디어 센터를 출시했고, 2006년에는 준 MP3 플레이어를 출시했는데, 이 두 제품 모두 플랫 디자인 요소를 포함하고 있었다. 준의 디자인은 크고 소문자 타이포그래피, 실루엣 스타일의 로고, 단색 글자 색상에 중점을 두어 깔끔하고 단순했다.[8]

300px


마이크로소프트는 2010년에 윈도우 폰 7을 출시하면서 메트로 디자인 언어를 공식화했다. 이 디자인은 세고 글꼴의 산세리프 타이포그래피, 플랫 이미지, 격자 패턴의 메뉴와 함께 크고 밝은 모양이 지배적이었다. 메트로는 이후 윈도우 8 PC 운영 체제를 포함한 모든 마이크로소프트 소프트웨어 라인에 채택되었다.[2]

GUI 위젯은 구글의 Material Design 스타일로 디자인되었다


안드로이드는 2011년 4.0 "아이스크림 샌드위치"부터 플랫 디자인 트렌드를 채택하기 시작했다.[9][10][11][12] 구글 디자인 부사장인 마티아스 두아르테는 애플의 iOS가 너무 스키어모피즘적이고, 윈도우 폰은 "공항 화장실 표지판"처럼 보이며, 두 인터페이스 모두 디자이너의 유연성이 제한된 너무 엄격하게 표준화되었다고 생각했다.

2013년, 애플은 밝은 색상, 타이포그래피, 흐릿하고 반투명 오버레이를 사용하여 플랫 UI 디자인으로 전환한 iOS 7을 공개했다.[13][14][15] 이듬해, OS X 요세미티는 iOS 7 스타일의 사용자 인터페이스를 애플의 Mac OS X 운영 체제에 도입했다.[16] 구글은 안드로이드 5.0 "롤리팝"부터 Material Design으로 알려진 자체 플랫 디자인 언어를 도입하기 시작했다.[17][18][19][20]

2017년, 마이크로소프트는 새로운 플랫 사용자 인터페이스인 플루언트 디자인 시스템을 공개했다. 이 새로운 인터페이스는 이전 버전인 메트로와 달리 깊이,[21] 인터페이스 피드백, "아크릴"이라는 새로운 반투명 효과를 사용한다.

2017년 이후, 플랫 디자인은 단순함과 미니멀리즘의 핵심 원칙을 유지하면서 사용성과 사용자 경험을 향상시키기 위해 새로운 요소를 통합하여 계속 발전해왔다. 플루언트 디자인 시스템을 통해 마이크로소프트는 더 많은 시각적 깊이, 동작, 빛을 도입하여 플랫 디자인을 더욱 발전시켰다. 한편, 구글의 Material Design도 계속 발전했다. 2018년 구글은 Material Theming을 도입했는데, 이는 플랫 디자인에 대한 주요 업데이트로, 더 많은 맞춤 설정과 유연성을 허용했다.

3. 1. 초기 (1950년대 ~ 1960년대)

플랫 디자인은 국제 타이포그래피 스타일(스위스 스타일이라고도 함), 텍스트 사용자 인터페이스, 모더니즘, 바우하우스에서 등장한 스타일의 영향을 받았다.[2][5][6][7] 국제 타이포그래피 스타일은 1950년대와 1960년대에 대중화되어 플랫 디자인의 시작점으로 여겨지지만, 얼마 동안은 디지털 세계에 나타나지 않았다.[8]

2002년 마이크로소프트는 윈도우 미디어 센터를 출시했고, 2006년에는 준 MP3 플레이어를 출시했는데, 이 두 제품 모두 플랫 디자인 요소를 포함하고 있었다. 준의 디자인은 크고 소문자 타이포그래피, 실루엣 스타일의 로고, 단색 글자 색상에 중점을 두어 깔끔하고 단순했다.[8]

3. 2. 마이크로소프트의 선도 (2000년대)

마이크로소프트는 국제 타이포그래피 양식(스위스 스타일), 텍스트 사용자 인터페이스, 모더니즘, 바우하우스에서 영향을 받은 플랫 디자인을 선도적으로 도입했다.[2][5][6][7] 2002년 윈도우 미디어 센터와 2006년 준 MP3 플레이어를 출시하며 플랫 디자인 요소를 선보였다. 준은 크고 소문자 타이포그래피, 실루엣 스타일 로고, 단색 글자 색상을 사용하여 깔끔하고 단순한 디자인을 강조했다.[8]

마이크로소프트는 2010년 윈도우 폰 7을 출시하면서 준의 디자인 요소를 기반으로 한 "메트로 디자인 언어"를 공식화했다. 이 디자인은 세고 글꼴의 산세리프 타이포그래피, 플랫 이미지, 격자 패턴의 메뉴와 함께 크고 밝은 모양이 특징적이었다. 메트로는 이후 윈도우 8 PC 운영 체제를 포함한 모든 마이크로소프트 소프트웨어 라인에 채택되었다.[2]

3. 3. 애플과 구글의 합류 (2010년대)

플랫 디자인은 국제 타이포그래피 스타일(스위스 스타일), 텍스트 사용자 인터페이스, 모더니즘, 바우하우스의 영향을 받았다.[2][5][6][7] 특히 국제 타이포그래피 스타일은 1950년대와 1960년대에 대중화되어 플랫 디자인의 시작점으로 여겨지지만, 디지털 세계에는 한동안 나타나지 않았다.[8]

2002년 마이크로소프트는 윈도우 미디어 센터를, 2006년에는 준 MP3 플레이어를 출시하며 플랫 디자인 요소를 선보였다. 준의 디자인은 크고 소문자 타이포그래피, 실루엣 스타일의 로고, 단색 글자 색상에 중점을 두어 깔끔하고 단순했다.[8] 마이크로소프트는 2010년 윈도우 폰 7을 출시하면서 메트로 디자인 언어를 공식화했다. 메트로는 세고 글꼴의 산세리프 타이포그래피, 플랫 이미지, 격자 패턴의 메뉴와 함께 크고 밝은 모양이 지배적이었다. 이후 윈도우 8 PC 운영 체제를 포함한 모든 마이크로소프트 소프트웨어에 채택되었다.[2]

2011년, 구글은 안드로이드 4.0 "아이스크림 샌드위치"부터 플랫 디자인 트렌드를 채택했다. 마티아스 두아르테 구글 디자인 부사장은 애플의 iOS가 지나치게 스키어모피즘적이고, 윈도우 폰은 "공항 화장실 표지판"처럼 보이며, 두 인터페이스 모두 디자이너의 유연성이 제한된 너무 엄격하게 표준화되었다고 생각했다.[9][10][11][12] 새로운 "홀로" 인터페이스는 네온 블루 액센트, 날카로운 모서리, 깊이를 위한 그림자가 사용되었다.[9][10][11][12]

2013년, 애플은 iOS 7을 공개하며 밝은 색상, 타이포그래피, 흐릿하고 반투명 오버레이를 사용한 플랫 UI 디자인으로 전환했다.[13][14][15] 2014년, OS X 요세미티는 iOS 7 스타일의 사용자 인터페이스를 Mac OS X 운영 체제에 도입했다.[16] 구글은 안드로이드 5.0 "롤리팝"부터 Material Design을 도입했으며, 인덱스 카드와 같은 시트와 그림자를 사용하여 깊이와 계층을 강조하고 부드러운 애니메이션과 전환을 사용했다.[17][18][19][20]

2017년, 마이크로소프트는 플루언트 디자인 시스템을 공개했다. 메트로와 달리 깊이,[21] 인터페이스 피드백, "아크릴"이라는 새로운 반투명 효과를 사용한다.

3. 4. 한국에서의 플랫 디자인 (2010년대 ~ 현재)

플랫 디자인은 국제 타이포그래피 양식(스위스 스타일), 텍스트 사용자 인터페이스, 모더니즘, 바우하우스의 영향을 받았다.[2][5][6][7] 특히 국제 타이포그래피 양식은 플랫 디자인에 큰 영향을 주었으며, 1950년대와 1960년대에 대중화되어 플랫 디자인의 시작점으로 여겨진다.[8]

2002년 마이크로소프트는 윈도우 미디어 센터를 출시했고, 2006년에는 준 MP3 플레이어를 출시했는데, 이 두 제품 모두 플랫 디자인 요소를 포함하고 있었다. 준의 디자인은 크고 소문자 타이포그래피, 실루엣 스타일의 로고, 단색 글자 색상에 중점을 두어 깔끔하고 단순했다.[8]

마이크로소프트는 2010년에 윈도우 폰 7을 출시하면서 메트로 디자인 언어를 공식화했다. 이 디자인은 세고 글꼴의 산세리프 타이포그래피, 플랫 이미지, 격자 패턴의 메뉴와 함께 크고 밝은 모양이 지배적이었다. 메트로는 이후 윈도우 8 PC 운영 체제를 포함한 모든 마이크로소프트 소프트웨어 라인에 채택되었다.[2]

안드로이드는 2011년 4.0 "아이스크림 샌드위치"부터 플랫 디자인 트렌드를 채택하기 시작했다.[9][10][11][12] 구글 디자인 부사장인 마티아스 두아르테는 애플의 iOS가 너무 스키어모피즘적이고, 윈도우 폰은 "공항 화장실 표지판"처럼 보이며, 두 인터페이스 모두 디자이너의 유연성이 제한된 너무 엄격하게 표준화되었다고 생각했다.

2013년, 애플은 밝은 색상, 타이포그래피, 흐릿하고 반투명 오버레이를 사용하여 플랫 UI 디자인으로 전환한 iOS 7을 공개했다.[13][14][15] 이듬해, OS X 요세미티는 iOS 7 스타일의 사용자 인터페이스를 애플의 Mac OS X 운영 체제에 도입했다.[16] 구글은 안드로이드 5.0 "롤리팝"부터 Material Design으로 알려진 자체 플랫 디자인 언어를 도입하기 시작했다.[17][18][19][20]

2017년, 마이크로소프트는 새로운 플랫 사용자 인터페이스인 플루언트 디자인 시스템을 공개했다. 이 새로운 인터페이스는 이전 버전인 메트로와 달리 깊이,[21] 인터페이스 피드백, "아크릴"이라는 새로운 반투명 효과를 사용한다.

2017년 이후, 플랫 디자인은 단순함과 미니멀리즘의 핵심 원칙을 유지하면서 사용성과 사용자 경험을 향상시키기 위해 새로운 요소를 통합하여 계속 발전해왔다. 플루언트 디자인 시스템을 통해 마이크로소프트는 더 많은 시각적 깊이, 동작, 빛을 도입하여 플랫 디자인을 더욱 발전시켰다. 한편, 구글의 Material Design도 계속 발전했다. 2018년 구글은 Material Theming을 도입했는데, 이는 플랫 디자인에 대한 주요 업데이트로, 더 많은 맞춤 설정과 유연성을 허용했다.

4. 비판

플랫 디자인은 사용자 인터페이스를 직관적이지 않고 사용하기 어렵게 만든다는 비판을 받아왔다. 모든 디자인 요소(메뉴, 버튼, 링크 등)를 평평하게 만들면, 요소가 어떤 기능을 하는지 구별하기 어려워질 수 있다. 예를 들어, 요소가 버튼인지 표시기인지 판단하기 어려워진다.[22][23] 연구에 따르면 플랫 디자인은 노년층보다 젊은 성인에게 더 인기가 있다. 또한, 젊은 사람들은 플랫 디자인을 더 빠르게 탐색하는 것처럼 보이지만, 사용자 인터페이스를 이해하는 데 어려움을 겪는다는 연구 결과도 있었다.[24] 2013년, 사용자 인터페이스 디자인 및 사용성 전문가인 야콥 닐슨은 플랫 디자인을 "태블릿 사용성에 대한 위협"이라고 칭했다. 닐슨은 또한 스키어모피즘과 플랫 디자인 사이의 중간 지점을 대안으로 제시했다.[25] 닐슨 그룹은 2017년에 연구를 수행했는데, 플랫 디자인을 사용하는 인터페이스의 사용 속도가 평균 22% 더 느렸다.[26][27]

플랫 디자인은 사용자 인터페이스에서 직관성을 빼앗아 사용하기 어려워진다는 비판이 제기되고 있다. 모든 디자인을 간략화한 결과, 버튼과 표시기의 구별이 어려워지는 등의 폐해가 발생하기도 했다.[33][41]

어떤 조사에 따르면, 노년층보다 젊은층이 플랫 디자인을 더 잘 받아들인다는 결과가 나타났다. 같은 연구에서 젊은층은 플랫 디자인을 더 빠르게 찾을 수 있었지만, 인터페이스 사용법을 오해하는 경우도 있었다.[42]

웹사이트의 사용성 연구로 알려진 야콥 닐슨은 플랫 디자인이 태블릿 단말기의 사용성에 악영향을 미친다고 지적하며, 현재의 플랫 디자인 대신 스큐어모피즘과 플랫 디자인의 중간에 해당하는 디자인을 사용하는 것을 제안하고 있다.[43]

닐슨 그룹이 2017년에 실시한 UI 사용에 관한 연구에서는 플랫 디자인이 평균보다 22% 늦었다는 결과가 나왔다.[44]

한편, 컴퓨터 게임 『윌모트의 창고』와 같이, 플랫 디자인의 이해하기 어려움을 응용하여 게임 디자인에 활용한 사례도 있다.[45]

4. 1. 세미 플랫 디자인 (플랫 디자인 2.0)

플랫 디자인은 사용자 인터페이스를 직관적이지 않고 사용하기 어렵게 만든다는 비판을 받아왔다. 모든 디자인 요소를 평평하게 만들면, 그 기능이 무엇인지 구별하기 어려워져, 예를 들어 버튼인지 표시기인지 판단하기 어려워진다.[22][23] 플랫 디자인은 노년층보다 젊은 성인에게 더 인기가 있으며, 젊은 사람들이 더 빠르게 탐색하는 것처럼 보이지만, 사용자 인터페이스를 이해하는 데 어려움을 겪는다는 연구 결과도 있었다.[24] 2013년, 사용자 인터페이스 디자인 및 사용성 전문가인 야콥 닐슨은 플랫 디자인을 "태블릿 사용성에 대한 위협"이라고 칭하며, 스키어모피즘과 플랫 디자인 사이의 중간 지점을 대안으로 제시했다.[25] 닐슨 그룹의 2017년 연구에서는 플랫 디자인을 사용하는 인터페이스의 사용 속도가 평균 22% 더 느린 것으로 나타났다.[26]

이러한 비판에 대한 대안으로, 플랫 디자인에 스큐어모피즘 요소를 부분적으로 도입하는 움직임이 나타났으며, "세미 플랫", "거의 플랫", 또는 "플랫 디자인 2.0" 등으로 불린다.[49]

2014년, 구글(Google)은 안드로이드와 Chrome OS 애플리케이션 개발자를 위한 설계 체계인 머티리얼 디자인(Material Design)을 제창했다.[33] 머티리얼 디자인(Material Design)은 플랫 디자인으로 여겨지지만[46], 그림자 등 스큐어모피즘 요소를 일부 도입하여[47][48][33] 세미 플랫 디자인의 좋은 예시로 여겨진다.[49]

마이크로소프트(Microsoft)도 2017년 Fluent Design System영어을 윈도우 10에 도입했고, 2020년에는 마이크로소프트 오피스를 비롯한 표준 앱에도 이 디자인을 적용했다.[50] 마이크로소프트는 윈도우 8의 플랫 디자인이 세련되었지만, 타사 앱의 입체적인 아이콘과 섞이면 보기에 좋지 않기 때문에 이 디자인을 도입했다고 밝혔다.

참조

[1] 웹사이트 Flat design principles http://designmodo.co[...] 2013-05-28
[2] 웹사이트 The history of flat design: How efficiency and minimalism turned the digital world flat https://thenextweb.c[...] 2014-04-11
[3] 웹사이트 A Look at Flat Design and Why It's Significant http://uxmag.com/art[...] 2014-04-11
[4] 웹사이트 iOS 7, Windows 8, and flat design: In defense of skeuomorphism https://venturebeat.[...] 2014-04-13
[5] 웹사이트 Lessons From Swiss Style Graphic Design http://www.smashingm[...] 2014-03-28
[6] 웹사이트 A brief history of flat design http://techsamurais.[...] 2013-07-31
[7] 웹사이트 The History of Flat Design https://xavierbertel[...] 2014-12-23
[8] 웹사이트 The True History of Flat Design http://www.webdesign[...] 2014-07-09
[9] 웹사이트 Exclusive: Matias Duarte on the philosophy of Android, and an in-depth look at Ice Cream Sandwich https://www.theverge[...] Vox Media 2011-11-28
[10] 뉴스 The history of Android: The endless iterations of Google's mobile OS https://arstechnica.[...] Condé Nast 2014-07-06
[11] 뉴스 Google requiring default 'Holo' theme in Android 4.0 devices for Android Market access https://www.theverge[...] 2014-07-25
[12] 뉴스 Android 4.0 Ice Cream Sandwich SDK released with new features for developers https://www.theverge[...] 2014-07-25
[13] 웹사이트 Apple announces iOS 7, 'biggest change' since the introduction of the iPhone, coming this fall https://www.theverge[...] 2020-04-06
[14] 웹사이트 Why Jony Ive Is Flattening iOS 7 https://www.fastcomp[...] 2020-04-06
[15] 웹사이트 Tracing iOS 7's influences: Apple remixes almost everyone in the industry https://www.theverge[...] 2020-04-06
[16] 웹사이트 OS X Yosemite unveiled at WWDC, features big UI overhaul https://arstechnica.[...] 2014-06-03
[17] 웹사이트 Google's new 'Material Design' UI coming to Android, Chrome OS and the web https://www.engadget[...] 2014-06-26
[18] 웹사이트 Google Reveals Details About Android L at Google IO http://www.anandtech[...] 2014-06-26
[19] 웹사이트 Google's New, Improved Android Will Deliver A Unified Design Language http://www.fastcodes[...] 2014-06-26
[20] 웹사이트 Google's next big Android redesign is coming in the fall https://www.theverge[...] Vox Media 2014-06-26
[21] 뉴스 Microsoft shows off 'Z-depth layering' 3D feature in its Fluent Design System https://www.windowsc[...] 2017-12-22
[22] 웹사이트 How UI Design in 2022 will Highlight Neumorphism http://www.yellowsli[...] 2022-07-19
[23] 뉴스 Why the Flat Design Trend is Hurting Usability http://www.vandelayd[...] 2017-07-06
[24] 뉴스 The Problem With Flat Design, According To A UX Expert https://www.fastcode[...] 2017-07-06
[25] 웹사이트 Tablet Usability: Findings from User Research https://www.nngroup.[...] 2017-07-06
[26] 웹사이트 Flat UI Elements Attract Less Attention and Cause Uncertainty https://www.nngroup.[...] 2018-05-08
[27] 웹사이트 How do UI designers use flat design? https://emergedigita[...] 2024-09-11
[28] 웹사이트 フラットデザインとは？効果的に活用するための基礎知識 https://mfc.mynavi.j[...] 2020-05-03
[29] 웹사이트 iOS 7, Windows 8, and flat design: In defense of skeuomorphism https://venturebeat.[...] VentureBeat 2014-04-13
[30] 웹사이트 Flat design principles http://designmodo.co[...] designmodo.com 2019-11-10
[31] 웹사이트 The history of flat design: How efficiency and minimalism turned the digital world flat https://thenextweb.c[...] The Next Web 2014-04-11
[32] 웹사이트 A Look at Flat Design and Why It's Significant http://uxmag.com/art[...] UX Magazine 2014-04-11
[33] 웹사이트 GUIの歴史とこれから http://www.mdn.co.jp[...] エムディエヌコーポレーション 2019-09-25
[34] 웹사이트 第2回 フラットデザインの主役は誰だ？ - 秋葉秀樹の人に伝えるデザイン http://www.mdn.co.jp[...] エムディエヌコーポレーション 2013-10-09
[35] 웹사이트 Lessons From Swiss Style Graphic Design http://www.smashingm[...] 2014-03-28
[36] 웹사이트 A brief history of flat design http://techsamurais.[...] 2019-11-10
[37] 웹사이트 The History of Flat Design https://xavierbertel[...] 2014-12-23
[38] 웹사이트 The True History of Flat Design http://www.webdesign[...] 2020-05-03
[39] 웹사이트 米Microsoft、検索エンジン「Bing」のロゴと検索ページデザインを刷新 https://www.mdn.co.j[...] エムディエヌコーポレーション 2013-09-19
[40] 웹사이트 The History of Flat Design https://www.verve-de[...] 2019-11-10
[41] 뉴스 Why the Flat Design Trend is Hurting Usability http://www.vandelayd[...] 2017-07-06
[42] 뉴스 The Problem With Flat Design, According To A UX Expert https://www.fastcode[...] 2017-07-06
[43] 웹사이트 Tablet Usability: Findings from User Research https://www.nngroup.[...] 2017-07-06
[44] 웹사이트 Flat UI Elements Attract Less Attention and Cause Uncertainty https://www.nngroup.[...] 2018-05-08
[45] 웹사이트 【PCゲーム極☆道】第五十回『Wilmot's Warehouse』 バナナの色違いを見分けるだけでも大変な、かわいい倉庫整理ゲーム https://jp.ign.com/p[...] IGN 2019-11-09
[46] 웹사이트 9 Principles Google Created for its ‘Material Design’ UI Refresh https://thenextweb.c[...] 2016-07-04
[47] 웹사이트 Flat Design vs. Material Design: How Are They Different? – Designmodo http://designmodo.co[...] 2016-07-04
[48] 웹사이트 Flat Design vs. Material Design: What Makes Them Different? {{!}} Creative blog by Adobe http://blogs.adobe.c[...] 2016-07-04
[49] 웹사이트 Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users https://www.nngroup.[...] Nielsen Norman Group 2019-11-10
[50] 웹사이트 Windows 10のアイコンが『脱フラットデザイン』。カラフルな新アイコンに http://japanese.enga[...] 2020-05-09
[51] 웹인용 Flat design principles http://designmodo.co[...] 2013-05-28
[52] 웹인용 The history of flat design: How efficiency and minimalism turned the digital world flat https://thenextweb.c[...] 2014-03-19
[53] 웹인용 A Look at Flat Design and Why It's Significant http://uxmag.com/art[...] 2013-05-13
[54] 웹인용 iOS 7, Windows 8, and flat design: In defense of skeuomorphism https://venturebeat.[...] 2014-04-13


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com