Trend projektowania: otwarte układy koncepcyjne

Jeśli oglądasz w telewizji jakiekolwiek programy z zakresu poprawy domu, najczęściej powtarzanym wyrażeniem może być „układ otwartej koncepcji”. Czy wiesz, że możesz również samodzielnie zaprojektować układ strony w otwartym projekcie? Ten trend projektowy to coś więcej niż tylko pomysł na ulepszenie domu.

Otwarte koncepcje to zabawny i funkcjonalny wizualny wzorzec, który może pomóc użytkownikom poruszać się po Twojej witrynie, kontrolując jednocześnie cyfrowy bałagan. Oto jak to robisz z 10 mini studiami przypadków i przykładami!

Open Concept Primer

W projektowaniu domu otwarty układ koncepcyjny to taki, w którym wiele przestrzeni łączy się w sposób zapewniający przepływ, który maksymalizuje przestrzeń z pokoju do pokoju, na przykład jeden duży plan piętra dla kuchni i przestrzeni życiowej.

„Przepływ wizualny musi być oczywisty dla użytkowników, aby wiedzieli dokładnie, co robić”

W projektowaniu stron internetowych koncepcja jest prawie taka sama. Otwarty układ koncepcji zapewnia doskonały przepływ między elementami w jasny i przestronny sposób. Projekt maksymalizuje wykorzystanie białej przestrzeni i wykorzystuje proste elementy z dużą ilością harmonii, równowagi i prostego przepływu.

Użycie koloru może być pogrubione lub usprawnione, a strony mogą zawierać krótkie lub długie przewijanie.

Te układy często najlepiej działają ze szczegółowym planem i przepływem dla projektu, który kończy się pojedynczym wezwaniem do działania. Próba mieszania i dopasowywania zbyt wielu elementów i elementów może spowodować pomieszanie projektu. Kluczową rzeczą, o której należy pamiętać podczas pracy z otwartym trendem projektowania koncepcji jest to, że przepływ wizualny musi być oczywisty dla użytkowników, aby wiedzieli dokładnie, co zrobić z projektem i jak nim nawigować.

GrowX

GrowX używa doskonałej kombinacji białych znaków, czystych obrazów i tekstu oraz ciekawej funkcji z łukowatym nagłówkiem do mieszania elementów na otwartej przestrzeni.

Efekt warstwowy stosowany tutaj w tekście i obrazach jest powszechną techniką w przypadku otwartych projektów koncepcyjnych. Używanie warstw może pomóc w narysowaniu użytkownika od jednego elementu do drugiego i utrzymaniu ruchu wizualnego w ruchu.

Uwaga przy otwartych projektach koncepcyjnych polega na tym, że użytkownicy mogą zgubić się w przestrzeni. Dzięki sprytnemu „trickowi” i warstwowym elementom użytkownicy wiedzą, gdzie szukać na tej stronie.

NooFlow

Podczas gdy większość otwartych pomysłów koncepcyjnych od razu myśli o białej przestrzeni, która w rzeczywistości jest biała, NooFlow udowadnia, że ​​kolor może być równie oszałamiający.

Projekt łączy elementy ze zrównoważonym tekstem z obrazem w prawie estetycznym podzielonym ekranie. To, co łączy to wszystko, to fakt, że paleta kolorów jest jasna, ale prosta. Eliminując inne odcienie, otwarta konstrukcja ma prosty przepływ i zachęca użytkowników do poruszania się po projekcie.

Open Wear

Open Wear wykorzystuje koncepcję pełnego ekranu podzielonego, ale z kierunkowymi obrazami, które popychają użytkowników w kierunku treści.

Ten projekt wygląda jeszcze bardziej otwarty dzięki wyborom zdjęć. Zawartość tutaj nadaje się do dużej ilości bieli na obrazach, które równoważą białe tło. Ogólnie zarys wizualny wydaje się przewiewny i świeży, mimo że istnieje wiele elementów i wizualnych punktów wejścia.

Pomyśl o tym samym projekcie z lewym zdjęciem, które jest w większości ciemne. Zmieniłoby to całą koncepcję i przebieg projektu.

Brightscout

Brightscout tworzy przepływ po przekątnej od logo i nawigacji, elementów tekstowych do obrazu (lub odwrotnie, w zależności od tego, gdzie twoje oko jest pierwsze).

Otwarta koncepcja tutaj wygląda i działa podobnie jak plan domu przy użyciu techniki projektowania o tej samej nazwie. Istnieją wyraźne punkty wejścia z fikcyjnymi liniami, które informują użytkownika, co dalej.

