Design Trend: Otevřené rozvržení konceptů

Pokud sledujete v televizních pořadech nějaké domácí zlepšení, nejopakovanější větou může být „rozložení otevřeného konceptu“. Věděli jste, že si můžete vytvořit cestu k rozvržení otevřených konceptů také v designu webových stránek? Tento trend designu je více než jen nápad na zlepšení domova.

Otevřené koncepty jsou zábavné a funkční vizuální vzory, které uživatelům pomáhají procházet vaše webové stránky a zároveň ovládat digitální nepořádek. Takto to provedete s 10 mini případovými studiemi a příklady!

Otevřete koncept primer

V domácím designu je rozvržení otevřeného konceptu takové, kde se více prostorů spojuje takovým způsobem, který má tok, který maximalizuje prostor z místnosti do místnosti, jako je jeden velký půdorys kuchyně a obývacího prostoru.

„Vizuální tok musí být pro uživatele zřejmý, takže vědí přesně, co mají dělat“

Ve webovém designu je koncept velmi stejný. Otevřené rozvržení koncepce vytváří vynikající tok mezi prvky jasným a vzdušným způsobem. Design maximalizuje využití bílého prostoru a používá jednoduché prvky se spoustou harmonie, rovnováhy a jednoduchého toku.

Použití barev může být tučně nebo efektivně a stránky mohou obsahovat krátký nebo dlouhý posuv.

Tato rozvržení často fungují nejlépe s podrobným plánem a tokem pro návrh, který končí jedinou výzvou k akci. Pokoušet se smíchat a sladit příliš mnoho prvků a kusů může mít za následek neuspořádaný design. Při práci s otevřeným trendem návrhu konceptu je důležité mít na paměti, že vizuální tok musí být pro uživatele zřejmý, aby věděli přesně, co s designem dělat a jak se s ním orientovat.

GrowX

GrowX používá skvělou kombinaci bílého prostoru, čistých obrázků a textu a zajímavou funkci s klenutým nadpisem pro míchání prvků v otevřeném prostoru.

Efekt vrstvení, který se zde používá u textu a obrázků, je běžnou technikou otevřených konceptů. Použití vrstev může pomoci uživatele přitáhnout z jednoho prvku k druhému a udržet vizuální tok v pohybu.

Varování s otevřenými koncepty je, že uživatelé se mohou ztratit v prostoru. Díky chytrému „triku“ a vrstveným prvkům uživatelé vědí, kde hledat na tomto webu.

NooFlow

Zatímco většina otevřených koncepčních nápadů vás okamžitě přemýšlí o bílém prostoru, který je ve skutečnosti bílý, NooFlow dokazuje, že barva může být stejně ohromující.

Design kombinuje prvky s vyváženým textem v porovnání s obrazovým designem v estetice téměř rozdělené obrazovky. To vše spojuje to, že zatímco je jasná, paleta barev je jednoduchá. Odstraněním dalších odstínů má otevřený design tok, který se zdá být jednoduchý a povzbuzuje uživatele k tomu, aby se návrhem pohybovali.

Otevřete Wear

Open Wear používá koncept s rozdělením na celou obrazovku, ale s orientovaným zobrazením, které uživatele posouvá směrem k obsahu.

Tento design vypadá ještě otevřenější díky volbě fotografií. Obsah, který se zde nachází, může na obrázcích vyvažovat bílé pozadí. Celkově se vizuální obrys cítí vzdušný a svěží, i když existuje mnoho prvků a vizuálních vstupních bodů.

Přemýšlejte o stejném designu s levou fotografií, která je většinou tmavá. Změnilo by to celý koncept a tok designu.

Brightscout

Brightscout vytváří tok diagonálním způsobem od loga a navigace k textovým prvkům k obrázku (nebo naopak, v závislosti na tom, kam vaše oko směřuje jako první).

