20 плоских дизайнов в Metro стиле для вдохновения - «Дизайны сайтов»
Вторник 13 Май 2025
  • :
  • :
Новости мира Интернет » Самоучитель CSS » Дизайны сайтов » 20 плоских дизайнов в Metro стиле для вдохновения - «Дизайны сайтов»

Совсем недавно я публиковал обзор бесплатных наборов плоских иконок, а сегодня предлагаю рассмотреть варианты дизайна в подобном ключе. За последние пару лет он стал достаточно популярным. Начиналось все с Metro стиля от Microsoft, но со временем реализации таких дизайнов становятся все сложнее и креативнее. Сейчас многие работают с плоскими CCS3 кнопками, иконками и другими объектами интерфейса.


Среди представленных ниже дизайнов имеются совершенно разные проекты – от блогов и портфолио до корпоративных сайтов. Некоторые увиденные идеи можете позаимствовать для реализации своих каких-то задач. Из оригинальной подборки на более чем 30 примеров я выбрал 20-тку лучших. Надеюсь, они помогут вам вдохновиться на создание своего плоского дизайна в Metro стиле.


Lowdi




oak.is




True




Supereight Studio




Fitbit




Inky




MetroTwit




Etch




SpellTower




Ivo Mynttinen




Peter Figasinski




Nico Garcia




Camayak




Sam Holmes




Lorenzo Verzini




It’s a Shape Christmas




Awkward




Float Design




Build 2012




Crafting Type




Я не комментировал каждый из сайтов по отдельности, поскольку их достаточно много. Выскажу лишь своеобразное общее впечатление от увиденного. Во-первых, все представленные выше дизайны, максимально простые. Некоторые из них настолько “элементарные” и минималистичные, что я затрудняюсь вообще назвать это дизайном: 2-3 разноцветных полосы и текстом по центру – все.  Иногда данное решение выглядит “к месту”, иногда – особо не вызывает положительных эмоций.


Кстати, цветовая гамма и разбиение экрана на разноцветные полосы чем-то очень напоминают новую базовую тему Twenty Thirteen в WordPress 3.6. Также в нескольких дизайнах в Metro стиле особое внимание привлекла реализация, в частности использование стилей CCS3 для разных эффектов на странице. В общем, среди эти 20-ти плоских дизайнов есть реально крутые экземпляры, хотя в большинстве случаев тренд явно на любителя.


P.S. Современные требования к оптимизации интернет страниц достаточно разносторонние. Создавать HTML макет сайта нужно с учетом определенных требований и нюансов оптимизированного кода.

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Совсем недавно я публиковал обзор бесплатных наборов плоских иконок, а сегодня предлагаю рассмотреть варианты дизайна в подобном ключе. За последние пару лет он стал достаточно популярным. Начиналось все с Metro стиля от Microsoft, но со временем реализации таких дизайнов становятся все сложнее и креативнее. Сейчас многие работают с плоскими CCS3 кнопками, иконками и другими объектами интерфейса. Среди представленных ниже дизайнов имеются совершенно разные проекты – от блогов и портфолио до корпоративных сайтов. Некоторые увиденные идеи можете позаимствовать для реализации своих каких-то задач. Из оригинальной подборки на более чем 30 примеров я выбрал 20-тку лучших. Надеюсь, они помогут вам вдохновиться на создание своего плоского дизайна в Metro стиле. Lowdi oak.is True Supereight Studio Fitbit Inky MetroTwit Etch SpellTower Ivo Mynttinen Peter Figasinski Nico Garcia Camayak Sam Holmes Lorenzo Verzini It’s a Shape Christmas Awkward Float Design Build 2012 Crafting Type Я не комментировал каждый из сайтов по отдельности, поскольку их достаточно много. Выскажу лишь своеобразное общее впечатление от увиденного. Во-первых, все представленные выше дизайны, максимально простые. Некоторые из них настолько “элементарные” и минималистичные, что я затрудняюсь вообще назвать это дизайном: 2-3 разноцветных полосы и текстом по центру – все. Иногда данное решение выглядит “к месту”, иногда – особо не вызывает положительных эмоций. Кстати, цветовая гамма и разбиение экрана на разноцветные полосы чем-то очень напоминают новую базовую тему Twenty Thirteen в WordPress 3.6. Также в нескольких дизайнах в Metro стиле особое внимание привлекла реализация, в частности использование стилей CCS3 для разных эффектов на странице. В общем, среди эти 20-ти плоских дизайнов есть реально крутые экземпляры, хотя в большинстве случаев тренд явно на любителя. P.S. Современные требования к оптимизации интернет страниц достаточно разносторонние. Создавать HTML макет сайта нужно с учетом определенных требований и нюансов оптимизированного кода.

Смотрите также

А что там на главной? )))



Комментарии )))