En oversikt over Designmodos Slides Framework
Landingssider og salgsfremmende nettsteder er avgjørende for å konvertere besøkende til brukere eller kunder. En kvalitetsdesign kan være nøkkelen til å forbedre salgstallene og bringe produktet i senterstadiet.
Slides Framework er en serie med maler for å generere animasjonelle layouter på en side. Pakken inneholder alle HTML / CSS / jQuery kildekode og PSD / Sketch-filer for designere.
Dette er lett en av de mest uttømmende rammene for å bygge en destinasjonsside med stil. I dette innlegget gir jeg en oversikt over Slides Framework som viser hvordan det fungerer og hvordan det kan gjelde for dine egne designprosjekter.
Starter
Slides nedlastingspakken inneholder en enkel opplærings gjennomgang for nye brukere. Dette kalles “Første steg” veileder deg gjennom de første trinnene for å opprette et nettsted fra Slides Framework.
Designmodo har en full 8-minutters video på YouTube som forklarer denne oppsettprosessen. Sjekk det ut hvis du vil se hvordan dette fungerer visuelt.
Den beste delen om Slides er at alt kan tilpasses i nettleseren din. Den har en oppsettveiviser som veileder deg gjennom alt og kompilerer den endelige malen til en .zip-fil. Dette gjør det mulig for alle å lage en Slides-mal, laste ned kildekoden, og last deretter opp på en webserver. Enkel!
Hver installasjonspakke inneholder følgende mapper:
- CSS for alle CSS-eiendeler
- JS for jQuery-biblioteket og alle plugins
- Eiendeler inneholder alt bildemedia som kreves for individuelle lysbilder
- Bibliotek har kodestykker for paneler, lysbilder og tilpasset navigering
- Mal tilbyr forhåndsbygde variasjoner av oppsettet for ulike prosjektideer
Mallgeneratoren gjør det super enkelt å velge egne verdier basert på hvordan du vil at oppsettet skal oppføre seg. Velg variasjoner av tekstplassering, bilde / video bakgrunner, og til og med animasjoner mellom lysbildene.
Hvis du har problemer med generatoren, kan du alltid besøke Dias-håndboken online. Dette er bare tilgjengelig for de som betaler for en Slides rammekort, men det lærer alt du trenger å vite.
Imponerende lysbildefunksjoner
Jeg er mest imponert over hvor snill og rask rammen fungerer. Uansett hvilken nettleser du bruker, føles det som Slides er den fasjonable destinasjonssiden vi alle har latt etter.
Rammeverket inneholder 60 forskjellige lysbilder å velge mellom og tilpasse for dine behov. Hvert lysbilde kan blandes sammen med alle andre lysbilder i en konsistent layoutdesign. Dette gir webdesignere et bredt spekter av muligheter når man bygger en ny Slides-layout.
I tillegg er alle skriftene og ikonene i Slides Framework gratis å bruke på en hvilken som helst mal du designer. Dette gjør det mulig for designere å tilpasse design i Photoshop eller Sketch med det formål å levere sine ideer til utviklere.
Slides Framework er ment å spare tid under utvikling når du lager animerte destinasjonssider. En lisens kan brukes til ubegrensede nettsteder som er veldig nyttig for frilansere eller kreative byråer som arbeider med flere kunder.
For å lære litt mer, besøk FAQ-siden som svarer på de fleste spørsmål om hvordan Slides opererer.
Forhåndsbygde maler på forespørsel
Hvis du vil spare tid med lysbilder, kan du velge å jobbe med en av de forhåndsbygde maler i stedet. Disse kommer i et bredt spekter av motiver fra bakgrunns videoer til iOS app landingssider.
Slides Maler videoen gir et fantastisk innblikk i de ulike alternativene. Alle som kjøper Slides-rammen kan velge mellom å tilpasse et oppsett fra bunnen av, eller tilpasse en av de 11 hurtigstartsmallene.
Hvert bra rammeverk inneholder noen få demoer, og Slides har til og med sin egen tilpassede eksempelside full av blendende layouter. Når du er logget inn på Slides-baksiden, kan du se disse prøvene og trekke kildekoden til eget prosjekt (er).
Hvert utvalgsoppsett viser bredden og dybden som Slides har å tilby. Du kan sette opp bakgrunnsbilder eller bilder, sammen med tilpassede animasjoner mellom dem. Hvis du vet hvordan du tilpasser en enkel HTML-fil, har du full kontroll over disse malene og hvordan de fungerer.
Tilpasse lysbilder for nettsteder
Et praktisk aspekt av Slides Framework er at den kjører med HTML / CSS / JS kode. Dette betyr at du kan bygge en destinasjonsside på WordPress, Laravel, Django eller Node.js. Men ingen backend-språk er nødvendig fordi lysbildene kan kjøres som en statisk HTML / CSS-nettside.
Dette gir utviklere stor fleksibilitet når du konfigurerer lysbilder for å kjøre på et gitt nettsted.
For eksempel kan noen kanskje ha en destinasjonsside lagt til på deres WordPress-side, men ikke lagt til på hjemmesiden. Lysbilder kan brukes som en WP-mal som brukes på en enkelt side uten å påvirke noen annen side på nettstedet.
Det bør bemerkes at alle som håper å redigere en lysbildeserieoppsett, må vite litt HTML / CSS. Du trenger ikke å bruke WordPress eller noe annet CMS, men Slides fungerer på HTML / CSS kode. Det meste av JavaScript er inneholdt i programtillegg, men noen få innstillinger som animasjonseffekter kan også kreve manuelle endringer.
Vær oppmerksom på dette hvis du vil jobbe med lysbilder, fordi det å gå på en viss måte med et visst nivå av HTML / CSS / JS-kompetanse.
Alt-i-alle-lysbildemalen gir en utrolig opplevelse for enhver tilpasset destinasjonsside. Slides-generatoren og forhåndsbygde maler kan spare mye tid på å skrive og skrive om koden fra bunnen av.
Det største poenget å merke seg er at lysbildene krever noen manuell redigering hvis du vil tilpasse et oppsett som passer til et bestemt prosjekts behov. Det er ikke obligatorisk å være ekspert, men du vil vite litt om HTML / CSS for å gjøre de riktige endringene til en hvilken som helst mal.
Wrap-Up
Det er svært få (hvis noen) dybdegående landingssider rammer på linje med Lysbilder. Koden er utsøkt, tilpasningen er fantastisk, og Slides-kodegeneratoren kan spare arbeidstid.
Hvis du vil se et levende forhåndsvisning, besøk Slides destinasjonsside. Den inneholder også detaljer om Slides-funksjoner og hva du kan forvente av rammen. Samlet lysbilde er dynamisk, lett og perfekt for alle som ønsker å bygge en tilpasset promoside eller destinasjonsside med pizzazz.
