Мені хотілося б знати, чи правильно використовувати фоновий стиль боке та поєднувати його з плоским дизайном вмісту?

Щось на зразок:

Боке і плоский дизайн, безумовно, можуть добре грати. Не рідкість бачити плоский дизайн із зображеннями з подібними властивостями, такими як тонкі текстури або фотографії з м'яким фокусом.

Але з цим потрібно бути обережним, тому що ви замульчуєте інакше ідеально чітке розрізнення переднього плану / фону, яке ви отримуєте з плоским дизайном. Особливо це стосується боке з його великими, потенційно привертаючими увагу плямами.

• Частина точки плоскої конструкції є те , що це простий, чистий, лаконічний і ясно , де шукати. Ви хочете бути обережними, щоб будь-які ефекти Боке не порушили цього. Переконайтеся, що він тонкий і має ще більше пробілів, ніж зазвичай, навколо елементів, які повинні виділятися як передній план. У вашому прикладі є приблизно потрібна кількість пробілів.
• Вам потрібно бути обережним, як працюють кольорові відносини. Плоский дизайн, як правило, потребує простих і послідовних кольорів, які чітко виділяються , і вам потрібно бути обережними, щоб барвистий фон Боке цього не зменшував. Наприклад, у вашому прикладі я знижую контраст і насиченість фону, щоб передній план був чіткішим і чіткішим, і будьте обережні, де розташовані яскраві плями відносно вмісту (маючи на увазі, що ви будете мати обмежений контроль над цим чуйний дизайн).
• Досить звичайно бачити великі чіткі фокусні сплески / "герої" фотографії як вміст переднього плану, що використовується в плоскому дизайні. Якщо ви робите це, вам потрібно буде врахувати той факт, що вони не будуть виділятися так різко, як на чистому плоскому тлі. Знову ж таки, це тому, що ви злегка каламутили нормально ідеально чітке розрізнення переднього плану / фону.
• Весь хороший дизайн визначається функцією над формою - метою речі, що передує їх естетиці - і плоский дизайн - це все. Переконайтеся, що ви знаєте, чому саме для цього дизайну ви додаєте боке і чому це варто для невеликих компромісів.
  • "Виглядає круто"? Недостатньо хороший.
  • "Виводить X характеристику бренду, який інакше був би втрачений"? Краще.

Це, безумовно, може бути змушене працювати, але потрібно враховувати ці речі.

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

"Плоский дизайн" замулився за останній рік. Є багато дизайнерів, які дотримуються цього, як якусь догматичну систему стандартів. І успіх проектування матеріалів (і МС Metro, в меншій мірі) створив більше уявних жорстких ліній, які насправді не існують.

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

Зробіть це самостійно

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

Більше врахування, як зазначають інші, - зручність використання. Просто переконайтеся, що ваша фотографія не робить інтерфейс заплутаним безладом. У деяких випадках навіть добре, щоб фон став дуже домінуючою частиною досвіду - просто переконайтеся, що ви все-таки отримаєте "конверсію", яку ви шукаєте, як би там не було.

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

Windows Metro - це, мабуть, один із найяскравіших прикладів Flat в останній пам’яті. І все ж у неї є такі речі.

Google Material досить войовничий щодо Flat, але великі фотографії є ​​основними для того, щоб принести трохи людства до його яскравої палітри.

Apple iOS 7 була поспішною спробою наздогнати Flatness. На краще чи гірше, хтось там зробив розмиття фону центральною метафорою системи - на це безпосередньо впливає фотографія Боке.

Я б сказав: Боке та плоскі межі (без заповнення) добре працюють. Але вам слід обмежити використання заголовками та обраними елементами.

Оновлення (вибачте, я поспішив і забув вставити решту відповідей):

Як приклад, ми можемо взяти такий заголовок:

Незважаючи на сильний боке, тонкі лінії логотипу + hr не надто агресивні і добре підходять. Начинка не буде корисною (вона охоплює занадто багато фотографії).

Ще один приклад: