Chciałbym wiedzieć, czy to jest prawidłowe, aby użyć stylu bokeh w tle i połączyć go z treścią Płaska konstrukcja?

Coś jak:

Bokeh i płaska konstrukcja z pewnością mogą się dobrze bawić. Często zdarza się, że płaski obraz jest używany z obrazami o podobnych właściwościach, takich jak subtelne tekstury lub fotografie o miękkim ustawieniu ostrości.

Ale należy zachować ostrożność, ponieważ niwelujesz idealnie ostre rozróżnienie pierwszego planu / tła, które zyskujesz dzięki płaskiej konstrukcji. Dotyczy to szczególnie bokeh z dużymi, potencjalnie przyciągającymi uwagę punktami.

• Część punktu płaskiej konstrukcji jest to, że jest to proste, czyste, czytelne i jasne, gdzie szukać. Musisz być ostrożny, aby żadne efekty bokeh tego nie złamały. Upewnij się, że jest subtelny i ma więcej białych znaków niż zwykle wokół elementów, które muszą się wyróżniać na pierwszym planie. W twoim przykładzie znajduje się odpowiednia ilość białych znaków.
• Musisz uważać, jak działają relacje kolorów. Płaska konstrukcja zwykle potrzebuje prostych i spójnych kolorów, które wyraźnie się wyróżniają , i musisz uważać, aby kolorowe tło bokeh nie zmniejszało tego. Na przykład w twoim przykładzie zmniejszyłem kontrast i nasycenie tła, aby pierwszy plan był wyraźniejszy i ostrzejszy, i uważaj, gdzie jasne plamy znajdują się w stosunku do treści (mając świadomość, że będziesz mieć nad tym ograniczoną kontrolę responsywny projekt).
• Dość powszechne jest oglądanie dużych zdjęć typu „splash” / „bohaterów” jako treści pierwszoplanowych używanych w płaskiej konstrukcji. Jeśli to robisz, musisz wziąć pod uwagę fakt, że nie będą one wyróżniać się tak ostro, jak na czystym płaskim tle. Ponownie, to dlatego, że lekko zamazujesz zwykle idealnie ostre rozróżnienie pierwszego planu / tła.
• Wszystkie dobre wzornictwo opiera się na funkcji nad formą - cel rzeczy ma pierwszeństwo przed ich estetyką - i właśnie o to chodzi w płaskiej konstrukcji. Upewnij się, że wiesz, dlaczego dodajesz bokeh dla tego konkretnego projektu i dlaczego warto drobnych kompromisów.
  • "Wygląda fajnie"? Nie wystarczająco dobre.
  • „Wydobywa charakterystyczne dla marki X cechy, które w przeciwnym razie zostałyby utracone”? Lepszy.

Z pewnością można go uruchomić, ale trzeba wziąć to pod uwagę.

Płaska konstrukcja nie jest religią

„Płaska konstrukcja” stała się mętna w ciągu ostatniego roku. Jest wielu projektantów, którzy utrzymują to jak jakiś dogmatyczny system standardów. Sukces projektowania materiałów (w mniejszym stopniu MS Metro) stworzył więcej wymyślonych twardych linii, które tak naprawdę nie istnieją.

Płaskie to, co robisz. Podstawową zasadą jest unikanie nadmiernego użycia cieniowania lub modelowania lub fałszywego wizualnego wyglądu, jak widzieliśmy przy groteskowym skeuomorfizmie Apple . Nie oznacza to, że znikają cienie, faktury, fotografia lub dekoracje. Nadal musisz zaprojektować swój interfejs.

Zrób to sam

W odpowiedzi na twoje pytanie: nie ma żadnych zasad dotyczących bokeh, fotografii z ostrością lub innych tekstur i obrazów tła w dowolnym stylu. To, jak interpretujesz wpływy stylistyczne, które wyróżniają markę. Powinieneś rozwijać nowy dialekt języka wizualnego, a nie mówić kogoś innego.

Większa uwaga, jak zauważyli inni, to użyteczność. Tylko upewnij się, że twoje zdjęcia nie powodują bałaganu w interfejsie. W niektórych przypadkach tło może stać się bardzo dominującą częścią doświadczenia - po prostu upewnij się, że nadal otrzymujesz „konwersję”, której szukasz, cokolwiek by to nie było.

W dziczy

Windows Metro jest prawdopodobnie jednym z najbardziej płaskich przykładów Flat w najnowszej pamięci. A jednak ma takie rzeczy.

Materiał Google jest również dość wojowniczy w stosunku do Flat, ale duże zdjęcia mają zasadnicze znaczenie dla przybliżenia ludzkości jej jasnej palety.

IOS 7 firmy Apple był pośpieszną próbą nadrobienia płaskości. Na dobre lub złe, ktoś tam uczynił rozmycie tła centralną metaforą systemu - na co ma bezpośredni wpływ fotografia bokeh.

Powiedziałbym: Bokeh i płaskie obramowania (bez wypełnienia) działają dobrze. Należy jednak ograniczyć użycie do nagłówków i wyróżnionych elementów.

Aktualizacja (przepraszam, spieszyłem się i zapomniałem wkleić resztę odpowiedzi):

Jako przykład możemy wziąć następujący nagłówek:

Pomimo silnego efektu bokeh cienkie linie logo + godziny nie są zbyt agresywne i dobrze pasują. Wypełnienie nie działałoby dobrze (obejmowałoby zbyt dużo zdjęcia).

Inny przykład: