Я хотел бы знать, правильно ли использовать фоновый стиль боке и сочетать его с плоским дизайном контента?

Что-то вроде:

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

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

• Часть точки плоской конструкции является то , что это простой, чистый, лаконичный и ясно , где искать. Вы должны быть осторожны, чтобы любые эффекты боке не сломали это. Убедитесь, что он тонкий и имеет больше пробелов, чем обычно, вокруг элементов, которые должны выделяться на переднем плане. В вашем примере есть подходящее количество пробелов.
• Вы должны быть осторожны с тем, как работают цветовые отношения. Плоский дизайн имеет тенденцию нуждаться в простых и последовательных цветах, которые отчетливо выделяются , и вы должны быть осторожны, чтобы цветной боке не уменьшил это. Например, в вашем примере я бы снизил контрастность и насыщенность фона, чтобы передний план был более четким и четким, и будьте осторожны с расположением ярких пятен по отношению к контенту (учитывая, что вы будете иметь ограниченный контроль над этим на адаптивный дизайн).
• Довольно часто можно видеть большие четкие фотографии -заставки / героев в качестве содержимого переднего плана, используемого в плоском дизайне. Если вы делаете это, вам нужно учитывать тот факт, что они не будут выделяться так резко, как на чистом плоском фоне. Опять же, это потому, что вы слегка запутываете обычно совершенно четкое различие переднего и заднего плана.
• Весь хороший дизайн определяется функциональностью, а не формой - цель вещей стоит перед их эстетикой, и плоский дизайн - это все. Убедитесь, что вы знаете, почему вы добавляете боке для этого конкретного дизайна и почему это стоит небольших компромиссов.
  • "Выглядит круто"? Не достаточно хорош.
  • «Приводит X характерный для бренда, который в противном случае был бы потерян»? Лучше.

Это, безусловно, можно заставить работать, но вы должны принять это во внимание.

Плоский дизайн не религия

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

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

Сделай это своим

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

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

В дикой природе

Метро Windows, возможно, является одним из самых плоских примеров Flat в недавней памяти. И все же у него есть такие вещи.

Материал Google тоже довольно воинственен в отношении Флэт, но большие картинки играют центральную роль в привлечении к яркой палитре человечества.

IOS 7 от Apple была поспешной попыткой догнать Flatness. Хорошо это или плохо, но кто-то сделал размытие фона центральной метафорой системы, на которую прямо влияет фотография боке.

Я бы сказал: боке и плоские границы (без заполнения) работают хорошо. Но вы должны ограничить использование заголовков и рекомендуемых элементов.

Обновление (извините, я спешил и забыл вставить остальной ответ):

В качестве примера мы можем взять следующий заголовок:

Несмотря на сильное боке, тонкие линии логотипа + часы не слишком агрессивны и хорошо вписываются. Начинка не сработает хорошо (слишком много фото).

Другой пример: