En oversigt over Designmodos Slides Framework

Landingssider og salgsfremmende websteder er afgørende for at konvertere besøgende til brugere eller kunder. Et kvalitetsdesign kan være nøglen til at forbedre salgstal og bringe dit produkt i centrum.

Slides Framework er en række skabeloner til generering af animerede layouts på en side. Pakken indeholder alle HTML / CSS / jQuery kildekode og PSD / Sketch-filer til designere.

Dette er let et af de mest udtømmende rammer for konstruktion af en destinationsside med stil. I dette indlæg giver jeg et overblik over Slides Framework, der viser, hvordan det virker, og hvordan det kan anvendes til dine egne designprojekter.

Kom i gang

Slides downloadpakken indeholder et simpelt gennemløb for nye brugere. Dette kaldes “Første skridt” vejlede dig gennem de første trin for at oprette et websted fra Slides Framework.

Designmodo har en fuld 8-minutters video på YouTube, der forklarer denne installationsproces. Tjek det ud, hvis du vil se, hvordan det virker visuelt.

Det bedste ved Slides er, at alt kan tilpasses i din webbrowser. Den har en installationsguiden, der leder dig gennem alt og kompilerer den endelige skabelon i en .zip-fil. Dette gør det muligt for nogen at oprette en dias-skabelon, downloade kildekoden og derefter uploade direkte på en webserver. Enkel!

Hver installationspakke indeholder følgende mapper:

CSS for alle CSS-aktiver
JS til jQuery-biblioteket og alle plugins
Aktiver indeholder alt billedmedie, der kræves til individuelle dias
Bibliotek har kodestykker til paneler, dias og brugerdefineret navigation
Skabelon tilbyder præbyggede variationer af layoutet til forskellige projektideer

Skabelongeneratoren gør det super nemt at vælge dine egne brugerdefinerede værdier baseret på, hvordan du vil have layoutet til at opføre sig. Vælg variationer af tekstplacering, billede / video baggrunde og endda animationer mellem dias.

Hvis du har problemer med generatoren, kan du altid besøge Slides manualen online. Dette er kun tilgængeligt for dem, der betaler for en Slides rammelicens, men det lærer alt, hvad du skal vide.

Imponerende diasfunktioner

Jeg er mest imponeret over, hvor snappy og hurtig rammen fungerer. Ligegyldigt hvilken browser du bruger, føles det som Slides er den fashionable destinationsside, vi alle har længt efter.

Rammen indeholder 60 forskellige dias at vælge imellem og tilpasse til dine behov. Hvert dias kan blandes sammen med et hvilket som helst andet dias i et ensartet layoutdesign. Dette giver webdesignere en bred vifte af muligheder, når man opretter et nyt Slides layout.

Plus alle skrifttyper og ikoner i Slides Framework er gratis at bruge på enhver skabelon, du designer. Dette gør det muligt for designere at tilpasse design i Photoshop eller Sketch med det formål at aflevere deres ideer til udviklere.

Slides Framework er beregnet til at spare tid under udvikling, når der laves animerede destinationssider. En licens kan bruges til ubegrænsede websteder, hvilket er meget praktisk for freelancere eller kreative bureauer, der arbejder med flere kunder.

For at lære lidt mere, besøg FAQ-siden, der svarer til de fleste spørgsmål om, hvordan Slides fungerer.

Forudbyggede skabeloner efter behov

Hvis du vil spare tid med dias, kan du vælge at arbejde med en af de forudindstillede skabeloner i stedet. Disse kommer i en bred vifte af designs fra baggrunds videoer til iOS app landingssider.

Slides Skabeloner videoen giver et fantastisk indblik i de forskellige muligheder. Enhver, der køber Slides-rammerne, kan vælge mellem at tilpasse et layout fra bunden eller tilpasse en af de 11 hurtigstartskabeloner.

Alle gode rammer indeholder nogle få demoer, og Slides har endda sin egen brugerdefinerede eksempelside fuld af blændende layout. Når du er logget ind på Slides backend, kan du se disse prøver og trække kildekoden til dit eget projekt (er).

Hvert prøvelayout viser bredden og dybden, som Slides har at byde på. Du kan opsætte baggrundsvideoer eller fotos sammen med brugerdefinerede animationer mellem dem. Hvis du ved, hvordan du tilpasser en simpel HTML-fil, har du fuldstændig kontrol over disse skabeloner og hvordan de fungerer.

Tilpasning af dias til websites

Et praktisk aspekt af Slides Framework er, at det kører med HTML / CSS / JS kode. Det betyder, at du kan oprette en destinationsside på WordPress, Laravel, Django eller endda Node.js. Men der kræves ikke noget backend-sprog, fordi dias kan køre som en statisk HTML / CSS-webside.

Dette giver udviklere en stor fleksibilitet, når de konfigurerer dias for at køre på en given hjemmeside.

For eksempel kan nogen have en destinationsside tilføjet til deres WordPress-websted, men ikke tilføjet på hjemmesiden. Dias kan bruges som en WP-skabelon, der anvendes på en enkelt side uden at påvirke en anden side på hjemmesiden.

Det skal bemærkes, at alle, der håber at redigere et dias-layout, skal vide lidt HTML / CSS. Du behøver ikke bruge WordPress eller andre CMS, men Slides fungerer på HTML / CSS kode. Det meste af JavaScript findes i plugins, men et par indstillinger som animationseffekter kan også kræve manuelle redigeringer.

Husk det, hvis du vil arbejde med dias, fordi det vil gå langt, hvis du har en vis grad af HTML / CSS / JS-færdigheder..

Alt i alt Slides-skabelonen giver en utrolig oplevelse for enhver brugerdefineret destinationsside. Slides generatoren og præ-built skabeloner kan spare meget tid på at skrive og omskrive kode fra bunden.

Det største punkt at bemærke er, at dias kræver nogle manuel redigering, hvis du vil tilpasse et layout, der passer til et bestemt projekts behov. Det er ikke obligatorisk at være ekspert, men du vil gerne vide lidt om HTML / CSS for at foretage de korrekte ændringer til enhver skabelon.

Wrap-Up

Der er meget få (hvis nogen) dybtgående landingssider rammer på linje med Slides. Koden er udsøgt, tilpasningen er fantastisk, og Slides-kodegeneratoren kan spare tid på arbejde.

Hvis du vil se et live preview, skal du besøge dias-destinationssiden. Det indeholder også detaljer om Slides funktioner og hvad du kan forvente af rammen. Samlet Slides er dynamisk, letvægt og perfekt til alle, der ønsker at opbygge en brugerdefineret promoside eller destinationsside med pizzazz.