15 Inspirační přístupy k CSS
HTML bude mít web designer až dosud a pokud chcete vytvořit dynamický, atraktivní, reaktivní web design, pak se musíte naučit a implementovat CSS. Nejen, že můžete vytvořit vylepšené prvky návrhu pro vaše stránky, ale můžete očekávat, že budete mít rychlejší časy načítání, snadnější údržbu a méně času na vytváření nových stránek nebo aktualizaci stávajících stránek.
Níže jsou 15 z nejlepších dostupných webových stránek CSS, které nabízejí různé přístupy k fázi návrhu webových stránek. Získejte inspiraci, sklizeň tipy CSS a aplikujte je na svůj vlastní design.
Beercamp
The Beercamp webové stránky fungují jako vyskakovací kniha a uživatelé mohou obrátit stránky, aby zobrazovaly vyskakovací okna. 3D návrh lze otáčet a stránky se otočí kliknutím na stránku a otočením. Místo je interaktivní, atraktivní, pestré a oslovuje své návštěvníky.
Inzeit
Zatímco to může vypadat, že je něco víc než skvěle vypadající statické webové stránky Inzeit domovská stránka doslova ožívá, jakmile začnete posunovat stránku dolů. Různé vrstvy se pohybují různými směry a různými rychlostmi. Zatímco návštěvníci musí být povzbuzováni, aby podnikli správné kroky, stránky se stávají aktivními, jelikož jsou podniknuty kroky, aby návštěvníci byli odměněni za to, že podnikli kroky.
ShockBlast
Shockblast je webová stránka s fotografickou galerií a od druhé stránky je načtena každá vznášení myši pomáhá přivést stránku živou. Nejen, že se na domovské stránce zobrazuje spousta skvělých fotografických vzorků, ale umožňuje ShockBlast kategorizovat a paginovat fotografie, díky nimž je navigace jednoduchá a vysoce efektivní.
TepTek
The TepTek webová stránka je další, která obsahuje několik složitě navržených vrstev do jednoho designu. Počáteční zobrazení se změní, jakmile se posunete dolů, a když se rámečky posouvají dolů, zobrazí se čísla stránek a zmizí. Černá a bílá barva nabízí ostrý a elegantní povrch, takže se návštěvník plně soustředí na obsah.
FineGoods
The FineGoods webové stránky mají pár šikovných málo překvapení, které vás čekají, jak jste se vznášet nad navigačními zásuvkami, procházet dolů po stránce a dokonce se blíže podíváte na cenové značky (text HTML). Výběr zboží může být omezen, ale to je také důvod, proč jedinečný design funguje tak dobře.
Envy Labs
Envy Labs je jedním z našich oblíbených. Transformace CSS se používají k vytvoření rotujícího karuselu a při kliknutí na ikony "Další" a "Předchozí" můžete sledovat otočení karuselu, dokud se nezobrazí další snímek. Zbytek stránky je relativně jednoduchý, ale vysoce efektivní design, který využívá CSS různými způsoby.
Řidičský klub
The Řidičský klub webová stránka byla určena pro společnost Ubisoft při vydání nové hry Driver a jakmile navštívíte web, můžete vidět propojení mezi webovou stránkou a hrou. Další skvělé využití transformací znamená, že když se posunete dolů, zdá se, že celý web přichází k životu, a to dokonce i jako vzhled rolování.
Mammoth Booth
Mammoth Booth je další oblíbená a hraje na teorii, že všichni chceme to, co bychom neměli. Klepněte na tlačítko Fire (Oheň) a řadu snímků kaskádovitě na obrazovku a vytvořte fotografickou budovu. Webová stránka je skvělým způsobem, jak propagovat službu fotografické služby, kterou společnost nabízí.
Jeclat
Zadejte Jeclat a budete vyzváni, abyste se plavili po celém světě, podívejte se na památky a otevřete boční tabule. Procházení po stranách je pro mnohé uživatele online neobvyklé a tím, že musíme uchopit sochu, staví intriky a zapojení uživatele.
Vacheron Constantin
The Vacheron Constantin webová stránka je ve francouzštině, ale stojí za návštěvu, i když ji nečtete. Klepněte a podržte navigační tlačítko dolů na stránce a vychutnejte si show. Stylově vyhlížející web, který nejenže zobrazuje stejně elegantní hodinky, ale ukazuje i inspiraci pro návrhy.
Lift Interactive
Někdy se pokoušíte přizpůsobit příliš mnoho stylů a efektů na jednu stránku může být nákladná, když se stránka dostane do nepořádku, ale není tomu tak Lift Interactive . Navštivte a vychutnejte si mnoho triků. Podívejte se na 3D efekty knih i na vrstvený pohyb záhlaví.
VZug
The VZug web je dynamická časová osa. Spíše než obyčejná a prostá fotografie zobrazená na statické stránce, při posouvání dynamické časové osy zažijete atraktivní vzhled a anotovanou stránku. Cílem stránky je oslavit 100 let historie společnosti a design to pomáhá dobře.
Dego
Každý, kdo hraje hru Little Big Planet, rozpozná styl webových stránek, které patří Dego design agency. Navigace má zdánlivě náhodný směr a vede celou řadu etap, které návrhářský tým Dego prohlašuje za své zákazníky a potenciální zákazníky.
WeAreX3
Tato webová stránka je jedinečnou cestou, jak může firma hledat stážistu. Historický sci-fi design je kombinován s jedinečným vodorovným stránkovým svisle a vertikálními prvky. Návštěvníci se zobrazí, jak posunout stránky a X3 doufá, že jedinečný vzhled a prvky stránky přilákají druh interního designu, který hledají.
Cymetriq
Cymetriq je další brilantně navržená webová stránka portfolia, která kombinuje řadu různých prvků a stylů do jednoho jedinečně vyhlížejícího a herečného místa. Posuňte dolů vzory galerií, umístěte kurzor myši nad navigační lištu prvků CSS a pokračujte v posouvání shora dolů, abyste získali jedinečný vzhled a návrhy.
Vynechali jsme jednu z vašich oblíbených? Už jste překonal jeden z příkladů? Dejte nám vědět v komentářích.