Prehľad návrhu rámca prezentácií spoločnosti Designmodo
Vstupné stránky a propagačné webové stránky sú nevyhnutné pre konverziu návštevníkov na používateľov alebo zákazníkov. Kvalitný dizajn môže byť kľúčom k zlepšeniu počtu predajov a uvedeniu produktu do centra.
Slides Framework je séria šablón na vytváranie jednodielnych animovaných rozložení. Balík obsahuje všetky zdrojové kódy HTML / CSS / jQuery a PSD / Sketch súbory pre návrhárov.
Jedná sa ľahko o jeden z najdôkladnejších rámcov pre vytvorenie stránky so štýlom. V tomto príspevku poskytnem prehľad o prezentáciách, ktoré ukazujú, ako funguje a ako sa môže vzťahovať na vaše vlastné projektové projekty.
Začíname
Balík na sťahovanie prezentácií obsahuje jednoduchý výukový návod pre nových používateľov. Toto sa volá “Prvé kroky” ktoré vás prevedú počiatočnými krokmi pri vytváraní webovej stránky z prezentácie.
Designmodo má na YouTube úplné 8-minútové video vysvetľujúce tento proces nastavenia. Skontrolujte, či chcete vidieť, ako to funguje vizuálne.
Najlepšia časť o prezentáciách je, že všetko môže byť prispôsobené vo vašom webovom prehliadači. Má sprievodcu nastavením, ktorý vás prevedie všetkým a zostaví poslednú šablónu do súboru .zip. To umožňuje ktokoľvek vytvoriť šablónu Prezentácie, stiahnuť zdrojový kód a potom nahrať priamo na webový server. prostý!
Každý balík s nastaveniami obsahuje nasledujúce priečinky:
- CSS pre všetky aktíva CSS
- JS pre knižnicu jQuery a všetky doplnky
- Aktíva obsahuje všetky obrazové médiá potrebné pre jednotlivé snímky
- knižnica má útržky kódu pre panely, diapozitívy a vlastnú navigáciu
- šablóna ponúka predvolené varianty usporiadania pre rôzne projektové nápady
Generátor šablón umožňuje jednoduché nastavenie vlastných hodnôt na základe toho, ako chcete, aby sa rozloženie správalo. Vyberte varianty umiestnenia textu, pozadia obrázka / videa a dokonca animácie medzi snímkami.
Ak máte problémy s generátorom, môžete vždy navštíviť príručku Slides online. Je to prístupné len tým, ktorí platia za rámcovú licenciu programu Slides, ale učí všetko, čo potrebujete vedieť.
Pôsobivé funkcie snímok
Som veľmi ohromený tým, ako elegantný a rýchly rámec funguje. Bez ohľadu na to, aký prehliadač používate, cíti sa, že Slides je módna vstupná stránka, o ktorú sme všetci túžili.
Rámček obsahuje 60 rôznych snímok, z ktorých si môžete vybrať a prispôsobiť podľa svojich potrieb. Každá snímka môže byť zmiešaná s akýmkoľvek iným snímkom do jedného dôsledného usporiadania. To poskytuje dizajnérom webových stránok širokú škálu možností pri vytváraní nového usporiadania prezentácií.
Okrem toho všetky fonty a ikony v rámci Slides Framework môžu byť použité na ľubovoľnej šablóne, ktorú navrhujete. To umožňuje návrhárom prispôsobiť návrhy vo Photoshope alebo Sketchu s cieľom odovzdať svoje nápady vývojárom.
Slides Framework je určený na šetrenie času počas vývoja pri vytváraní animovaných vstupných stránok. Jedna licencia môže byť použitá pre neobmedzené webové stránky, ktoré sú veľmi užitočné pre nezávislých alebo kreatívne agentúry pracujúce s viacerými klientmi.
Ak sa chcete dozvedieť trochu viac, navštívte stránku s najčastejšími otázkami, ktorá odpovedá na väčšinu otázok týkajúcich sa fungovania prezentácií.
Predbežne vytvorené šablóny na požiadanie
Ak chcete ušetriť čas pomocou prezentácií, môžete sa rozhodnúť pre prácu s jednou predvolenou šablónou. Prichádzajú v širokej škále návrhov z pozadia videa na vstupné stránky aplikácie iOS.
Šablóny Šablóny videí ponúka fantastický pohľad na rôzne možnosti. Ktokoľvek, kto si zakúpi rámcové snímky, si môže vybrať medzi prispôsobením rozloženia od začiatku alebo prispôsobením jednej z 11 šablón rýchleho štartu.
Každý dobrý rámec obsahuje niekoľko ukážok a prezentácie má dokonca aj vlastné stránky príkladov plných oslnivých rozložení. Po prihlásení do podprogramu Prezentácie budete môcť zobraziť tieto vzorky a vytiahnuť zdrojový kód pre vlastný projekt (y).
Každé rozloženie vzorky ukazuje šírku a hĺbku, ktorú Slides ponúka. Môžete nastaviť videá alebo fotografie na pozadí spolu s vlastnými animáciami. Ak viete, ako prispôsobiť jednoduchý súbor HTML, potom máte úplnú kontrolu nad týmito šablónami a tým, ako fungujú.
Prispôsobenie prezentácií pre webové stránky
Jedným z užitočných aspektov Slides Framework je, že beží s kódom HTML / CSS / JS. To znamená, že môžete vytvoriť vstupnú stránku na stránkach WordPress, Laravel, Django alebo dokonca Node.js. Nevyžaduje sa však žiadny jazyk backend, pretože Slides môžu fungovať ako statická webová stránka HTML / CSS.
To umožňuje vývojárom veľkú flexibilitu pri konfigurácii prezentácií na ľubovoľnej webovej stránke.
Napríklad, niekto môže chcieť, aby bola vstupná stránka pridaná na stránku WordPress, ale nebola pridaná na domovskú stránku. Prezentácie je možné použiť ako šablónu WP aplikovanú na jednu stránku bez ovplyvnenia akejkoľvek inej stránky na webovej stránke.
Treba poznamenať, že každý, kto dúfa, že upraví rozloženie prezentácií, bude musieť vedieť trochu HTML / CSS. Nebudete musieť používať WordPress alebo iné CMS, ale Slides funguje na kóde HTML / CSS. Väčšina kódu JavaScript je obsiahnutá v doplnkoch, ale niektoré nastavenia, ako napríklad efekty animácie, môžu vyžadovať aj manuálne úpravy.
Majte to na pamäti, ak chcete pracovať s prezentáciami, pretože s určitou úrovňou znalostí v jazyku HTML / CSS / JS dôjde dlhú cestu.
Šablóna so všetkými prezentáciami ponúka neuveriteľný zážitok pre každú vlastnú vstupnú stránku. Generátor obrázkov a vopred vytvorené šablóny môžu ušetriť veľa času pri písaní a prepisovaní kódu od začiatku.
Najdôležitejším bodom je, že snímky vyžadujú manuálnu úpravu, ak chcete prispôsobiť rozloženie podľa konkrétnych potrieb projektu. Nie je povinné byť odborníkom, ale budete chcieť vedieť trochu o HTML / CSS, aby ste vykonali správne zmeny v každej šablóne.
Zabaliť
Existuje veľmi málo (ak nejaké) hĺbkové rámce vstupnej stránky, ktoré sú na rovnakej úrovni ako snímky. Kód je skvelý, prispôsobenie je fantastické a generátor kódov Slides môže ušetriť hodiny prác.
Ak chcete vidieť živú ukážku, prejdite na vstupnú stránku Slides. Obsahuje tiež podrobnosti o funkciách Prezentácie a čo môžete od rámca očakávať. Celkové snímky sú dynamické, ľahké a ideálne pre každého, kto chce vytvoriť vlastnú reklamnú stránku alebo vstupnú stránku s pizzazzom.
