Pagrindinis » Interneto svetainės dizainas » „Designmodo“ skaidrių sistemos apžvalga

    „Designmodo“ skaidrių sistemos apžvalga

    Pagrindiniai puslapiai ir reklaminės svetainės yra labai svarbios norint konvertuoti lankytojus į vartotojus ar vartotojus. Kokybiškas dizainas gali būti raktas į pardavimų skaičiaus gerinimą ir jūsų produkto pristatymą į centrinę stadiją.

    Skaidrių sistema yra šablonų serija, skirta kurti vieno puslapio animuotus išdėstymus. Į paketą įeina visi HTML / CSS / jQuery šaltinio kodai ir PSD / Sketch failai dizaineriams.

    Tai yra vienas iš išsamiausių pagrindų, kaip sukurti pagrindinį puslapį su stiliumi. Šiame pranešime apžvelgsiu „Slides“ sistemą, kurioje bus rodoma, kaip ji veikia ir kaip ji gali būti taikoma jūsų paties projektavimo projektams.

    Darbo pradžia

    „Slides“ atsisiuntimo pakete yra paprastas pamokų peržiūra naujiems vartotojams. Tai vadinama “Pirmieji žingsniai” vadovaudamiesi pradiniais žingsniais kurdami svetainę iš „Slides Framework“.

    „Designmodo“ turi „YouTube“ visą 8 minučių trukmės vaizdo įrašą, kuriame paaiškinamas šis diegimo procesas. Patikrinkite, ar norite pamatyti, kaip tai veikia vizualiai.

    Geriausia dalis apie „Slides“ yra ta, kad viską galima pritaikyti interneto naršyklėje. Jis turi sąrankos vedlį, kuris veda jus per viską ir surenka galutinį šabloną į .zip failą. Tai leidžia visiems kurti „Slides“ šabloną, atsisiųsti šaltinio kodą ir tada įkelti tiesiai į žiniatinklio serverį. Paprasta!

    Kiekviename sąrankos pakete yra šie aplankai:

    • CSS visų CSS turto
    • JS jQuery bibliotekai ir visiems įskiepiams
    • Turtas yra visos vaizdo laikmenos, reikalingos atskiroms skaidrėms
    • Biblioteka turi kodų fragmentus, skirtus plokščių, skaidrių ir pasirinktinei navigacijai
    • Šablonas siūlo iš anksto sukurtus skirtingų projekto idėjų išdėstymo variantus

    Šablono generatorius leidžia lengvai pasirinkti savo pasirinktines vertes pagal tai, kaip norite, kad maketas elgtųsi. Pasirinkite teksto išdėstymo, vaizdo / vaizdo fonų ir net animacijų tarp skaidres variantus.

    Jei kyla problemų su generatoriumi, visada galite apsilankyti Skaidrių instrukcijoje internete. Tai pasiekiama tik tiems, kurie moka už „Slides“ pagrindų licenciją, bet moko viską, ką reikia žinoti.

    Įspūdingos skaidrių funkcijos

    Labiausiai sužavėtas, kaip veikia švelnus ir greitas pagrindas. Nesvarbu, kokią naršyklę naudojate, atrodo, kad „Slides“ yra madingas nukreipimo puslapis, kurio mes visi norime.

    Ši sistema apima 60 skirtingų skaidrių, kuriuos galite pasirinkti ir pritaikyti pagal savo poreikius. Kiekvieną skaidrę galima sumaišyti su bet kuria kita skaidrią į vieną nuoseklią maketą. Tai suteikia interneto dizaineriams daugybę galimybių, kai sukuriamas naujas skaidrių išdėstymas.

    Be to, visi „Slides Framework“ šriftai ir piktogramos gali laisvai naudoti bet kuriame jūsų sukurtoje šablone. Tai leidžia dizaineriams pritaikyti „Photoshop“ ar „Sketch“ dizainus, kad jų idėjos būtų perduotos kūrėjams.

    „Slides Framework“ yra skirtas sutaupyti laiko kūrimo metu, kai kuriami animuoti nukreipimo puslapiai. Viena licencija gali būti naudojama neribotoms svetainėms, kurios yra labai naudingos laisvai samdomiems darbuotojams ar kūrybinėms agentūroms, dirbančioms su keliais klientais.

    Jei norite sužinoti daugiau, apsilankykite DUK puslapyje, kuriame atsakoma į daugumą klausimų, kaip veikia „Slides“.

    Išankstinio užsakymo šablonai

    Jei norite sutaupyti laiko su skaidres, galite pasirinkti dirbti su vienu iš iš anksto sukurtų šablonų. Tai yra įvairių dizaino variantų nuo fono vaizdo įrašų iki „iOS“ programų nukreipimo puslapių.

    Skaidrių šablonų vaizdo įrašas suteikia fantastišką žvilgsnį į įvairias galimybes. Kiekvienas, kuris perka „Slides“ sistemą, gali pasirinkti, ar pritaikyti išdėstymą nuo nulio, arba pritaikyti vieną iš 11 greitojo paleidimo šablonų.

    Kiekvienas geras pagrindas apima keletą demo ir „Slides“ net turi savo pasirinktinių pavyzdžių puslapį, kuriame yra apakinti išdėstymai. Kai prisijungsite prie „Slides backend“, galėsite peržiūrėti šiuos pavyzdžius ir patraukti savo projekto (-ų) šaltinio kodą.

    Kiekvienas pavyzdžio išdėstymas parodo, kad Slides turi pasiūlyti platumą ir gylį. Galite nustatyti foninius vaizdo įrašus arba nuotraukas, taip pat su jais pritaikytas animacijas. Jei žinote, kaip pritaikyti paprastą HTML failą, tada jūs galite visiškai kontroliuoti šiuos šablonus ir kaip jie veikia.

    Tinklalapių skaidrių pritaikymas

    Vienas patogus „Slides Framework“ aspektas yra tas, kad jis veikia su HTML / CSS / JS kodu. Tai reiškia, kad galite sukurti nukreipimo puslapį „WordPress“, „Laravel“, „Django“ ar net „Node.js.“ Tačiau nereikia jokios „backend“ kalbos, nes skaidres galima paleisti kaip statinį HTML / CSS tinklalapį.

    Tai suteikia kūrėjams daug lankstumo konfigūruojant skaidres, kad jos būtų rodomos bet kurioje konkrečioje svetainėje.

    Pavyzdžiui, kažkas gali pageidauti, kad nukreipimo puslapis būtų pridėtas prie „WordPress“ svetainės, bet nebūtų įtrauktas į pagrindinį puslapį. Skaidrės gali būti naudojamos kaip WP šablonas, taikomas viename puslapyje, nedarant poveikio jokiam kitam svetainės puslapiui.

    Reikia pažymėti, kad kiekvienas, norintis redaguoti skaidrių išdėstymą, turės žinoti šiek tiek HTML / CSS. Jums nereikės naudoti „WordPress“ ar jokio kito CMS, tačiau „Slides“ veikia pagal HTML / CSS kodą. Dauguma „JavaScript“ yra įtrauktos į papildinius, tačiau kai kuriems nustatymams, pvz., Animacijos efektams, gali tekti atlikti ir rankinius pakeitimus.

    Turėkite tai omenyje, jei norite dirbti su Skaidrėmis, nes tam tikro lygio HTML / CSS / JS kvalifikacija bus ilgas.

    „All-in-all“ skaidrių šablonas suteikia neįtikėtiną patirtį bet kuriam pasirinktiniam nukreipimo puslapiui. Skaidrių generatorius ir iš anksto sukurti šablonai gali sutaupyti daug laiko rašyti ir perrašyti kodą iš naujo.

    Didžiausias dalykas, kurį reikia pažymėti, yra tas, kad „Slides“ reikalauja šiek tiek rankinio redagavimo, jei norite pritaikyti maketą, atitinkantį tam tikro projekto poreikius. Tai nėra privaloma būti ekspertu, bet jūs norėsite šiek tiek sužinoti apie HTML / CSS, kad būtų galima tinkamai keisti bet kurį šabloną.

    Apvyniojimas

    Yra labai nedaug (jei tokių yra) išsamių nukreipimo puslapių sistemų su lygiagrečiai su skaidres. Kodas yra išskirtinis, pritaikymas yra fantastinis, o „Slides“ kodų generatorius gali sutaupyti valandų.

    Jei norite pamatyti tiesioginį peržiūrą, apsilankykite nukreipimo puslapyje Slides. Jame taip pat pateikiama informacija apie „Slides“ funkcijas ir tai, ko galite tikėtis iš sistemos. Bendrasis skaidrės yra dinamiškas, lengvas ir puikiai tinka visiems, norintiems sukurti individualų reklaminį puslapį arba nukreipimo puslapį su pizzazz.