Vorrei sapere se è corretto utilizzare uno stile bokeh di sfondo e combinarlo con un design piatto di contenuti?

Qualcosa di simile a:

Bokeh e design piatto possono sicuramente giocare bene. Non è raro vedere un design piatto usato con immagini con proprietà simili come trame sottili o fotografie soft-focus.

Ma devi fare attenzione, perché stai confondendo la distinzione in primo piano / sfondo altrimenti perfettamente nitida che ottieni con un design piatto. Ciò è particolarmente vero per il bokeh con i suoi grandi punti potenzialmente attiranti.

• Una parte del punto di design piatto è che è semplice, pulito, ordinato e chiaro dove guardare. Ti consigliamo di fare attenzione che eventuali effetti bokeh non lo rompano. Assicurati che sia sottile e abbia ancora più spazi bianchi rispetto a quelli normalmente attorno agli elementi che devono risaltare come primo piano. Nel tuo esempio c'è la giusta quantità di spazio bianco.
• Dovrai stare attento a come funzionano le relazioni di colore. Il design piatto tende a richiedere colori semplici e coerenti che si distinguono chiaramente e dovrai stare attento che lo sfondo colorato del bokeh non lo riduca. Ad esempio, nel tuo esempio, abbasserei il contrasto e la saturazione dello sfondo in modo che il primo piano sia più chiaro e più nitido, e stare attento a dove si trovano i punti luminosi rispetto al contenuto (tenendo presente che avrai un controllo limitato su questo un design reattivo).
• È abbastanza comune vedere grandi fotografie con schizzi / "eroi" nitidi come contenuti in primo piano utilizzati nella progettazione piana. Se lo stai facendo, dovrai tenere conto del fatto che questi non si distinguono nettamente come farebbero su uno sfondo piatto e pulito. Ancora una volta, è perché stai sfumando leggermente la distinzione in primo piano / sfondo normalmente perfettamente nitida.
• Tutto il buon design è guidato dalla funzione sulla forma - lo scopo delle cose che precede la loro estetica - e il design piatto è tutto questo. Assicurati di sapere perché stai aggiungendo il bokeh per questo particolare design e perché valgono i piccoli compromessi.
  • "Sembra fico"? Non buono abbastanza.
  • "Esalta le caratteristiche X del marchio che altrimenti andrebbero perse"? Meglio.

Certamente può essere fatto funzionare, ma dovrai tenere conto di queste cose.

Il design piatto non è una religione

Il "design piatto" è diventato confuso nell'ultimo anno. Ci sono molti designer che lo sostengono come una sorta di sistema dogmatico di standard. E il successo del Material design (e della Metro di MS, in misura minore) ha creato linee dure più immaginarie che in realtà non esistono.

Flat è ciò che lo fai. Il principio alla base è quello di evitare un uso eccessivo dell'ombreggiatura o della modellazione o del finto design visivo simile alla vita, come abbiamo visto con lo scetticismo grottesco di Apple . Ciò non significa che l'ombreggiatura, la trama, la fotografia o la decorazione di qualsiasi tipo scompaiano. Devi ancora progettare la tua interfaccia.

Fallo tuo

In risposta alla tua domanda: non esiste alcuna regola contro il bokeh, la fotografia messa a fuoco o altre trame e immagini di sfondo in qualsiasi stile di design. È il modo in cui interpreti le influenze stilistiche che distinguono un marchio. Dovresti sviluppare un nuovo dialetto del linguaggio visivo, non parlare di qualcun altro.

La considerazione più grande, come altri hanno sottolineato, è l'usabilità. Assicurati solo che la tua fotografia non renda l'interfaccia confusa. In alcuni casi, va anche bene che lo sfondo diventi una parte molto dominante dell'esperienza - assicurati solo di ottenere ancora la "conversione" che stai cercando, qualunque essa sia.

Nella natura selvaggia

Windows Metro è senza dubbio uno degli esempi più piatti di Flat nella memoria recente. Eppure ha cose come questa.

Anche Google Material è piuttosto militante su Flat, ma le immagini di grandi dimensioni sono fondamentali per portare un po 'di umanità nella sua tavolozza luminosa.

IOS 7 di Apple è stato un tentativo frettoloso di recuperare il ritardo con Flatness. Nel bene o nel male, qualcuno ha fatto in modo che lo sfondo sfuocasse una metafora centrale del sistema, che è direttamente influenzato dalla fotografia bokeh.

Direi: Bokeh e bordi piatti (senza riempimento) funzionano bene. Ma dovresti limitare l'uso alle intestazioni e agli elementi in primo piano.

Aggiornamento (scusa, ero di fretta e ho dimenticato di incollare il resto della risposta):

Ad esempio, possiamo prendere la seguente intestazione:

Nonostante il forte bokeh, le linee sottili del logo + l'h non sono troppo aggressive e si adattano bene. Un riempimento non funzionerebbe bene (coprirebbe troppo della foto).

Un altro esempio: