Lecaw

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

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

June 3, 2013 1201hits

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

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

 

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

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

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

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

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

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

Методы

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

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

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

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

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

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

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

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

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

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

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

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

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

Santa Tracker иконки на Dribbble

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

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

Haraldur Thorleifsson на Dribbble

Bobby McKenna на Dribbble

Griffin Moore на Dribbble

Kyee на Dribbble

Заключение

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

Простые, легкие в исполнении, понятные, небольшие.

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

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

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

 

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

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

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

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

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