Sbírka nádherně ilustrovaných webových stránek
Ilustrované přírůstky na webových stránkách mohou poskytnout i nejlepším témat další úroveň vizuálního zájmu a složitosti.
Ilustrace se značně liší od jednoho místa k druhému. Někteří vypadají ručně kreslenými (ať už jsou nebo nejsou), zatímco jiní jsou zjevně digitálně vykresleni.
Níže je více než třicet skvělých návrhů webových stránek, které obsahují ilustrace.
Nejběžnější jsou ilustrace v záhlaví a pozadí, často z maskotů stránek nebo postav.
Ale ilustrace jsou používána i jinými způsoby. Pokud máte oblíbené ilustrované stránky, které zde není uvedeno, dejte nám vědět v komentářích.
Stránky s digitálními ilustracemi
Tyto stránky mají ilustrace, které jsou samozřejmě digitální. Hladké linie a jasné barvy jsou charakteristickými znaky tohoto stylu, ačkoli ne všechno, co je uvedeno níže, odpovídá těmto normám.
F5
Webové stránky F5 používají pro své pozadí nápadné digitální ilustrace. Jasné barvy a karikaturní znaky jsou typické pro digitální ilustrace. Co zde není vidět, je, že ilustrace pokračuje dolů po stránce a odhaluje různé vrstvy.
Wireframe Plus
Wireframe Plus používá pro své stránky monochromatické pozadí. Je to jemné, ale opravdu přidává nějaké další vizuální oomph a dělá stránky vyniknout, i když barevné schéma a typografie jsou poměrně standardní.
Tom Bradshaw Design
Tom Bradshaw Design využívá ilustrační typografickou typografii na celém webu, stejně jako maskot karikatury, který se objevuje v každé části stránky (je to jednostránková stránka).
Mediocor
Lesklé digitální ilustrace, jako je tento, nejsou často vidět a vystupovat z jiných míst. Ten se vyniká ještě víc, protože je umístěn na černém pozadí a používá pouze jasné barvy na stránce.
htmlMafia
Obrázky zde představují určitý mix mezi digitálními a ručně kreslenými styly, ačkoli používané gradienty je dávají pevněji do digitální kategorie. To je skvělý příklad toho, jak ilustrační oživují místo a dávají dramatičtější dojem.
CreativeSwitch
Zde znázorněný robot je skutečně animován na samotné webové stránce, ačkoli jemný. Další obrázky se používají na celém webu.
690 Design
Vazba obrázků do kopie webové stránky je fantastická strategie. Zde se v textu popisuje harmonie a pro ilustraci se používá dirigent orchestru.
Kipu
Jednoduché, vektorové ilustrace ilustruje velmi odvážný dopad. Použití více tlumené palety barev pro ně, jak je uvedeno výše, dělá je bezproblémová směs do zbytku místa.
Siringa 1
Tyto znaky jsou dalším příkladem digitálních ilustrací, které mají pro ně ručně kreslený pocit. V kombinaci s barevným schématem tyto ilustrace poskytují webové stránce klidný a přátelský pocit.
PixelBaecker
V této ilustrace ve vektorovém stylu se hodně děje, od těch, kteří pracují v díře pod zemí k ptákovi ve stromu. Stylisticky je to docela typické vektorové ilustrace, i když je poprava úžasná.
Pieoneers
Použití ilustrací, které můžou hovořit o výhodách nebo nabízet další informace, aniž bychom je změnili v informační grafiku, jsou skvělou strategií. Je to zábavný a zajímavý způsob, jak sdělit informace, které s větší pravděpodobností zaujmou vaše návštěvníky. Navíc je kombinace koláče a létajícího talíře tady jen vynikající!
Jacob Lee
Zde zobrazený tučňák vypadá skoro ručně, ale je to trochu příliš leštěné a hladké. Jasné bílé zbarvení (nebo jeho nedostatek) opravdu vystupuje proti barevnému pozadí.
Stromová úprava
Zobrazené pozadí se zde mění od strany na stránku a má jemné animace. Ale je to krásný kus uměleckých děl, hodný druhého pohledu.
Kód Crunchers
Nejčastějšími digitálními ilustracemi jsou jednoduché znaky nebo takové příšery, jako je tato. A jako maskot funguje dokonale s názvem místa.
Forrst
Ilustrovaná pozadí, jako je tato, jsou stále častější. Kompletní integrace mezi obsahem a pozadím je to, co skutečně dělá toto vystupuje.
Coo / Coo Core
Více abstraktních ilustrací, jako je toto, dává webu moderní pocit. Tenhle je natolik abstraktní, že tak činí, zatímco je stále rozeznatelný jako strom.
Joystick Generals
Opakování základního znaku na pozadí záhlaví přidává další vrstvu vizuálního zájmu na poměrně jednoduchou ilustraci. Barevná schéma, která se zde používá, je jednoduchá, ale při kombinaci s výstředním podkladem vypadá fantasticky.
Vytvořte filmovou práci
Ilustrace jsou méně často vidět na stránkách ve stylu grungeu, pravděpodobně proto, že existuje riziko vzniku vizuálního nepořádek. Ale jednoduchá ilustrace zde, s jeho ztlumenou barevnou schématem a jemnou strukturou, funguje skvěle v minimalistickém designu grunge.
Solid Studios
Další skvělý příklad jednoduchých digitálních monstra použitých v designu. Tihle kluci jsou příležitostní a zábavní a mají pocit, že webová stránka je stejná.
Olive Crush
Hlavičky jsou jednou z nejvíce bláznivých oblastí pro použití ilustrací. Prostřednictvím kreativního použití stínů stínů vypadá tato hlavička téměř 3D.
Sara Tusar
Další skvělý příklad monstra, tentokrát v hlavičkovém designu. Jsou to jemné, odrážející barvy od zbytku webové stránky, ale poskytují osobnější dotek.
Arbel-Designs
Webová stránka Arbel-Designs používá vícevrstvé ilustrované pozadí, které začíná v prostoru v horní části stránky a pokračuje hluboko pod vodou. Tento styl ilustrovaného pozadí funguje skvěle na stránkách s jednou stránkou.
Minding Monsters
Toto jsou některé z nejjednodušších vektorových znaků v tomto příspěvku. Jsou však velmi roztomilé a jsou plně začleněny do návrhu webu. Ve skutečnosti jsou to celé místo webu.
Stránky s ručně kreslenými ilustracemi
Ručně kreslené ilustrace jsou méně časté při tvorbě webových stránek, ale stále existují některé fantastické příklady. Ty se pohybují od výtvarných výkresů až po výkresy a vše mezi nimi.
Steve Schoger
Jednoduché náčrty, jako je tento, jsou skvělé pro jakékoli stránky, ale zejména když nahradí typickou designérku (nebo jakoukoli profesionální) fotografii. Jsou také skvělou alternativou pro ty, kteří jsou plachtí! Ponechat pozadí textury ukázat, aby se tón pleti je příjemný dotek.
Kenny Meyersová
Ilustrace superhrdiny o tom, co je jinak poměrně minimální místo, může pomoci inspirovat důvěru vašim návštěvníkům, aniž by se uchýlil k "firemní" záměně. Odrazy barev odjinud na místě zajišťují bezproblémovou kombinaci obrázku.
Andy Ward
Pouze má smysl pro ilustrátora, aby do svých stránek zahrnoval i ilustrace. Andy Ward využívá v hlavičce prezentaci svých ilustrací, ale jsou začleněny tak, že se stanou součástí samotného designu.
Kilian Muster
Formálnější výtvarná kresba ve stylu, jako je tato, nabízí kývnutí tradici; v tomto případě: tradiční metody sázek. Je to jednoduché, ale odvážné, aby skutečně dopadlo.
DNA k Darwinovi
Dalším skvělým příkladem webu, který používá formální kresby, aby vytvořil smysl pro historii. Vrstvené ilustrace to dělají ještě zajímavější.
Motýlek
Lepší ručně kreslená stránka, kompletní s ručně kreslenými příšerami (nebo je to mimozemšťan?). Místo používá vícestupňové ilustrace na pozadí, které začíná ve vesmíru a končí v moři.
xhtmlCafe
Ručně kreslená ilustrace kombinovaná s akvarely vytváří fantastickou a informační hlavičku na webu xhtmlCafe. Načrtnuté prvky v malbě mu dodávají stylizovaný pocit, než by měl přímý akvarel.
Útok na webu
Co by mohl být příspěvek na ilustrovaných webových stránkách bez příkladu kresby ve stylu komické knihy? Vše od tloušťky čáry až po strukturované zbarvení připomíná váš oblíbený komický nebo grafický román.
Janko na Warpově rychlosti
Jednoduchá ilustrace v záhlaví je zde jemná a podhodnocená, ale přináší obrovské množství estetické přitažlivosti k návrhu webu.
Napsáno výhradně pro WDD Cameron Chapman .
Pokud máte jiné oblíbené ilustrované webové stránky, dejte je prosím do komentářů!