Otevřená koncepce zde vypadá a funguje podobně jako půdorys domu pomocí stejnojmenné designové techniky. Existují odlišné vstupní body s imaginárními řádky, které uživateli říkají, kam má dál.

A výzva k akci je zvýrazněna velkým tlačítkem a barvou. Funkčnost je zřejmá a snadná.

Duotix

Přehnané využití prostoru je běžným tématem otevřených konceptů. Space říká uživateli, kde jedna věc končí a druhá začíná.

Duotix používá tento vzorec prostoru v návrhu k vytvoření vizuálního rozlišení mezi bloky obsahu, z nichž každý má své vlastní výzvy k akci. Dále se na svitku střídají bílé a barevné pozadí, aby se uživatel udržel v pohybu. (Tam přichází otevřený konceptový koncept.)

PopulárníPays

Díky posouvání paralaxou a jednoduchou animací a extrémními okraji, PopularPays, vytváří několik mezer pro obsah a zároveň vytváří funkčnost.

Obrázky a text jsou poutavé, zejména pokud jsou spárovány s animovanými efekty.

Co je na tomto designu příjemné, ukazuje, že různé trendy mohou pracovat ve shodě a vytvořit něco, co není ohromující, ale má výrazně moderní pocit. Vytváření designu s použitím několika trendů vyžaduje správný druh obsahu a obecně jednodušší plány obsahu fungují nejlépe.

Abel

Stejně jako některé další příklady, Abel vrstvy prvky, aby oko pohyboval od položky k položce. Co je příjemné na této verzi otevřeného koncepčního plánu je, že velká část prostoru je v horní části stránky s těžšími položkami níže.

Stejné vizuální téma pokračuje na posouvání s mezerami nad a pod prvky a vytváří oddělené prostory v návrhu otevřeného konceptu.

Tento příklad ukazuje, že ne všechny weby elektronického obchodování musí mít plný a nepřehledný pocit, aby byly efektivní.

Hampshire Light

Krása designu Hampshire Light spočívá v tom, že pro produkt domácího designu používá webové rozvržení s otevřeným konceptem. (Mluvte o trendech, které se pohybují od digitálního k fyzickému říši!)

To, co dělá tento design funguje, je využití asymetrického prostoru a jasné barvy. Vše o designu znamená otevřený a vzdušný pocit, od žlutých akcentů po průhlednou typografii přes obrázek až po otevřené logo „h“.

Dalším klíčovým detailem v tomto návrhu je přehnané řádkování. Lehčí písmo bez patek mohlo být riskantní volbou, ale díky krátkým řádkům textu a mezerám to přispívá k celkovému pocitu otevřeného konceptu designu.

Chodící muži

S jemnou animací, jemnou barvou a dostatkem prostoru vám Walking Men pomůže přimět vás myslet na vysoké stropy a možnosti. Struktura jednoduchého designu zahrnuje jeden prvek obsahu na stránce s zábavnou funkcí click-to-scroll.

Estetika je otevřená a konstantní a uživatel má pocit, že se pohybuje z vesmíru do vesmíru, i když stojí (teoreticky) v jednostránkovém formátu.

Crux

Crux by mohl ztělesnit otevřený koncept půdorysu mého domova s ​​nejtěžšími konstrukčními prvky tlačenými směrem ven.

Logo centra a výzva k akci jsou zřejmým ohniskem, takže ostatní prvky se nezdají být přeplněné nebo na místě. Navigace na spodní straně to vše spojuje dohromady jako plán druhů designu pera, který by mohl být pro některé uživatele trochu obtížný navigovat se svým téměř kulatým tvarem bez výrazných vstupních a výstupních bodů.

Závěr

Existuje velká šance, že do svých návrhů již možná začleňujete některé otevřené koncepty. Je to trend, který se vám líbí?

Otevřený koncept designu vidíme jako něco, co má určitou setrvačnou sílu, protože je zakořeněné v teorii designu. Rozložení, která dobře využívají prostor, nikdy nevyjde z módy (i když to, čemu říkáme, se časem mění).