Принципы плоского дизайна

Flat Design - дизайн, о котором общество наверное никогда не перестанет говорить.

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

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

Давайте посмотрим, на возможности плоского дизайна. Ниже перечислены пять различных примеров с интересными различными характеристиками.

Без добавления эффектов

Плоский дизайн получил свое название от формы использования. Плоский дизайн использует отличный двумерный стиль, который является плоским.

Вся концепция работает, без каких либо эффектов - тени, скосы, тиснение, градиенты или другие инструменты, добавляющие глубину.

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

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

Простые элементы

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

Каждый элемент пользовательского интерфейса должен быть простым и приятным при нажатии или прикосновении. Взаимодействие должно быть интуитивно понятным для пользователей.

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

Внимание к типографии

Из-за простого характера элементов в плоском дизайне, типография является чрезвычайно важной.

Тон шрифта должен соответствовать общей схеме дизайна - сильное украшение шрифта может выглядеть странным.

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

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

Внимание к цвету

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

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

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

Минималистичный подход

Плоский дизайн простой по своей природе и хорошо работает с общим дизайном в минималистичном подходе.

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

"Почти" плоский дизайн

Стиль "почти плоский дизайн" используется многими дизайнерами.

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

Этот стиль очень гибкий, по сравнению с простым стилем плоского дизайна.

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

 

Перевод статьи Principles of Flat Design

Тэги: flat

Вход

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