Vytvoření webové stránky pro vaše podnikání může být velkou výzvou, je to velký tlak navrhnout nejlepší obraz vaší firmy, digitálně. Ber to jako „virtuální průčelí“, kde domovská stránka je přední dveře. Chcete, aby vaše webové stránky byly dostatečně esteticky příjemné, aby je pozvaly a přitažlivý webový design vám to pomůže., Zde jsme shromáždili nějakou skvělou inspiraci pro webový design, abychom vás mohli začít na pravé noze a získat ty nápady na web design.
ale pro efektivní web design existuje více než jen to. Pojďme se podívat na základy toho, co dělá dobrý web, než se podíváme na některé skvělé nápady na design webových stránek.
co dělá dobrý web?-
efektivní a vyvíjející se design
už jste někdy klikli na web a okamžitě jste se ztratili v nepořádku tlačítek, textu a odkazů? Dojem, který vaše webové stránky vytváří, přímo odráží kompetenci vašeho podnikání., Dobře navržená stránka je důležitá pro budování důvěry a komunikaci hodnoty potenciálním zákazníkům.
při navrhování je tedy nejlepší vždy mít na paměti uživatelský zážitek; prvky jako přesvědčivé rozvržení, mezery, vynikající kopie a promyšlený průvodce stylem půjdou daleko v popadnutí a udržení pozornosti zákazníků. Dobrá rovnováha ve webdesignu podporuje dobré zkušenosti pro vaše zákazníky.,
Co je více, citlivý design je klíč: bez ohledu na to, uživatel je velikost obrazovky, platformu nebo orientace, skvělý citlivý webové stránky poskytuje jim optimální zážitek, pokaždé., Pravidelné, důkladné výzkum trhu vám pomůže, aby se důsledně přizpůsobit a vyvíjet své webové stránky, aby odpovídala měnícím se potřebám vašich zákazníků—pamatujte si, že digitální design se neustále rozšiřuje, a tak by měly vaše webové stránky.
komunikace identity vaší značky
váš web hraje klíčovou roli při vytváření konzistentní identity značky. Vaše logo, slogan, značkové snímky a hodnoty by měly být zřejmé prostřednictvím zasílání zpráv na každé stránce webu. Kumulativně by vaše stránky měly jasně odpovědět na „kdo“ a “ co “ vaše značka je/dělá, aby ji návštěvníci dostali během několika sekund!,
Apelovat na své publikum
nejdůležitější součástí budování značky a webové stránky je udržet vaše cílové publikum v mysli. Všechny možnosti designu je třeba odpovědět, jak můžete nejlépe sloužit jim a vytvořit pozitivní, nezapomenutelný a jedinečný zážitek pro ně. Bez toho se nebudete moci postavit vedle konkurentů., Používejte jazyk a obrázky, které se na ně budou líbit a odrážejí hodnoty, se kterými se mohou vztahovat.
se Zaměřením na hodnoty
Když návštěvník přijde na vaše stránky, je třeba přimět je, aby držet kolem. Domovská stránka je nejlepším místem, kde můžete přibít svou hodnotovou nabídku, aby se potenciální zákazníci rozhodli zůstat na vašem webu a ne navigovat k vašim konkurentům., Tím, že nabízí kvalitní služby / produkt a pomocí výše uvedených tipů, převedete ty, kteří jsou“ jen procházení “ na zákazníky!
Náš oblíbený web design myšlenky—
S těmi body v mysli, pojďme začít na pravou nohu s kolo-up z našich oblíbených, aktuální web design, aby se vaše inspirace proudí., Při kontrole níže uvedených témat zvažte identitu vaší značky a cílové publikum, abyste zjistili, jaká témata nebo trendy mohou být pro správné lidi nejpřesvědčivější.
získání útulné barvy
krásný způsob, jak přivítat návštěvníky vašich webových stránek a pozvat je, aby zůstali na chvíli, je použití barevných schémat, které jsou na očích snadné, jako neutrály nebo pastely, které přirozeně ovlivňují klid a relaxaci. Přírodní zelení, pastel blues, teplé hnědé, světle růžové, chladné šedé a pískové tóny patří mezi ty barvy, které jsou méně prudké komunikovat s než kontrast čistě černé nebo čistě bílé.,
neutrální pozadí umožňuje, aby jasnější nebo kontrastní popředí vyniklo, jemně. Upozorňuje uživatele na bity, které chcete (takže vaše značkové vizuály nebo produkty atd.)) a zároveň je vede k výzvám k akci a dalším tlačítkům.,
This theme in web design is perfect for eco friendly or „self care” businesses, like independent skin care brands or sustainable fashion labels., Je to také skvělá volba pro průmyslová odvětví, která by chtěla uklidnit nebo uklidnit své zákazníky, jako v oblasti financí nebo nemovitostí, takže se podívejte na níže uvedené návrhy, abyste získali nějaké nápady.
Ilustrace, které se objeví
pokud metafor jde, existuje spousta silnic, které můžete prozkoumat., Digitální nebo filmová fotografie, AR zážitky nebo video, ručně kreslené ilustrace nebo animace, abstraktní umění nebo sochařské Zátiší vizuály … seznam pokračuje.
Existuje mnoho způsobů, jak vydělat ilustrace pop. Níže jsme shromáždili několik úžasných příkladů pro zvláště působivou techniku, která se v současném digitálním designu stále prudce vyvíjí: neumorfismus., Zkratka pro „nové skeumorphism“, tento styl výtvarného projevu využívá real-life obrazy a zjednodušené, ploché, určené ikony, ale s novým a vylepšeným 3D-jako grafika. Efekt není zcela fotorealistický, ale hmatatelnější a poutavější, zachycující paradoxní věk minimalistického realismu.
skvěle neumorphic estetické může být dosaženo pomocí selektivní stíny, které jsou překryté s semi ploché barvy, připomínající digitální reliéf nebo debossing s oko-odprýskávání výsledek., Tento design je skvělý pro prvky, jako jsou tlačítka, vyhledávací lišty a textová pole, ale také ikony nebo funkce produktu a funguje dobře pro weby, které podporují citlivý design.,v>
Feeling animated?,
není divu, že mávající nafukovací trubka je reklamní sponkou. Jeho úspěch vychází ze skutečnosti, že pohyb přitahuje pozornost. A čím více pozornosti můžete čerpat, tím pravděpodobnější zákazníci budou reagovat.
v Poslední době, technologický pokrok a pomalý posun od přísné minimalismu režíroval značek, aby prozkoumala digitální design prostřednictvím více interaktivní přístup. Z jemné animace pro zametání přechody stránek, téměř ohromující vrstvení médií a pohybu, tento pohyb má za cíl zbavit web design nějaké „statické“ pocit.,
Animované přechody pro obchod design by Adencys přes Dribbble
Parallax website animace se zvířaty, které Minh Pham přes Dribbble
Jedním ze způsobů, jak zahrnout animace je tím, že poskytuje vizuální zpětnou vazbu pro uživatele je interakce s webem. Rolování je jedním z nejvíce jemné formy interakce, a jako takový, webové designéry se najít jedinečné způsoby, jak zvýšit vizuální zpětnou vazbu uživatelů, z vícerozměrné přechody stránek, animované ilustrace.,
Pokud hledáte něco ještě inovativnějšího, podívejte se na parallax animations. S web animace návrháři schopnost samostatné prvky stránky do popředí a pozadí, extrémy, mohou vytvořit paralaxy efekt: optický klam, v němž objekty v blízkosti k divákovi se pohybují rychleji, než objekty vzdálenější.
Tyto webové nápady designu poskytují skvělý nástroj pro ecommerce weby, kteří chtějí předvést funkce více produktů, vedení uživatelů z galerií, aby jednotlivé pohledy na produkt., Je to také opravdu zábavná strategie pro vzdělávací webové stránky, které doufají, že přilákají děti na své stránky.
Barva mě electric
kouzlo živých barev je něco, co nestárne, ale způsobů, jak můžete prozkoumat nich je neustále rozšiřován na., Pokud je vaše značka špičková a leží v průmyslu, jako je technologie nebo média, splash planoucí barvy by mohlo být právě to, co potřebujete. Energický, umělecké nebo open-smýšlející publikum bych zejména ocenit a připojit se k takové jistý výběr barev. Jedním z jednoduchých, ale účinných způsobů vyjádření kreativity prostřednictvím barvy je sloučení a zesílení různých odstínů do gradientů.,
Přechody jsou krásný a snadný způsob, jak aplikovat barvy, energii a pohyb do vašich návrhů. Tvoří pohlcující estetiku a mohou být rozšířeny pomocí 3D barev, které jsou prováděny jemným stínováním, aby designové prvky získaly zaoblený pocit. S vydáním Apple Big Sur OS můžeme očekávat, že uvidíme více nasycených barev, které se cítí trojrozměrné ve webovém designu.,
je To opravdu univerzální, vizuální efekt, který můžete použít super jemně změkčit a snadné uživatelské zkušenosti pro své spotřebitele; nebo můžete použít poměrně dramaticky v kontrastní neony proti tmavé módy vytvořit opravdu nezapomenutelný, energické atmosféry. Přechody samy o sobě jsou návratem do doby raného internetu a digitálního designu, což znamená, že jsou opravdu skvělé pro míchání nostalgie nebo určitých retro stylů se současným webovým designem.,>
Thinking abstractly
Getting creative with geometric patterns and abstract shapes is a great alternative to using photography in digital design., V závislosti na odvětví, ve kterém se vaše firma nachází, má potenciál odvrátit se od svých konkurentů a vyhnout se předvídatelným rozvržením a zobrazením akcií.
Abstraktní motivy, vyjádřené v různých formách na celém webu, vytvořit celkovou náladu pro vaše webové stránky a značky. Taková grafika přinést zaměření na klíčový produkt nebo Cta, rovnováha v multi-produkt galerie rozvržení a vytvořit věrohodnou identitu značky připraveni spojit se s vaším publikum emocionálně.,
Jednoduché tvary, jako jsou čtverce a kruhy mohou vyvinout v komplexní, rozlehlé kompozice dává zajímavý, inovativní vibrace na vaše webové stránky! I bez známých lidských tváří mohou abstraktní prvky stále vyvolávat emoce a výsledkem je sbírka webových stránek, které se cítí expresivní a umělecké.,
Startech by měl zvážit tento web nápad, protože je to skvělý způsob, jak zaměřit pozornost na výrobku, jeho funkčnost a značky jsou autentické, promyšlené a dopředu-myšlení identity. Ve skutečnosti Tristan Le Breton, kreativní ředitel zde na 99designs, předpovídá, že“v roce 2021 budou abstraktní umělecké prvky použity jako alternativa k fotografii ve webdesignu pro startupy, technologické produkty a aplikace“.,
Řekni jim, kam jít
Tradičně, vaše webové stránky domovskou stránku, nabízí své nejnovější nabídku produktů nebo organizace je poslání, ale co když navigačního menu byl hlavní událostí? Použití navigační nabídky je téměř vždy dalším krokem pro každého zákazníka, tak proč nezměnit nabídku na vizuální přitažlivost!
Snadná navigace prostřednictvím vašeho webu, zatímco je vizuálně zajímavější, vytváří pro vaše zákazníky lepší uživatelský zážitek., Nezapomeňte začlenit správné prvky vaší identity značky, řekněte vybrané barvy a písma. Jedná se o jedinečnou strategii pro podniky elektronického obchodu a zábavnou volbu pro umělecká portfolia nebo organizace s několika specifickými CTA.,ite design with animation elements by Maria Borysova via Dribbble
Vintage vibes
Vintage web design brings nostalgia, warmth and familiarity to the internet, a place that often feels so cold and „digital.,“Staromódní písma, vybledlé textury a skeuomorfy pomáhají vyvolat tyto emoce. Pokud klienti hledají obeznámenost a spolehlivost v podnikání—například, pokud jste řemeslné baker, filmu fotograf, obrazovky, tiskárny nebo vintage oblečení značky než klasický web design, můžete dát svým zákazníkům pocit pohodlí.
Podívejte se na Textilschmiede obrazovka-tisk webové stránky výše., Tato webová stránka dosahuje toho klasického, vintage vzhled pomocí vybledlého, off-bílé papírové pozadí, staré ilustrace obrazovky tiskárny, písmo ve stylu psacího stroje a vybledlé obrázky fotoalba procesu sítotisku. Tyto prvky komunikují klientům, že se specializují na tiskové techniky z minulé éry-konkrétně z doby, kdy tiskárny věnovaly neuvěřitelnou pozornost detailům.,
Getting texty
Let the text do the talking with type-heavy designs. The variety lies in font choice, size, color and typographic layout., Design může být jednoduchý, ale výhodou je, že se zaměřuje na vaši zprávu.
s textově náročným webdesignem můžete jít minimální nebo maximální. Pokud vaše značka je jemná, decentní, nebo uklidňující, zvažte minimalistický přístup sans-serif, které jsou tenké nebo tekoucí se spoustou prostoru mezi prvky, nechat je dýchat, odstraní jiné než podstatné prvky.
značky apeluje na zákazníky, kteří si myslí, logicky a metodicky nebo ocenit zprávy, které jsou jednoduché a rovnou k věci., Pokud vaše značka je odvážný, přehnané a energický, za maximalistické design s velké bloky textu, které zabírají celou obrazovku… to je více než pravděpodobné, že by se apelovat na lidi, kteří žijí a dýchají mantra „go velké nebo jít domů“.
Web design nápady, které práci—
Pokud pracujete na nové webové stránky, doufáme, že můžete použít tento web design inspirace jako výchozí bod., Jakmile víte, která z výše uvedených Estetik vyhovuje vašemu podnikání, mohou vás tyto nápady na design webových stránek nasměrovat správným směrem. Než se nadějete, budete dělat spojení s klienty a zákazníky z celého internetu!
Tento článek byl původně publikován v roce 2018 a napsal Workerbee. Byl aktualizován o nové informace a příklady.