Плоский дизайн: как получить максимальную выгоду от тренда?

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

Данная тенденция проявляется практически везде, как на сайтах так и в дизайне приложений.

Популярность плоского дизайна возросла с выходом Windows 8 и нового дизайна от Google, а так же благодаря переходу нескольких популярных сайтов на плоский дизайн.

Можете ли вы заставить тренд работать на себя в своем сайте?

Плоский дизайн может быть очень красивым и очаровательным. Без лишних элементов, чистый и простой способ донести мысль, продвинуть продукт или идею. В настоящее время, чтобы иметь успех необходимо быть в тренде.

Что такое плоский дизайн?

Плоский дизайн это метод, который не использует никаких дополнительных эффектов при создании дизайна, и не имеет трехмерные атрибуты. Нет теней, нет курсива, тиснений, градиентов или других инструментов, используемых для создания дополнительной глубины. Иконки и элементы пользовательского интерфейса получаются четкими, без скошенных кромок и теней.

Все же плоский дизайн имеет некоторые эффекты, дизайнерам приходится использовать дополнительные настройки для создания «искусственной» глубины и размерностей. Большое количество проектов попадает в категорию "почти плоский", где общий вид и концепция имеет очень мало дополнительных эффектов.

Методы

Забудьте про все старые методы. Плоский дизайн это совсем другое.

Обратите внимание на цвет. Плоский дизайн часто использует массу ярких цветов. Рассмотрите возможность использовать цвета вашего логотипа, чтобы действительно сделать сайт популярным. Плоский дизайн будет работать во всех диапазонах черного и белого, также вы можете получить различные эффекты добавляя другие цвета.

Обратите внимание на типографию. Слова имеют важное значение - они образуют сообщения, обеспечивают навигацию и сообщают пользователям, что делать на вашем сайте. Запомнить плоскую схему очень просто. Используйте в теме сайта простые шрифты без засечек, либо сделать что-то необычное, соединяя плоскую схему дизайна с новыми шрифтами, которые будут работать в качестве элементов искусства.

Если элементы вашего сайта легко определить и сразу понятно что с ними нужно делать, то они будут крайне эффективны. Это можно достичь при помощи цвета, outlining, boxing или даже с использованием различных шрифтов или форм.

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

Название "Плоский дизайн"

Существует множество споров по поводу происхождения "Плоского дизайна".

Различные компании и группы пытались присвоить другое название - минималистичный дизайн, чистый дизайн и даже "достоверно цифровой", который был использован в Microsoft.

Примеры плоского дизайна сайтов

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

Плоский дизайн Pinterest by War Marc

Плоский дизайн Pinterest by Marco Heutink

Квадратные элементы пользовательского интерфейса на Dribbble

Santa Tracker иконки на Dribbble

Плоский дизайн на Dribbble

Квадратный интерфейс на Dribbble

Haraldur Thorleifsson на Dribbble

Bobby McKenna на Dribbble

Griffin Moore на Dribbble

Kyee на Dribbble

Заключение

Благодаря своему простому характеру, плоский дизайн лучше всего работает в сообщениях или продуктах, подчеркивая их простоту.

Этот стиль прекрасно работает на небольших экранах, в частности - приложения и мобильный дизайн, однако многие находят красивые применение на больших экранах. Платформы iOS, Android и Windows Phone используют плоский дизайн в своих операционных системах.

Плоский дизайн довольно сложен в реализации, так как Вам действительно придется сосредоточить все свое внимание на каждую деталь. Нельзя добавить тени и другие эффекты, чтобы скрыть недостатки.

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

 

Перевод статьи Flat Design: Can You Benefit from the Trend?

Тэги: trendsflat

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.