Ich möchte wissen, ob dies richtig ist, um einen Hintergrund-Bokeh-Stil zu verwenden und ihn mit einem inhaltlichen flachen Design zu kombinieren.

Etwas wie:

Bokeh und flaches Design können sicherlich gut spielen. Es ist nicht ungewöhnlich, dass flaches Design mit Bildern mit ähnlichen Eigenschaften wie subtilen Texturen oder Weichzeichnerfotos verwendet wird.

Aber es ist eine, mit der man vorsichtig sein muss, weil man die ansonsten perfekt scharfe Unterscheidung zwischen Vordergrund und Hintergrund trübt, die man mit einem flachen Design erhält. Dies gilt insbesondere für Bokeh mit seinen großen, möglicherweise aufmerksamkeitsstarken Stellen.

• Ein Teil des Punktes flach ausgebildet ist , dass es einfach, sauber, übersichtlich und klar , wo zu suchen. Sie sollten darauf achten, dass Bokeh-Effekte das nicht beeinträchtigen. Stellen Sie sicher, dass es subtil ist und noch mehr Leerzeichen als normalerweise um die Elemente hat, die als Vordergrund hervorstechen müssen. In Ihrem Beispiel gibt es ungefähr die richtige Menge an Leerzeichen.
• Sie müssen vorsichtig sein, wie die Farbbeziehungen funktionieren. Flaches Design benötigt in der Regel einfache und konsistente Farben, die deutlich hervorstechen , und Sie müssen darauf achten, dass der farbenfrohe Bokeh-Hintergrund dies nicht verringert. In Ihrem Beispiel würde ich beispielsweise den Kontrast und die Sättigung des Hintergrunds verringern, damit der Vordergrund klarer und schärfer wird, und darauf achten, wo die hellen Punkte im Verhältnis zum Inhalt sitzen (wobei Sie sich darüber im Klaren sind, dass Sie nur begrenzte Kontrolle darüber haben ein responsives Design).
• Es ist durchaus üblich, große Splash- / "Helden" -Fotografien mit klarem Fokus als Vordergrundinhalt zu sehen, der in flachem Design verwendet wird. Wenn Sie dies tun, müssen Sie die Tatsache berücksichtigen, dass diese nicht so scharf hervorstechen wie vor einem sauberen, flachen Hintergrund. Dies liegt wiederum daran, dass Sie die normalerweise perfekt scharfe Unterscheidung zwischen Vordergrund und Hintergrund leicht trüben.
• Jedes gute Design wird von der Funktion über die Form getrieben - der Zweck der Dinge steht vor ihrer Ästhetik - und bei flachem Design geht es darum. Stellen Sie sicher , dass Sie wissen, warum Sie das Bokeh für dieses spezielle Design hinzufügen und warum es die kleinen Kompromisse wert ist.
  • "Sieht gut aus"? Nicht gut genug.
  • "Bringt X Charakteristik der Marke hervor, die sonst verloren gehen würde"? Besser.

Es kann sicherlich zum Laufen gebracht werden, aber Sie müssen diese Dinge berücksichtigen.

Flaches Design ist keine Religion

"Flat Design" ist im letzten Jahr matschig geworden. Es gibt viele Designer, die es wie ein dogmatisches Standardsystem halten. Und der Erfolg des Materialdesigns (und in geringerem Maße der Metro von MS) hat zu imaginäreren harten Linien geführt, die es nicht wirklich gibt.

Flat ist das, was du daraus machst. Das zugrunde liegende Prinzip besteht darin, eine übermäßige Verwendung von Schattierungen oder Modellen oder ein künstliches visuelles Design zu vermeiden, wie wir es bei Apples groteskem Skeuomorphismus gesehen haben . Das bedeutet nicht, dass Schattierungen, Texturen, Fotografien oder Dekorationen jeglicher Art verschwinden. Sie müssen Ihre Schnittstelle noch entwerfen .

Mach es dir selbst

Antwort auf Ihre Frage: Es gibt keine Regel gegen Bokeh, fokussierte Fotografie oder andere Hintergrundtexturen und -bilder in einem beliebigen Designstil. So interpretieren Sie stilistische Einflüsse, die eine Marke auszeichnen. Sie sollten einen neuen Dialekt der visuellen Sprache entwickeln und nicht den eines anderen sprechen.

Die größere Überlegung ist, wie andere betont haben, die Benutzerfreundlichkeit. Stellen Sie nur sicher, dass Ihre Fotografie die Benutzeroberfläche nicht verwirrend macht. In einigen Fällen ist es sogar in Ordnung, dass der Hintergrund ein sehr dominanter Teil der Erfahrung wird - stellen Sie einfach sicher, dass Sie immer noch die "Konvertierung" erhalten, nach der Sie suchen, was auch immer das sein mag.

In der Wildnis

Windows Metro ist wohl eines der flachsten Beispiele für Flat in der jüngsten Vergangenheit. Und doch hat es solche Sachen.

Google Material ist auch in Bezug auf Flat ziemlich militant, aber große Bilder sind von zentraler Bedeutung, um etwas Menschlichkeit in die helle Palette zu bringen.

Apples iOS 7 war ein eiliger Versuch, die Flachheit einzuholen. Ob gut oder schlecht, jemand dort hat die Hintergrundunschärfe zu einer zentralen Metapher des Systems gemacht - die direkt von der Bokeh-Fotografie beeinflusst wird.

Ich würde sagen: Bokeh und flache Ränder (ohne Füllung) funktionieren gut. Sie sollten die Verwendung jedoch auf Überschriften und vorgestellte Elemente beschränken.

Update (Entschuldigung, ich war in Eile und habe vergessen, den Rest der Antwort einzufügen):

Als Beispiel können wir den folgenden Header nehmen:

Trotz des starken Bokehs sind die dünnen Linien des Logos + der Stunde nicht zu aggressiv und passen gut. Eine Füllung würde nicht gut funktionieren (sie würde zu viel des Fotos bedecken).

Ein anderes Beispiel: