Flat дизайн (плоский дизайн)

среда, сентября 30, 2015 Nata Ki 0 Comments

Flat дизайн (плоский дизайн) – один из основных трендов сегодня, как в сфере веб-дизайна, так и технологиях создания пользовательских интерфейсов. Из недавних примеров наиболее заметными будут: решительный шаг компании Microsoft в этом направлении, с ее Windows 8 и новый дизайн Google, с явной демонстрацией желания углубиться в минимализм.


Приведем примеры элементов, определяющих стиль плоского дизайна.


Жизнь после Web 2.0

Мы уходим от реалий дизайна web 2.0 в виде закруглённых форм элементов со всевозможными эффектами — 3D, тени, блики и отражения, градиенты, тиснения. Словом всего, что создает глубину и объем. Большие, яркие элементы управления, глянец, применение текстур и прочие подобные способы проявления оригинальности уступают дорогу простому, двумерному представлению визуальных объектов.

Float Design
основные принципы плоского дизайна

Типографика в основе стиля

Заметьте, что это основа построения «плоского» сайта. Простота элементов Flat дизайна, как и сами принципы минимализма усиливают значимость типографики. Текстовым контентом возможно в принципе заменить некоторую часть тяжелой графики или изображений.  Сегодня уже на многих сайтах типографика стала основным элементом дизайна. Естественно, раз дизайн в стиле флэт зачастую минималистичен, то и характер шрифтов нужно согласовывать с общей схемой, стилем и композицией. Так, например часто используется верхний регистр для элементов навигации или заголовков.
Coderwall
плоский дизайн: основные принципы

Цветовая палитра плоского дизайна

Flat дизайн также движется в сторону расширения цветового разнообразия. Веб-дизайнеры все больше используют палитру цветов для реализации, пожалуй, основного принципа дизайна: сайт должен отличаться от себе подобных.

Minimal Monkey
плоский дизайн: цвета

Свободное пространство, большие элементы

Плоский дизайн от начала до конца имеет минималистичную основу, а значит, перенимает и его основные принципы: крупные блоки контента, большие элементы, много свободного пространства, отсутствие излишней суеты и вычурности.
Beard Design
плоский дизайн:иконки, кнопки и иллюстрации

Плоский дизайн иконок, кнопок, иллюстраций

Кнопки, иконки, значки и иллюстрации также принимают двумерный вид. Они  должны соответствовать заданному стилю на всех страницах сайта, передавать настроение самого сайта и быть легки для понимания любому пользователю.
Подбор цвета для иконок, как и самих иконок – непростая задача. Можно использовать чистые цвета. Стремясь украсить дизайн, нужно подумать и о том, как сделать сайт удобным в пользовании. С одной стороны важно не нарушить стиль, а с другой – необходимо сделать иконки заметными. Посетитель не должен прилагать усилий, отыскивая их. В иллюстрациях стремимся к минимализму, избегая столь популярных прежде 3D эффектов.

We Are Pandr

примеры сайтов с флэт дизайном



Примеры шаблонов сайтов с плоским дизайном Flat UI

Flat дизайн: примеры шаблонов сайтов
примеры шаблонов сайтов с плоским (флет) дизайном
плоский дизайн: примеры шаблонов сайтов
Flat дизайн: примеры шаблонов сайтов



Примеры сайтов в стиле Flat-дизайна

Identityдизайн в стиле флэт
83 Design Collectiveфлэт дизайн: примеры сайтов
Frunaticплоский дизайн: примеры сайтов
The Umbrella GroupFlat дизайн
 Slcl Foundationпримеры флэт дизайна
My Feltпримеры флэт дизайна
BehzadFlat дизайн: пример сайта
Atlantflat дизайн: примеры
Simple as MilkПримеры плоского дизайна
Weranda FamilyПримеры flat дизайна
Kitchen Sink StudiosПримеры flat дизайна
Coffee SurfingПримеры flat дизайна
Sunny7Примеры дизайна: плоское меню
Krivaja HomesПримеры дизайна: плоское меню
Spring SummerПримеры flat дизайна
RIT Rochester Institute of Technologyфлэт дизайн
Snow Birdфлэт дизайн
LEDbowэффектный плоский адаптивный дизайн



Источник:
http://seo-design.net/design/5-basic-flat-design-principles


0 коммент.: