Previous Entry Share Next Entry
Cтиль Метро или тенденции плоского дизайна
kayros_81
Cтиль метро или тенденции плоского дизайна 1

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



Cтиль метро или тенденции плоского дизайна


Cтиль метро или тенденции плоского дизайна 2

Концепция стиля Метро работает без теней, скосов, градиентов или других приспособлений, которые добавляют глубину.

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

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

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


Cтиль метро или тенденции плоского дизайна 3

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

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

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

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

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

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

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

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


Cтиль метро или тенденции плоского дизайна 4

Фокусировка на Цвете

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

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

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



Cтиль метро или тенденции плоского дизайна 5

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

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

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



Cтиль метро или тенденции плоского дизайна 6

«Почти» Плоский Дизайн

Большинство дизайнеров склонны согласится на «почти» плоский дизайн.

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

Этот стиль прибавляет побольше гибкости, нежели стиль абсолютно без эффектов — плоский дизайн.

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


Cтиль метро или тенденции плоского дизайна 7
Cтиль метро или тенденции плоского дизайна 8
Cтиль метро или тенденции плоского дизайна 9
Cтиль метро или тенденции плоского дизайна 10
Cтиль метро или тенденции плоского дизайна 11
Cтиль метро или тенденции плоского дизайна 12
Cтиль метро или тенденции плоского дизайна 13
Cтиль метро или тенденции плоского дизайна 14
Cтиль метро или тенденции плоского дизайна 15
Cтиль метро или тенденции плоского дизайна 16
Cтиль метро или тенденции плоского дизайна 17
Cтиль метро или тенденции плоского дизайна 18
Cтиль метро или тенденции плоского дизайна 19
Cтиль метро или тенденции плоского дизайна 20
Cтиль метро или тенденции плоского дизайна 21
Cтиль метро или тенденции плоского дизайна 22
Cтиль метро или тенденции плоского дизайна 23
Cтиль метро или тенденции плоского дизайна 24
Cтиль метро или тенденции плоского дизайна 25
Cтиль метро или тенденции плоского дизайна 26
Cтиль метро или тенденции плоского дизайна 27
Cтиль метро или тенденции плоского дизайна 28

  • 1
былоб ещё замечательнее если картинки ссылками являлись)

  • 1
?

Log in

No account? Create an account