vynikající design přitahuje nové diváky na vaše webové stránky a udržuje je zasnoubená s obsahem. Ale pokud nejste návrhář, výběr nejlepšího designu pro vaše webové stránky může být skličující úkol., V této příručce, budeme zkoumat 18 různých webových stránkách, nápady, spolu s kolekce real webové stránky můžete využít jako inspiraci,
18 website design nápady s reálnými příklady
Použití jednu stránku webové stránky
jeden-strana webové stránky udržuje všechny důležité informace o vaší společnosti na jedné stránce, takže uživatelé mohou naučit vše, co potřebují, aniž by byli nuceni přejít na různé části vašeho webu., Jedním z nejlepších způsobů, jak toho dosáhnout, je tím, že umístí všechny své informace na full-screen jezdec jako Galleon a kempu udělal:
nejdůležitější věc k zapamatování při práci s tímto typem designu je, že chcete, aby se zabránilo vypuzení stránky s příliš mnoho informací.,
How jak vytvořit jednostránkový web
nápady na design webových stránek pro video
Video obsah může být účinnou součástí jakéhokoli webu a je to obzvláště silný způsob, jak přivítat návštěvníky na domovské stránce. Jeden web, který používá videa i na jejich homepage je Kanadský Agorapulse stránky:
můžete si zvolit, aby se video snadno hratelné z domovské stránky, nebo dokonce nastavit automatickou hru, ale ujistěte se, že nechcete zvolit automatickou hru, pokud video obsahuje zvuk., Mnoho lidí dává přednost tichému procházení.
👉, Jak přidat video pro WordPress
Investovat v obrázku
Vlastní ilustrace jsou skvělý způsob, jak vytvořit jedinečný pocit vaší značky a poskytují návštěvníkům představu o tom, co pracuje s vaší společnosti bude cítit jako., Jeden web, který dělá to velmi dobře, je Sociální Media Examiner:
Jejich vlastní-ilustrovaný banner vyjadřuje Sociální Media Examiner je závazek k objevování nových aspektů sociální média a přátelský přístup k práci s klienty.
tato trasa se samozřejmě může prodražit, takže se chcete zaměřit na dvě nebo tři vlastní ilustrace pro hlavní stránku.,
zvýrazněte svou domovskou stránku animacemi
dalším skvělým způsobem, jak učinit svou domovskou stránku jedinečnou a udržet pozornost návštěvníků, je funkce vlastních animací. Ty mohou zaplnit celou stránku, nebo být použity jako akcent, jako by se na stránky pro Nejlepší Den Vůbec Vzdělávání:
Mějte své animace, jednoduchý a stručný, aby ubytovat návštěvníky krátký pozornost rozpětí. Možná budete také chtít zahrnout výzvu k akci do animace.,
Gamify vaše stránky
jedním z nejlepších způsobů, jak přesvědčit publikum, aby podniklo kroky na vašem webu, je dělat to zábavné. Zurb to udělal obzvláště dobře s webem, který se chová jako vybraná adventura, kde můžete zjistit, jak s nimi můžete pracovat.
můžete Si vytvořit svůj vlastní výběr-vaše-vlastní-dobrodružství webové stránky poměrně snadno, nebo vzít tuto strategii na další úroveň tím, že vytvoří své vlastní měny a odměňování uživatelů za konkrétní činy.,
Přidat popup
Popups může být jedním z nejvíce otravné marketingové taktiky na webu, ale jsou také jedním z nejvíce efektivní: v jednom experimentu jediného opt-in popup kreslil v 1,375% více účastníků. Nicméně, nechcete obtěžovat lidi s popups, než budou číst váš obsah, nejvíce efektivní čas pro popup se objeví, když se někdo pokusí opustit své webové stránky.,
Sociální Media Examiner to udělal velmi dobře, s více vyskakovacích oken, pomocí různých vizualizací a znění čerpat v nejvíce uživatelů je to možné:
👉 Jak přidat osobní vyskakovací okna na WordPress
Použít plnou velikost fotografie
Namísto pravidelného bílém pozadí, zvažte použití plné velikosti fotografie jako pozadí pro vaše domovské stránky., Ještě lepší, když na fotografii používá se tváří, jako pozadí Bluehost homepage:
To pomáhá lidem spojit se s vaší webové stránky, a vaše značka, na více osobní úrovni.
nápady pro návrh webových stránek pro elektronický obchod
prodáváte produkty online? Udělejte svou domovskou stránku součástí vašeho elektronického obchodu a povzbuzujte lidi, aby začali nakupovat ve chvíli, kdy vstoupí na váš web., Můžete vidět, tento nápad proveden opravdu dobře na Jeep Lidé stránky:
samozřejmě, pokud se rozhodnete pro tuto trasu můžete také chtít, aby se ujistil, že nejste dělat žádné společné eCommerce web design chyby.
How jak spustit internetový obchod
rozdělte svou domovskou stránku
máte několik různých produktů, služeb nebo jiných informací, které chcete sdílet na své domovské stránce? Zvažte jeho rozdělení na části s bloky, vertikálními děliči a bílým prostorem.,
Jeden web, který dělá to velmi dobře, je Etsy:
webové Stránky design nápady pro navigační menu
Plovoucí menu navigace držet se vaši návštěvníci, jak se posunout, takže je pro ně snadné se pohybovat do jiných částí své webové stránky kdykoliv., Mnoho webových stránek, přijaly toto navigační styl, aby se jejich návštěvníci život, včetně webových stránek menších firem, jako STEAMLabs:
můžete snadno přidat plovoucí navigační menu pomocí free Sticky Menu (Nebo Cokoliv) Na Scroll plugin.
zaměřte se na přístupnost
Chcete-li oslovit publikum se zrakovým postižením a poruchami mobility, musíte se zaměřit na budování přístupných webových stránek., Na KidzWish Foundation je skvělý příklad stránky postavené s accessibility-první přemýšlet:
můžete Si vytvořit svůj vlastní webové stránky více přístupné pomocí velké písmo a kontrastní barvy.
nápady na design webových stránek představující vaši komunitu
je váš web primárně domovem online komunity? Zvažte vytvoření fóra, chatovací místnosti nebo jiných primárních komunikačních prostředků na domovské stránce., Můžete vidět tuto myšlenku použít i na Barista Exchange:
samozřejmě, budete chtít ujistěte se, že vaše stránka je stále atraktivní. Přizpůsobte si domovskou stránku s přívětivými barvami a grafikou kreslit lidi.
Sdílejte svůj sociální důkaz
sociální důkaz je jedním z nejcennějších nápadů na design webových stránek ve vašem marketingovém panelu nástrojů., Funkce vaši nejlepší ohlasy viditelném místě na vaší domovské stránce, jak jsem to udělal na své vlastní webové stránky:
můžete znásobit sílu vašeho svědectví o práci je do grafiky a budování slider s těmi grafiky.
Přidat funkci chatu
chat box nebo vyskakovací okno na domovské stránce umožňuje návštěvníkům komunikovat s vaší značkou a získat základní odpovědi hned. Nejlepší ze všeho je, můžete použít WordPress chatbot automatizovat celý proces.,
Jeden web, který používá chatbot no je OptinMonster:
Zvažte váš bot pop-up v pravém dolním rohu, takže to nebude zasahovat do jiné použití domovské stránky.
How jak přidat live chat do WordPress
přidat kvízy s širokým odvolání
každý miluje zábavný kvíz, který testuje své znalosti nebo jim ukazuje něco o sobě. Pravděpodobně jste strávili alespoň několik hodin na Buzzfeed kvízy sami.,
dalším webem,který to dělá opravdu dobře, je web PlayBuzz, který se soustředí na kvízy ve stylu Buzzfeed.
můžete přidat kvízy, aby vaše vlastní stránky snadno s WordPress quiz plugin.
👉, Jak vytvořit kvíz na WordPress
Použití brutalist konstrukční principy
Brutalist web design je design zaměřen na syrové obsah, s malým ohledem na typický design úmluv., Můžete vidět tento princip efektivně použity na Obrys:
Tento princip nebude fungovat pro všechny značky, ale to může být velmi efektivní pro společnosti zaměřené na umění, kulturu mládež, nebo DIY kultury.
nápady na design webových stránek pro jedinečnou domovskou stránku s glitch art
glitch art používá digitální nebo analogové závady k vytvoření hyper futuristické estetiky. Některé z nejběžnějších technik používaných k vytvoření této estetiky jsou pixelace, úniky světla a Dvojitá expozice.,
Jeden web, který využívá glitch umění vytvořit silný estetický je Aktivní Teorie:
Použití černé a bílé palety
Někdy je nejlepší věc, kterou musíte udělat, je jít zpět k základům, a to je přesně to, co černá a bílá palety vám pomůže udělat., Jeden web, který dělá to velmi dobře, je marketingová agentura Councl:
můžete použít černé a bílé fotografie nebo ilustrace, aby dále přizpůsobit tento vzhled.
Vytvořit vaše webové stránky dnes
Pomocí webové stránky, designové nápady v této post, měli byste mít dostatek inspirace pro vaše vlastní webové stránky.,
Pro pomoc s tím, že máme také nějaké návody na technický proces tvorby webových stránek:
- Jak vytvořit webové stránky s WordPress
- Jak vytvořit blog s WordPress
- Jak vytvořit webové stránky s Wix