Prezentace webových stránek s jednou stránkou
Při navrhování webových stránek s minimálním počtem stránek a ne s množstvím obsahu může být jednostránkový design inovativním způsobem, jak vytvořit stránku od sebe.
Jednostránkové webové stránky často využívají JavaScript a Flash, spolu s HTML a CSS, aby se vešly více obsahu na stránku bez podstatného zvýšení doby načítání.
Navigace musí být věnována zvláštní pozornost, pokud jde o stránky s jednou stránkou, aby se zajistilo, že se návštěvníci dostanou bez problémů zpět do domovské části stránky a přejdou z jedné části do jiné části. To je často dosaženo pomocí lepivých záhlaví nebo opakováním navigace v každé sekci.
Níže uvedené stránky jsou vynikajícími příklady webových stránek s jednou stránkou. Oba jsou využitelné a esteticky příjemné a plně využívají formátu jedné strany.
Roaaar
Webové stránky Roaaar obsahují odkaz "návrat na začátek" v dolní části každé sekce, což usnadňuje návštěvníkům návrat k navigaci v hlavičce.
Duplos Ricardo Mestre
Stránka Duplos má jiný přístup a hlavní obsah je umístěn v dolní části stránky. Navigace vás vede dále nahoru, než dolů.
Grzegorz Kozak
Motiv majáku tady běží po celé délce stránky a jde z vesmíru dolů na úroveň země. Bannery visící z oken na majáku vás vrátí k horní části stránky, kde je navigace.
Kaleidoskop
Stránka Kaleidoscope používá různé pozadí a textury pozadí za každou částí webu. To rozlišuje každou oblast obsahu od každé jiné oblasti obsahu.
Dan Scotton
Krátké stránky, jako je tento s minimálním obsahem, fungují zvláště dobře. Navigace zůstane v postranním pruhu, když posouváte stránku dolů.
Viktor Shvaiko
Tato stránka používá horizontální posuvník pro načtení nového obsahu, který se přesunuje jiným obsahem, aby se dostal na stránku, na kterou jste navigovali. Navigační panel zůstane nahoře bez ohledu na to, na které stránce jste.
Jon Rundle
Jednoduché stránky osobního profilu, jako je tento, jsou dokonale přizpůsobeny jednostránkovému designu. Ikony a barevné akcenty přinášejí trochu vizuální zájem o design, který je jinak velmi neutrální.
Jason Reed
Použití akordeonového efektu k zobrazení nového obsahu funguje dobře, když obsah není příliš dlouhý. Zobrazený obrázek záhlaví a šedá a oranžová barevná schéma dělají, že stránka vyniká.
Tweet CC
Použitím textur a jednoduchých ilustrací je stránka Tweet CC vizuálně přitažlivá, zatímco je také jednoduchá s monochromatickým barevným schématem.
Rozvržení PSD
Stránky nabízející přímočaré služby mohou pracovat obzvláště dobře ve formátu jedné stránky. Neexistuje příliš mnoho informací, které by bylo možné nabídnout a uchovat si je na jedné stránce, což usnadní potenciálním zákazníkům rychle najít to, co potřebují.
Feelwire
Místo Feelwire udržuje věci jednoduše a nabízí další informace s popisem nápovědy. Bílé pozadí ji udržuje minimalistické a tučné ikony přinášejí vizuální zájem.
Hot Meteor
Stránka Hot Meteor používá typograficky zaměřený, šedý a červený design. Záhlaví je lepicí, takže navigace zůstane v horní části stránky.
Mia Makila
Místo Mia Makila se trochu liší od většiny ostatních míst, které jsou zde zahrnuty, a to pomocí tradičního 3-sloupkového designu. JavaScript se používá k zobrazení kresby v každé kategorii.
Costas Theoharis
Tato stránka využívá zajímavý efekt posuvníku, přičemž každá sekce (záhlaví, hlavní obsah a zápatí) se posunují odděleně od sebe.
Javan Makhmali
Zde použitý mřížkový obrazec není vidět příliš často v jednostránkových provedeních. Ale s velkým množstvím bílého prostoru, funguje to dobře, aby obsahovalo hodně odlišného obsahu ve velice efektivním designu.
Tým Nomad
Návrh je zde jednoduchý a přímočarý a 2-sloupový design funguje dobře, aby se vešel na větší obsah na stránce, aniž by to vypadalo těžké.
Jorge Fino
Místo Jorge Fina se soustředí výhradně na návrhy. Navigace neexistuje (kromě posouvání) a kontaktní informace jsou obsaženy v záhlaví i zápatí.
Moly Yim
Zde je další web bez navigace. Je to stále v rozumné délce, takže to není problém.
Justin Tsang
Navigace je trochu odlišná. Spíše než včetně tlačítek, která vás vezou zpět nahoru, nebo navigace na každé obrazovce, vedle každé oblasti projektu a oblasti obsahu jsou tlačítka umístěna nahoru nebo dolů na jednu obrazovku. V horní části je také navigační panel, který přeskočí do každé hlavní části.
Mogulista
Dočasné webové stránky jsou skvělé chvíle, kdy můžete používat stránky s jednou stránkou. Tato stránka používá JavaScript k načtení nového obsahu pro každou "stránku" na webu.
Chirag Solanki
Navigace na tomto webu kombinuje jak hlavní navigaci, tak odkazy na konci každé sekce, aby návštěvníci vrátili do horní části stránky. Ilustrovaná doodle propojují každou část a poskytují pocit souvislosti s celou stránkou.
Studia Deluge
Rozložení stránky Deluge Studios je jedním z nejvíce unikátních. Dva sloupce poskytují pět oblastí obsahu, které jsou všechny propojeny z horní navigace. Součástí hlavního obsahu v menším sloupci "postranního panelu" je stránka výrazně kratší.
Stage 5 Studio
Stránka Stage 5 Studio je krátká, bez navigace. Odkazy "Další informace" zobrazují další informace o každém projektu, zatímco jiný obsah je uložen v "postranním panelu".
SmartCube
Stránka SmartCube používá k lepení navigace na obrazovce po celou dobu. Používá také kombinaci uspořádání 1- a 2 sloupce, v závislosti na obsahu.
Eclectique vzory
Části obsahu jsou zde odlišeny jedinečnými texturami na pozadí. Typografie po celé stránce strhává vše a JavaScript je používán k zobrazení dalších produktů, aniž by šlo o větší prostor.
Tajemství uvnitř aplikace iPhone
Jedná se o jednu z dlouhých webových stránek s jedním obsahem. Používá s navigací slepené záhlaví, aby bylo snadné se dostat z jedné části do jiné.
Zabij únik
Udržování charitativního místa, jako je tento, krátké a do té míry, je téměř jisté, že zvýší počet darů, které přicházejí. Tučná typografie, grafické obrázky a zařazení dárcovského formuláře dole fungují dokonale dohromady.
Emily Whitesmithová
Zde je další web, který vás zahajuje v dolní části stránky. Kliknutím na odkaz "zjistit více" stránku posouváte do oblasti portfolia. Modální okna tam poskytují zblízka každé tkaniny.
Leták
Webové stránky aplikací jsou vhodné pro návrhy jednotlivých stránek, neboť často mají omezený obsah a pouze snímek obrazovky nebo dva obrázky.
Hayley Smith
Zde je další velmi dlouhá stránka. Navigace se opakuje v horní části každé sekce a logo se posouvá dolů po stránce.
Conway Anderson
Stránka Conway Anderson používá kombinaci posuvníků (informace a informace o kontaktech) a modálních oken (pro práci) k zobrazení obsahu. Jednoduchý design založený na mřížce a monochromatická barevná schéma umožňují snadné a moderní vzhled.
Daniel Moir
Stránka společnosti Daniel Moir je jednoduchá s minimálním obsahem a bez navigace. Návrh s 2 sloupci organizuje různé typy obsahu na webu a udržuje jej kratší.
Latte za den
Webové stránky před spuštěním jsou velmi vhodné pro návrhy jednotlivých stránek, jak je znázorněno zde. Není dostatek obsahu k ospravedlnění vícestránkového webu.
Trh s úly
Zde je další delší stránky na jednu stránku. Jasné žluté pozadí a ilustrace včel spojují celé stránky dohromady a navigace se opakuje v horní části každé sekce.
Rubidin
Stránka Rubidine používá lepicí hlavičku s průhledným pozadím, které se mísí s každou jednotlivou sekcí obsahu.
Jakub Szymanski
Tato stránka používá JavaScript k načtení nového obsahu a posouvání stránky. Za domovskou "stránku" se zobrazí odkaz "návrat na začátek".
Tyler Termini
Webové stránky společnosti Tyler Termini jsou krátké a navigace je pouze v záhlaví. Vzhledem k tomu, že to není příliš dlouhá stránka, není skutečně problém se muset vrátit zpět nahoru (nebo prostě procházet každou sekcí bez použití navigace vůbec).
Josh Sender
Barevná schéma ve stupních šedi vypadá skvěle. Zobrazená práce při přejíždění přechází do plné barvy a při kliknutí na modré okno se otevře s větším rozsahem.
Napsáno a kompilováno výhradně pro WDD Cameron Chapman .
Co se vám nejvíce líbí o jednomístných webových stránkách? Máte nějaké oblíbené položky, které zde nebyly uvedeny? Podělte se prosím o níže uvedené komentáře ...