Галерея

Плоский дизайн и Material Flat Design / Material · 2012

2010-е дизайн интернет-эстетики

Картинки в поиске → Стикерпак А4 Открыть в студии

Откуда это взялось

Контрреволюция против скевоморфизма: Windows Phone 7 с плитками Metro (2010), Windows 8 (2012), iOS 7 (2013), Material Design Google (2014). Никаких теней и бликов — чистые цвета, геометрия, тонкие шрифты (Helvetica Neue Light, Roboto), длинные тени в иконках, «карточки» и плавающая кнопка, иллюстрации с плоскими человечками без лиц (позже их обозвали «корпоративным Мемфисом» — alegria). Flat сделал весь интернет одинаковым: сайты из 2014–2019 почти неразличимы. Параллельно — Bootstrap, лендинги с большим фото и кнопкой, hamburger-меню. Критика к 2016-му — плохая узнаваемость кликабельных элементов — родила «flat 2.0» с мягкими тенями и неоморфизм (2020). Для поколения 2010-х плоский дизайн — это «как выглядел телефон в школе».

Текст написан «Чеком», лицензия CC BY 4.0 — можно цитировать со ссылкой на эту страницу.

Топ-20 картинок

Flat Design Vs Material Design: The Design War
Flat Design Vs Material Design: The Design Warthink360studio.com
Material Design vs. Flat Design - Which One is Better?
Material Design vs. Flat Design - Which One is Better?mindinventory.com
Flat design vs. Material Design - Justinmind
Flat design vs. Material Design - Justinmindjustinmind.com
Flat design vs. Material Design - Justinmind
Flat design vs. Material Design - Justinmindjustinmind.com
7 правил создания красивых интерфейсов / Хабр
7 правил создания красивых интерфейсов / Хабрhabr.com
On Shrek 5's animation style
On Shrek 5's animation styledreamworksdragonplush.tumblr.com
On Shrek 5's animation style
On Shrek 5's animation styledreamworksdragonplush.tumblr.com
On Shrek 5's animation style
On Shrek 5's animation styledreamworksdragonplush.tumblr.com
Silhouette eyewear corporate logo
Silhouette eyewear corporate logoflickr.com
Wave Production - Logo Design
Wave Production - Logo Designflickr.com
flat design 2014 material ui
flat design 2014 material uiwallhaven.cc
flat design 2014 material ui
flat design 2014 material uiwallhaven.cc
Material UI Kit - Medialoot
Material UI Kit - Medialootmedialoot.com
Know More About Google’s Material Design's Hidden Concept
Know More About Google’s Material Design's Hidden Conceptcsschopper.com
Dribbble - flat-ui-kit-shot.jpg by José Polanco
Dribbble - flat-ui-kit-shot.jpg by José Polancodribbble.com
Material Design: новый подход Гугла к дизайну приложений - Блог KITAPP
Material Design: новый подход Гугла к дизайну приложений - Блог KITAPPkitapp.pro
Free Flat UI Kits to Boost Your Designs in No Time (Part-1)
Free Flat UI Kits to Boost Your Designs in No Time (Part-1)designhill.com
On Shrek 5's animation style
On Shrek 5's animation styledreamworksdragonplush.tumblr.com
On Shrek 5's animation style
On Shrek 5's animation styledreamworksdragonplush.tumblr.com
On Shrek 5's animation style
On Shrek 5's animation styledreamworksdragonplush.tumblr.com

Ещё картинки →

Цветовые коды

Ретро 70-х · 1
Ретро 70-х · 2
Ретро 70-х · 3

Нажмите на цвет — HEX скопируется. Все палитры «Ретро 70-х» →

Подходящие шрифты

Шрифты бесплатные (Google Fonts / Fontshare), скачиваются на сайте шрифта. Больше шрифтов →

Музыка под настроение

Siberian JazzEIME · audiusОткрыть ↗
JazzEva · deezerОткрыть ↗
Curses From Past Times (LP)ProleteR · archiveОткрыть ↗
Breaking JazzLjazz · audiusОткрыть ↗
Jazz (We've Got)A Tribe Called Quest · deezerОткрыть ↗
NoiseCollectorNoisecollector · archiveОткрыть ↗

Ещё музыка →

Игры в этом духе

Ещё игры →

Похожие эстетики

Картинки принадлежат их авторам: «Чек» показывает их со ссылкой на сайт-источник; архив ZIP — для личного использования, источники записаны в файл внутри. Нашли своё и хотите убрать — напишите нам.