O privire de ansamblu asupra Cadrului de diapozitive al Designmodo
Paginile de destinație și site-urile promoționale sunt vitale pentru conversia vizitatorilor în utilizatori sau clienți. Un design de calitate poate fi cheia pentru îmbunătățirea numărului de vânzări și pentru aducerea produsului dvs. în faza centrală.
Slides Framework este o serie de șabloane pentru generarea de machete de animație cu o singură pagină. Pachetul include toate codurile sursă HTML / CSS / jQuery și fișierele PSD / Sketch pentru designeri.
Acesta este cu ușurință unul dintre cele mai exhaustive cadre pentru construirea unei pagini de destinație cu stil. În acest post voi da o imagine de ansamblu a cadrelor de diapozitive care arată modul în care funcționează și modul în care se poate aplica propriilor proiecte de proiectare.
Noțiuni de bază
Pachetul de descărcări pentru slide-uri include un simplu tutorial pentru noi utilizatori. Aceasta se numește “Primii pasi” ghidându-vă prin pașii inițiali de creare a unui site Web din Slides Framework.
Designmodo are un videoclip complet de 8 minute pe YouTube care explică acest proces de configurare. Verificați dacă doriți să vedeți cum funcționează acest lucru vizual.
Cea mai bună parte despre Slides este că totul poate fi personalizat în browserul dvs. web. Are un expert de configurare care vă ghidează prin toate și compilează șablonul final într-un fișier .zip. Acest lucru permite oricui să creeze un șablon de diapozitive, să descarce codul sursă și apoi să încarce direct pe un server web. Simplu!
Fiecare set de setări conține următoarele dosare:
- CSS pentru toate activele CSS
- JS pentru biblioteca jQuery și toate pluginurile
- bunuri conține toate suporturile de imagine necesare pentru diapozitive individuale
- Bibliotecă are fragmente de cod pentru panouri, diapozitive și navigație personalizată
- Format oferă variante pre-construite ale structurii pentru diferite idei de proiecte
Generatorul șablon face foarte ușor să vă selectați propriile valori personalizate în funcție de modul în care doriți să se comporte aspectul. Alegeți variații de destinație de plasare a textului, fundaluri imagine / video și chiar animații între diapozitive.
Dacă aveți probleme cu generatorul, puteți vizita manualul manual al prezentărilor online. Acest lucru este accesibil doar pentru cei care plătesc pentru o licență cadru pentru prezentări, dar învață tot ce trebuie să știți.
Funcții impresionante de diapozitive
Sunt foarte impresionat de cât de rapid și rapid funcționează cadrul. Indiferent de browserul pe care îl utilizați, se pare că diapozitivele reprezintă pagina de destinație la modă pe care am dorit-o cu toții.
Cadrul include 60 de diapozitive diferite pentru a alege și personaliza pentru nevoile dvs. Fiecare diapozitiv poate fi amestecat împreună cu orice alt diapozitiv într-un design consistent de aspect. Acest lucru oferă designerilor web o gamă largă de opțiuni atunci când construiește un nou layout Slides.
În plus, toate fonturile și pictogramele din Slides Framework pot fi utilizate gratuit pe orice șablon pe care îl creați. Acest lucru permite proiectanților să personalizeze modelele din Photoshop sau Sketch, în scopul de a le oferi ideile lor dezvoltatorilor.
Slides Framework este menit să economisească timp în timpul dezvoltării atunci când realizează pagini de destinație animate. O licență poate fi utilizată pentru site-uri web nelimitate, care este foarte util pentru freelanceri sau agenții de creație care lucrează cu mai mulți clienți.
Pentru a afla mai multe, accesați pagina cu întrebări frecvente, care răspunde la cele mai multe întrebări despre funcționarea diapozitivelor.
Șabloane pre-construite la cerere
Dacă doriți să economisiți timp cu diapozitive, puteți alege să lucrați cu unul dintre șabloanele pre-construite. Acestea vin într-o gamă largă de desene sau modele de la filme de fundal la paginile de destinație ale aplicației iOS.
Slides Templates video oferă o minunată privire la diferite opțiuni. Oricine cumpără cadrul de diapozitive, poate alege între personalizarea unui aspect de la zero sau personalizarea uneia dintre cele 11 șabloane de pornire rapidă.
Fiecare cadru bun include câteva demo-uri și diapozitivele au chiar propria pagină de exemple personalizate, plină de machete orbitoare. După ce v-ați conectat în backend-ul Slides, veți putea să vizualizați aceste mostre și să trageți codul sursă pentru propriile proiecte (proiecte).
Fiecare aspect de aspect demonstrează lățimea și adâncimea pe care Slides le oferă. Puteți configura videoclipuri sau fotografii de fundal împreună cu animații personalizate între ele. Dacă știți cum să personalizați un fișier HTML simplu, atunci aveți control complet asupra acestor șabloane și modul în care acestea funcționează.
Personalizarea diapozitivelor pentru site-uri Web
Un aspect util al Slides Framework este că rulează cu cod HTML / CSS / JS. Aceasta înseamnă că puteți crea o pagină de destinație pe WordPress, Laravel, Django sau chiar pe Node.js. Dar nu este necesar niciun limbaj de backend deoarece slide-urile pot rula ca o pagină web HTML / CSS statică.
Acest lucru oferă dezvoltatorilor o mare flexibilitate atunci când configurează Prezentările pentru a rula pe un anumit site web.
De exemplu, cineva ar putea dori ca o pagină de destinație să fie adăugată pe site-ul WordPress, dar să nu fie adăugată pe pagina de pornire. Diapozitivele pot fi folosite ca șablon WP aplicate unei singure pagini fără a afecta nicio altă pagină de pe site.
Trebuie remarcat faptul că oricine speră să editeze un aspect al prezentărilor va trebui să cunoască un pic de cod HTML / CSS. Nu va trebui să utilizați WordPress sau orice alt CMS, dar diapozitivele operează pe cod HTML / CSS. Majoritatea JavaScript-urilor sunt conținute în pluginuri, dar câteva setări precum efectele de animație pot necesita și modificări manuale.
Țineți cont de acest lucru dacă doriți să lucrați cu diapozitive deoarece un anumit nivel de competență HTML / CSS / JS va merge mult.
Șablonul "Șabloanele" "toate în toate" oferă o experiență incredibilă pentru orice pagină de destinație personalizată. Generatorul de diapozitive și șabloanele pre-construite pot economisi o mulțime de timp pentru scrierea și rescrierea codului de la zero.
Cel mai important punct de reținut este faptul că diapozitivele necesită unele editări manuale dacă doriți să particularizați un aspect pentru a se potrivi nevoilor unui anumit proiect. Nu este obligatoriu să fii expert, dar vei dori să știi puțin despre HTML / CSS pentru a face schimbările potrivite pentru orice șablon.
Învelire
Există foarte puține cadre (în cazul în care există) în adâncime de pagini de destinație în paralel cu diapozitivele. Codul este rafinat, personalizarea este fantastică și generatorul de coduri de diapozitive poate salva ore întregi de muncă.
Dacă doriți să vedeți o previzualizare live, accesați pagina de destinație a prezentărilor. Acesta include, de asemenea, detalii despre caracteristicile Slides și ce vă puteți aștepta din cadrul. Diapozitivele totale sunt dinamice, ușoare și perfecte pentru oricine dorește să creeze o pagină promoțională personalizată sau o pagină de destinație cu pizzazz.