Wezwanie do działania jest podkreślone dużym przyciskiem i kolorem. Funkcjonalność jest oczywista i łatwa.

Duotix

Przesadne wykorzystanie przestrzeni jest częstym tematem, jeśli chodzi o otwarte koncepcje. Spacja informuje użytkownika, gdzie kończy się jedna rzecz, a druga zaczyna.

Duotix wykorzystuje ten wzór przestrzeni w całym projekcie, aby stworzyć wizualne rozróżnienie między blokami treści, z których każdy ma własne wezwania do działania. Ponadto na przewijaniu białe i kolorowe tła są wyświetlane naprzemiennie, aby pomóc użytkownikowi poruszać się. (Właśnie tam pojawia się otwarty przepływ koncepcji.)

PopularPays

Dzięki przewijaniu paralaksy, prostej animacji i ekstremalnym marginesom PopularPays tworzy wiele przestrzeni dla treści, jednocześnie ustanawiając funkcjonalność.

Obrazy i tekst są wciągające, szczególnie w połączeniu z efektami animowanymi.

Co jest miłego w tym projekcie, to pokazuje, że wiele trendów może współpracować, tworząc coś, co nie jest przytłaczające, ale ma wyraźnie nowoczesny charakter. Potrzeba odpowiedniego rodzaju treści, aby wykonać projekt z wykorzystaniem wielu trendów, i na ogół najlepiej działają prostsze plany zawartości.

Abel

Podobnie jak niektóre inne przykłady, Abel nakłada elementy, aby oko poruszało się między przedmiotami. Zaletą tej wersji otwartego planu koncepcyjnego jest to, że znaczna część miejsca znajduje się na górze strony, a poniżej znajdują się cięższe przedmioty.

Ten sam motyw wizualny jest kontynuowany na zwoju z przestrzenią nad i pod elementami, aby stworzyć osobne przestrzenie w otwartym projekcie koncepcyjnym.

Ten przykład pokazuje, że nie wszystkie witryny e-commerce muszą być pełne i zaśmiecone, aby były skuteczne.

Hampshire Light

Piękno projektu Hampshire Light polega na tym, że wykorzystuje on otwarty układ sieciowy dla produktu do projektowania domu. (Porozmawiaj o trendach, które przenoszą się ze świata cyfrowego do świata fizycznego!)

To, co sprawia, że ​​ten projekt działa, to wykorzystanie asymetrycznej przestrzeni i jasnego koloru. Wszystko w projekcie oznacza wrażenie otwartości i przestronności, od żółtych akcentów, przez przezroczystą typografię nad obrazem po otwarte logo „h”.

Kolejnym kluczowym szczegółem w tym projekcie jest nadmierne odstępy między wierszami. Lżejszy krój pisma bezszeryfowego mógł być ryzykownym wyborem, ale dzięki krótkim wierszom tekstu i odstępom przyczynia się do ogólnego wrażenia otwartego projektu koncepcyjnego.

Walking Men

Dzięki subtelnej animacji, delikatnemu kolorowi i dużej przestrzeni, Walking Men może sprawić, że pomyślisz o wysokich sufitach i możliwościach. Prosta struktura projektu zawiera jeden element treści na stronę z zabawną funkcją przewijania.

Estetyka jest otwarta i stała, a użytkownik ma wrażenie poruszania się z przestrzeni do przestrzeni, nawet jeśli stoi (teoretycznie) w formacie jednostronicowym.

Sedno sprawy

Crux może być ucieleśnieniem otwartego planu koncepcyjnego mojego domu, z najcięższymi elementami wystającymi popchniętymi w kierunku zewnętrznych krawędzi.

Centralne logo i wezwanie do działania stanowi oczywisty punkt centralny, dzięki czemu pozostałe elementy nie wydają się zagracone lub nie na miejscu. Nawigacja w dół strony łączy to wszystko jako mapę drogową dla projektu pióra, która może być nieco trudna dla niektórych użytkowników do nawigacji z prawie okrągłym kształtem bez wyraźnych punktów wejścia lub wyjścia.

Wniosek

Istnieje duża szansa, że ​​możesz już włączyć do swoich projektów kilka otwartych koncepcji. Czy to trend, który lubisz?

Uważamy, że trend projektowania otwartego jest czymś, co pozostawia pewną siłę, ponieważ jest zakorzeniony w teorii projektowania. Układy, które dobrze wykorzystują przestrzeń, nigdy nie wyjdą z mody (nawet jeśli to, co nazywamy, zmienia się z czasem).