Jednostránkové webové stránky jsou horké a populární - o tom nemají žádné pochyby. Ale nejsou pro každého nebo pro každou firmu. Je snadné je chtít, protože jsou populární; a pokud je to provedeno správně, vaše může být hit. Ale ujistěte se, že nejprve jste kvalifikovaní.

Dobrý kandidát na webovou stránku na jednu stránku není nadměrně náročný na obsah. Máte pouze jednu stránku, abyste získali svůj názor, a tam je jen tolik animací a triků, které můžete vložit do doby, než zůstanou zastaralé.

Navíc většina webových stránek je nekonvenční v jejich uspořádání. Snaží se hodit hodně obsahu na jednu stránku, aniž by vypadal přeplněný, je docela těžký.

Potenciální využití se liší, ale někteří z nejoblíbenějších kandidátů na jednostránkové webové stránky jsou osobní portfolia a webové stránky pro firmy, které prodávají jen několik výrobků nebo služeb.

Pokud se kvalifikujete, ujistěte se, že vaše webové stránky dosáhly značky. Vždy existují jisté věci, na které musíte postupovat při vytváření webových stránek, ale níže uvedené body jsou obzvláště důležité pro webové stránky s jednou stránkou.

1. Zůstaňte zaměřeni

Zajistěte vše pro posluchače co nejjednodušší. Je pravděpodobné, že pokud uvažujete o jednomístné webové stránky, pravděpodobně nemáte tónu obsahu. To je v pořádku. Někdy jsme pokoušeni přidávat na naše webové stránky hodně chmýří. Jednostránkové webové stránky nevyžadují žádné chmýří, protože jejich jediným účelem je dostat se k bodu. Pokud jste designér, který sestaví portfolio, prezentujte svou nejlepší práci; nenechte se rozptýlit mediostními projekty nebo bočním tričkem.

Odejděte své webové stránky z jakéhosi chmýří a dostaňte se do toho, co je důležité. Zatímco toto je dobrá strategie pro jakékoli webové stránky, většina vícestránkových webových stránek se může dostat pryč s trochou chmýří, protože uživatelé budou obvykle vědět, kde hledat informace, které chtějí. S jednopožičkami získáte jeden záběr a pokud informace, které někdo hledá, není tam, ztratíte je.


Není pochyb o tom, co tato internetová stránka prodává.


Toto portfolio se dostává až k bodu. A docela nádherný minimalistický design.

2. Uveďte uspořádání hierarchii

Spolu s udržením pozornosti návštěvníka by měla webové stránky o jedné stránce představovat váš produkt nebo službu. Pokud si myslíte, že se jedná o stránky na jedné straně, které jste narazili, pravděpodobně mají jedinečný účel, ať už představují návrhovou práci agentury, nebo vybudují zájem o nadcházející událost.

Skvělý design a zaměřené uspořádání může pomoci definovat účel vašeho webu. Vy, jako návrhář, máte sílu řídit návštěvníky oči, kam chcete, aby jeli. Lidé si přirozeně všimnou velkých věcí jako první a drobné věci jsou naposledy, takže je to prospěšné. Důležité věci by neměly být na stránce nejmenší ani poslední.

Tyto úvodní odstavce s velkým písmem se staly tak oblíbenými v portfoliu návrhářů, protože se dostanou k bodu rychle a zvukově atraktivní pro lidi, kteří hledají návrháře. Poslední věc, kterou pravděpodobně budete chtít vidět, je, od jaké školy jste absolvovali. Ale chcete vědět, na co se specializují a jakou práci dělají.

Opět máte pár drahocenných příležitostí k tomu, abyste dostali vaše poselství, takže to udělejte správně. Pokud zjistíte, že máte příliš mnoho obsahu, abyste to mohli udělat, zvažte možnost projít vícestranovou webovou stránku.


I když tato stránka dělá několik různých bodů, dokonce i v rámci této obrazovky, můžeme do značné míry říci, co je nejdůležitější.


Můžeme říci, co tato společnost dělá, ale vizuální hierarchie by mohla být lepší.

3. Vymazat navigaci

