Yleiskatsaus Designmodon Slides-kehykseen
Aloitussivut ja mainosohjelmat ovat välttämättömiä kävijöiden muuntamiseksi käyttäjiksi tai asiakkaiksi. Laadukas muotoilu voi olla avain myyntinumerojen parantamiseen ja tuotteen keskipisteeseen tuomiseen.
Slides Framework on sarja malleja yhden sivun animaatioiden luomiseksi. Paketti sisältää kaikki HTML / CSS / jQuery-lähdekoodit ja PSD / Sketch-tiedostot suunnittelijoille.
Tämä on helposti yksi tyhjentävimmistä kehyksistä aloitussivun rakentamiseksi tyylillä. Tässä viestissä annan yleiskuvan Slides-kehyksestä, jossa näytetään, miten se toimii ja miten se voi soveltaa omiin suunnitteluprojekteihin.
Päästä alkuun
Slides-latauspaketti sisältää yksinkertaisen opetusohjeen uusille käyttäjille. Tätä kutsutaan “Ensiaskeleet” ohjaa sinua ensimmäisten vaiheiden luomisessa Slides Frameworkista.
Designmodolla on täysi 8 minuutin video YouTubessa, jossa selitetään tämä asennusprosessi. Tarkista se, jos haluat nähdä, miten tämä toimii visuaalisesti.
Slides on paras, että kaikki voidaan mukauttaa selaimessasi. Siinä on asennustoiminto, joka ohjaa sinua kaiken läpi ja kokoaa lopullisen mallin .zip-tiedostoon. Näin jokainen voi luoda Slides-mallin, ladata lähdekoodin ja lähettää sen suoraan web-palvelimelle. Yksinkertainen!
Jokainen asennuspaketti sisältää seuraavat kansiot:
- CSS kaikkien CSS-varojen osalta
- JS jQuery-kirjastoon ja kaikkiin laajennuksiin
- varat sisältää kaikki yksittäisten diojen tarvitsemat kuvat
- Kirjasto on koodilohkoja paneeleille, dioille ja mukautetulle navigointiin
- Sapluuna tarjoaa valmiiksi asennettuja muunnelmia eri projektiideoille
Malligeneraattorin avulla on helppo valita omat mukautetut arvot sen mukaan, miten haluat, että ulkoasu toimii. Valitse tekstin sijoittelun, kuvien / videoiden ja jopa animaatioiden vaihtelut diojen välillä.
Jos sinulla on ongelmia generaattorin kanssa, voit aina käydä Slides-oppaassa verkossa. Tämä on saatavilla vain niille, jotka maksavat Slides-kehyslisenssin, mutta se opettaa kaiken, mitä tarvitset tietää.
Vaikuttavat dioja
Olen eniten vaikuttunut siitä, kuinka kiihkeä ja nopea kehys toimii. Riippumatta siitä, mitä selainta käytät, se tuntuu siltä, että Slides on muodikas aloitussivu, jota olemme kaikki halunneet.
Kehys sisältää 60 eri diaa, joista voit valita ja mukauttaa tarpeitasi. Kukin dia voidaan sekoittaa yhteen minkä tahansa muun liukukappaleen kanssa yhtenäiseen ulkoasusuunnitteluun. Tämä antaa web-suunnittelijoille laajan valikoiman vaihtoehtoja, kun rakennetaan uusi Slides-asettelu.
Plus kaikki Slides Frameworkin fontit ja kuvakkeet voivat käyttää vapaasti mihin tahansa suunnittelemaan malliin. Tämän ansiosta suunnittelijat voivat muokata Photoshopin tai Sketch-mallin malleja, joiden tarkoituksena on luovuttaa ideoitaan kehittäjille.
Slides Frameworkin tarkoituksena on säästää aikaa kehitystyössä, kun käsitellään animoituja aloitussivuja. Yksi lisenssi voidaan käyttää rajoittamattomille verkkosivustoille, jotka ovat erittäin käteviä freelancereille tai monien asiakkaiden kanssa toimiville luoville toimistoille.
Saat lisätietoja tutustumalla usein kysyttyihin kysymyksiin, joka vastaa useimpiin kysymyksiin siitä, miten Slides toimii.
Pre-Built Templates On Demand
Jos haluat säästää aikaa Diaesitysten avulla, voit halutessasi työskennellä yhdessä valmiiden mallien kanssa. Nämä ovat monenlaisia malleja taustavideoista iOS-sovelluksen aloitussivuille.
Slides Templates -video tarjoaa upean kuvan eri vaihtoehdoista. Jokainen, joka ostaa Slides-kehyksen, voi valita mukauttamisen ulkoasusta tai muokata jotakin 11: stä pikakäynnistysmallista.
Jokainen hyvä kehys sisältää muutamia demoja ja Slidesillä on myös oma mukautetun esimerkkisivunsa, joka on täynnä häikäiseviä asetteluja. Kun olet kirjautunut diaesitykseen, voit tarkastella näitä näytteitä ja vetää lähdekoodin omalle projektille.
Jokainen näytteen asettelu osoittaa, että Slides on tarjottavanaan leveä ja syvyys. Voit määrittää taustavideoita tai valokuvia sekä mukautettuja animaatioita niiden välillä. Jos osaat muokata yksinkertaista HTML-tiedostoa, voit hallita näitä malleja ja niiden toimintaa.
Diojen mukauttaminen verkkosivuille
Yksi kätevä osa Dioja-kehyksestä on, että se toimii HTML / CSS / JS-koodilla. Tämä tarkoittaa, että voit rakentaa aloitussivun WordPress, Laravel, Django tai jopa Node.js. Mutta taustakieliä ei tarvita, koska Diat voidaan käyttää staattisena HTML / CSS-verkkosivuna.
Tämä antaa kehittäjille paljon joustavuutta määritettäessä Diaesityksiä toimimaan millä tahansa tietyllä verkkosivustolla.
Esimerkiksi joku saattaa haluta, että aloitussivu lisätään WordPress-sivustoonsa, mutta ei lisätty kotisivulle. Diaesityksiä voidaan käyttää WP-mallina, jota sovelletaan yhdelle sivulle vaikuttamatta millään muulla verkkosivulla.
On syytä huomata, että jokainen, joka haluaa muokata diaesitystä, tarvitsee tietää hieman HTML / CSS. Sinun ei tarvitse käyttää WordPressia tai muuta CMS: ää, mutta Diat eivät toimi HTML / CSS-koodilla. Suurin osa JavaScriptista on pluginien sisällä, mutta muutamat asetukset, kuten animaatiovaikutukset, voivat vaatia myös manuaalisia muokkauksia.
Pidä tämä mielessä, jos haluat työskennellä Dian kanssa, koska tietyn tason HTML / CSS / JS-taito menee pitkälle.
Kaiken kaikkiaan Slides-malli tarjoaa uskomattoman kokemuksen jokaiselle mukautetulle aloitussivulle. Slidesgeneraattori ja valmiiksi rakennetut mallit voivat säästää paljon aikaa kirjoittamalla ja uudelleenkirjoittamalla koodia tyhjästä.
Suurin huomionarvoinen seikka on se, että Diat eivät vaadi manuaalista muokkausta, jos haluat muokata ulkoasua tietyn projektin tarpeiden mukaan. Se ei ole pakollista olla asiantuntija, mutta haluat tietää vähän HTML / CSS: stä, jotta voit tehdä oikeat muutokset malliin.
Paketoida
On olemassa hyvin vähän (jos sellaisia on) syvällisiä aloitussivukehyksiä Slides-arvojen kanssa. Koodi on hieno, räätälöinti on fantastinen, ja Slides-koodigeneraattori voi säästää tuntikausia.
Jos haluat nähdä live-esikatselun, siirry Slides-aloitussivulle. Se sisältää myös yksityiskohtia Slides-ominaisuuksista ja siitä, mitä voit odottaa kehyksestä. Yleiset diat ovat dynaamisia, kevyitä ja sopivia kaikille, jotka haluavat rakentaa mukautetun promo-sivun tai aloitussivun pizzazzilla.
