Пт, 17/02/17 – 3:54 | No Comment

Что 2017-й год вносит нового в Веб? Каких главных направлений и трендов в веб-дизайне, стоит ожидать? Сейчас все выясним – в формате емкого …

Читать статью »
Веб маркетинг

О маркетинге в сети Интернет и web-эффективности

Дизайн

О создании веб-дизайна с примерами сайтов

Wordpress

Самое современное для сайта на Wordpress

Шаблоны сайтов

Обзоры шаблонов: лучшие темы для сайта

Свой сайт

Как создать, оформить, сделать сайт лучше

Главная » Web & Тренды, Дизайн, Полезный чек-лист

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

2 сентября 2013 Один комментарий

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

Читайте также:  Самые необычные и оригинальные сайты

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

«ЗА» flat дизайн: он в тренде

Плоский дизайн: за и против

Плоский дизайн: за и против

Сегодня flat дизайн популярен, но как долго его популярность будет длиться? Если вы как дизайнер, работаете в этом направлении – переходите на плоский стиль, если еще этого не сделали. Грамотно использующие этот стиль проекты приобретают неплохую узнаваемость.

«ПРОТИВ» flat design: а как долго, он будет популярен?

В подобных случаях на другой чаше весов – сомнения в прочности тенденции. А как долго flat дизайн продержится? Мы уже становимся свидетелями перемещения с плоского дизайна на почти плоский или использующий длинные тени.

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

«ЗА» flat дизайн: простота мобильного интерфейса

плоский дизайн: интерфейс мобильного приложения

плоский интерфейс мобильных приложений

Одна из сильных сторон «Flat» тренда – простой, без излишеств дизайн для мобильных устройств. Самые впечатляющие плоские интерфейсы и дизайны сделаны для простых по функционалу мобильных приложений. Полужирные шрифты на крупных кнопках сделают плоский сайт более удобным для сенсорных экранов. Нет необходимости использовать zoom, чтобы отыскать ссылку.

«ПРОТИВ» flat design: возможные проблемы с юзабилити

Иногда при выполнении многосторонних задач, доходит до более продвинутого использования, и тут оказывается — плоские дизайны не производят особого впечатления и не является удобными в пользовании. Не для всех пользователей удобен этот стиль интерфейса, и они не всегда уверены, где нужно сделать клик или тап. Исследование от компании «Nielsen Norman Group» (основатель Якоб Нильсен) показало, что неочевидность кликабельности элементов плоского дизайна может ухудшать юзабилити. Кроме того, плоские проекты имеют тенденцию к уменьшению «информационной плотности», как результат погони за простотой.

«ЗА» flat design: яркие цвета поднимают настроение

плоский дизайн: цвет

плоский дизайн: яркие цвета

Может это только мое мнение, что плоский дизайн выглядит весёлым и счастливым и создает ощущение радости. Его яркие и смелые цвета имеют притягательную силу, создают позитив и это располагает к контакту.

Flat UI Colors, главная цель веб-сайта — демонстрация этого стимулятора отличного настроения и помощь дизайнерам в создании и применении flat colors (цветов для плоского дизайна). Взляните на эти цвета они располагающие и заманчивые. Даже более темные тональности из теплых цветов. Плоский дизайн зачастую многоцветный. Это только увеличивает позитивные ассоциации — ну разве кто-нибудь, глядя на радугу, назовет ее унылой?

«ПРОТИВ» flat design: сложнее подбор цветов

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

Читайте также:  Психология влияния цвета на конверсию сайта

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

«ЗА» flat design: акцентирует внимание на красивой типографике

 плоский дизайн: красивая типографика

плоский дизайн: красивые шрифты

Стоит выделить из замечательных особенностей плоского дизайна то, что он действительно фиксирует внимание пользователя на красивых шрифтах. Без всяких украшательств, проект может быть успешным благодаря типографике. От красивых декоративных надписей до простого sans serifs, удачно подобранный шрифт — это один из ключевых элементов успешного дизайна в стиле flat.

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

«ПРОТИВ» flat design: недостатки типографики более заметны

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

«ЗА» flat design: визуально отчётливый и чистый дизайн

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

цвета плоского дизайна

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

«ПРОТИВ» flat design: дизайн может выглядеть излишне простым

В зависимости от тематики, некоторые считают flat дизайн слишком упрощенным. Например, в случае необходимости присутствия на сайте достаточно сложной визуальной информации могут возникнуть трудности с ее передачей, показом пользователям. Другой аргумент против flat дизайна — несложность и элементарность инструментов пользовательского интерфейса. Сторонники скеоморфизма считают, что усовершенствования и приукрашения добавляют чувство реализма и делают tools UI легкими в использовании. Ну, это все зависит от ситуации и от контекста. Также возникают проблемы с созданием визуальной иерархии в случаях супер-простых дизайнов сайтов и пользовательских интерфейсов. Например, нужно показать:

  • Что наиболее важно?
  • Как сделать на этом акцент визуально?

«ЗА» flat design: избавляет от скучного оформления

плоский дизайн

плоский дизайн

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

«ПРОТИВ» flat design: все не так уж и плохо было в старом стиле

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

Заключение

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

Читайте также:  20 лучших примеров дизайна главной страницы сайта