Lecaw

Учимся создавать Web-сайты

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

June 7, 2013 911hits

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

Дополнительная информация

Роман Воеводин

Воеводин Роман - дизайнер, модератор, соучредитель и член команды Lecaw.

Эл. почта
RATTING:
(3 голосов)

Оставить комментарий