Пт, 5/04/19 – 9:26 | 2 комментария

Эта статья о том, что для успеха Landing Page важна не только визуальная привлекательность. От лендингов ждут высоких конверсий. Эффективность лендингового сайта особенно …

Читать статью »
Дизайн

Секреты веб-дизайна, примеры стильных сайтов

Тренды / ТОП

Топ лучших идей, новые тенденции и тренды WEB’а

Маркетинг

Статьи о маркетинге сайтов, примеры эффективности

Свой сайт

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

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

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

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

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

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

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

Читайте также:  Тенденции веб-дизайна 2020: улетный визуал & инновации

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

«ЗА» 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: акцентирует внимание на красивой типографике

Читайте также:  15 тенденций типографики 2020-х: сайты и трендовые идеи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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