Czy bokeh i płaska konstrukcja są kompatybilne?


9

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:

wprowadź opis zdjęcia tutaj


4
Witamy w GD.SE. Nie sądzę, żeby były jakieś twarde zasady.
joojaa

Haha, dziękuję za twój niesamowity komentarz: D Czy to szokuje, kiedy go widzisz?
Zooly,

W tym przypadku tak naprawdę nie działa w 100%, ale mówię, że to bardziej konkretne obrazy. Może pracować z lepszym połączeniem i zejściem z właściwego planu pierwszego. Nadal nie jest tak źle. (jeśli chodzi o więcej kolorów)
joojaa

Jasne, właśnie wziąłem pierwszy bokeh, jaki znalazłem, i pierwszy płaski kolor w mojej głowie ^^
Zooly

3
W większości jest to pytanie czysto subiektywne.
DA01

Odpowiedzi:


5

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ę.


Dziękujemy za pełną odpowiedź! Zgadzam się z tobą, potrzebowałbym argumentu, dlaczego używam tej kombinacji zamiast tylko płaskiej. I ... nie mam! Masz rację, po prostu uważam, że to ładnie wygląda. Pomyślałem, że wnosi dynamizm do mojej witryny (wzorzec One Page), ale muszę spróbować w rzeczywistych warunkach i, jak powiedziałeś, pomyśleć o różnych warstwach i wybierz idealne kolory, aby podkreślić informacje. Dziękuję za twój punkt widzenia;)
Zooly

@HugoTor Jak zauważa ta odpowiedź, tło bokeh może być złym pomysłem, jeśli używasz dużego zdjęcia bohatera. W takim przypadku dobrym uzasadnieniem dla tła bokeh może być, jeśli NIE używasz bohaterów i uważasz, że twój płaski projekt bez tła jest zbyt nijaki wizualnie. W takim przypadku może być dobrym zamiennikiem dla zdjęć na pierwszym planie, o ile zachowasz ostrożność w utrzymaniu kontrastu na pierwszym planie / w tle.
Rozpoznawanie

9

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.

Ekran Pogoda systemu Windows 8

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.

wprowadź opis zdjęcia tutaj

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.

wprowadź opis zdjęcia tutaj


1
To absolutnie znakomita odpowiedź.
Wyścigi lekkości na orbicie

1
Thx @LightnessRacesinOrbit! Myślę, że ten temat zasługuje na Demystifying (◠‿◠)
cywilu

Dzięki za wspaniałą odpowiedź. Zastanawiam się, czy jeśli dodam ulgę do mojego płaskiego elementu, aby je rozróżnić, stanie się czymś w rodzaju Material Design? Rzeczą, którą wolę (na tych przykładach) jest aplikacja Google: jest to jasne, ale piękne. Jeśli jest coś, czego nie lubię w płaskiej konstrukcji bez fotografii w tle, to jej prostota. Myślę, że dla użytkownika może być nudno widzieć tylko kwadrat i prostokąt.
Zooly,

1
Jesteś na dobrej drodze. Myślę, że ten sam problem dotyczy tego, co zespół iOS próbował rozwiązać za pomocą takich rzeczy, jak rozmycie tła. Niestety, skończyło się na bardziej chaotycznym i mniej użytecznym interfejsie. Przed tym ostrzegam.
zwykły ubranie

1

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: strzał dryblingu # 848287

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: z @KinaoleCanada

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.