Některé stránky na jedné straně jsou statické stránky, jejichž navigace přenáší návštěvníky na externí webové stránky. Například hudebník může mít na své webové stránce možnost navigace označenou jako "Videa", která vás přenese na svůj účet YouTube. V tomto případě není nic špatného, ​​a dokonce to dělá věci snadné (zvláště pro nekódovače). Jediná věc je, že návštěvníci by měli vědět, kdy jsou směrováni na externí stránku.

Pokud vaše webové stránky na jedné stránce představují produkt a vaše nákupní odkaz odešle zákazníky na externí platební platformu, aniž by jim to oznámil, mohlo by dojít ke ztrátě některých prodejů.

Vaším cílem je udržet vše jednoduché. Přesměrování uživatelů na externí webové stránky bez varování může být matoucí. Mohou předpokládat, že je odkaz zlomený nebo nesprávný. Zvažte použití ikon (spousta volných je tam) nebo okruhů, které vám umožní návštěvníkům vědět, kam směřují.


Zde je, co ne. Odkazy nahoře vás vezmou mimo webové stránky bez varování. To mě opravdu hodilo.


Návrh a kódování této webové stránky jsou velmi neobvyklé. Odkazy na externí stránky se však vyznačují zelenými kruhy a jsou označeny jako takové.

4. Jdi design blázen

Nyní se dostaneme do zábavné části: pomocí webových stránek s jednou stránkou, které se budou prezentovat. Nechcete, aby webová stránka byla nudná nebo opakovaná, a tak jdi. Vezměte návrh na další úroveň a přemýšlejte mimo krabici. Neortodoxní design je v pořádku, aby upoutal pozornost na váš produkt a stal se nezapomenutelný.

Jedno pagery se stávají synonymem skvělého designu, protože s větším plátnem můžete dělat více. Nejste nuceni používat stejné pozadí všude; změníte je po částech. Procházení stránkami na jedné stránce je často jako ukládání papíru do časopisu nebo dobře sestavené prezentace. Využijte možnosti.

Vyrobte si design skvělý, ať už pomocí velkých obrázků, které překlenují celé okno prohlížeče, nebo vytvářejí skvělé ilustrované pozadí. Získáte bonusové body a nakonec se můžete dostat do webových prezentací.


Tento design je úchvatný, něco jako plakát. A zbytek webové stránky nezklame.


Čistota tohoto designu (a kód) je úžasná. Zastavuje a dívá se.

5. Přejít kódování blázen

Stejně jako v designu, chcete předvést své schopnosti kódování. Stránky s jednou stránkou by měly být vzájemně ovlivněny. Uživatelský zážitek je důležitý, takže věnujte pozornost detailům. Kód může přenést vaše webové stránky na další úroveň.

Některé věci, které je třeba věnovat pozornost, jsou barvy a chování vazeb (zejména selektor pohybu); vzhled a chování formulářů (například, aby formulář odpovídal návrhu a používal validátory AJAX a JavaScript); odeslání a chybové zprávy (používané s formuláři a některými AJAX); a mřížku a umístění obsahu (stejně jako chování obsahu v okně prohlížeče). Všechna tato opatření by měla odpovídat návrhu.


Příjemný jednoduchý způsob, jak dát kód pracovat na jedné stránce.


Možná jsem zkreslený, protože se mi líbí trik, kde se načítá obsah, ale pozornost na detail v kódu je neuvěřitelná všude kolem.

6. Pohybujte se

Kromě toho, abyste se postarali o podrobnosti o kódování, můžete pomocí kódu vytvořit nějaký pohyb a vzrušení na stránce. Opět se vyhněte tomu, aby bylo nudné. Dejte své stránce pocit života a pohybu; to vypadá, jako by se pohybovalo s návštěvníky. Přidejte zábavné animace nebo přechody, aby se stránka vynikla.

Jazyky jako jQuery a AJAX se staly standardem pro vytváření pohybu na webu. Ať už učiníte, že obsah vybledne z různých stran, nebo provedete prezentaci na pozadí, nechte publikum zapojeno.


Toto pozadí je animace. Nemám ponětí o tom, co je na webu, ale vypadá to čistě.


Přechody na této webové stránce jsou vynikající. Miluji tenhle!

Jaké další věci potřebují k tomu, aby se jednostránková stránka stala speciálním?