Turinio išdėstymo vadovas

Kai norime talpinti turinį internete, viena didžiausių problemų, su kuriomis susiduriame, yra ta, kad mano gauti pasiūlymai niekada nėra labai gerai apgalvoti, kad būtų sėkmingai įtraukti į internetą. Paprastai problema yra ta, kad be tinkamos struktūros dizainas ir išdėstymas paprastai neatrodo per gerai, todėl gaunamas nepatenkinamas rezultatas.

Štai kodėl aš pateiksiu labai pagrindinius paaiškinimus, kaip turinio išdėstymas turėtų būti laikomas tokiomis sąlygomis, kad maksimaliai supaprastintų darbą ir rezultatas būtų optimalus.

Šio vadovo tikslas yra, kad kiekvienas, neturintis žinių apie programavimą ar interneto plėtrą, galėtų pateikti man kokybišką maketą ir kad man nereikėtų per daug laiko praleisti bandant išgauti idėją per kelis pokalbius, kol pasiekiu išvadą.

1 žingsnis: šablonas

Norėdami turėti šabloną „nubrėžti“ mūsų pasiūlymą, ką mes ketiname padaryti, yra paimti foliją A4 ir mes jį sulankstysime VIENU TERMINU išilgai.

2 žingsnis: Turinys blokuojamas

Įsivaizduokime, kad turime kelių rūšių turinį: vaizdo įrašą, vaizdą, tekstą. Kiekvienas turinys yra stačiakampis arba kvadratinis blokas. Mes turime, kad pasirinktumėte blokus iš viršaus į apačią. Mes iliustruosime trijų tipų turinį.

Vaizdo blokas

Mes manysime, kad vaizdo įrašas paprastai bus „YouTube“ vaizdo įrašas, mes jį vaizduojame šablone taip:

2 vaizdas

Vaizdo blokas

Tai priklausys nuo to, ar vaizdas yra kraštovaizdžio, ar portreto, kaip mes sutiksime.

Teksto blokas

Tas pats, kaip vaizdo blokas, priklausomai nuo to, kaip norime teksto, įdėsime bloką ar kitą. Mes atstovaujame tai lygiagrečiomis linijomis.

Teksto blokai gali būti teksto blokai su įtrauktomis pastraipomis ir net tekstinių elementų sąrašai

Pateiksiu du pavyzdžius: teksto bloką šalia kraštovaizdžio vaizdo, kitą - šalia portreto:

3 vaizdas

Pavadinimo blokas

Pavadinimai pateikiami atskirais blokais yra pailgi blokai, kurie paprastai užima visą eilutę.

Sagų blokas

Jei norime paspausti mygtuką žmonėms spustelėti ir perkelti juos į kitą žiniatinklio dalį arba pasirodo tik langas su tam tikra informacija (arba forma)

Kiti blokai

Idėja panaši. Jei mes būtume supratę, kaip blokai veikia, manau, kad galėtume aiškiai sudėti kito tipo blokus, kurie, kaip ir ankstesni, tinka kvadratiniams ar stačiakampiams. Pvz., Jei norėtume pateikti formą, įtrauktą į turinį. Nors tai dažniausiai būna rečiausia, geriau prieš vartojant naujus blokus, kurie nėra pirmiau paminėti, paklauskite. Pabandysiu atnaujinti šį sąrašą, nes atsiranda naujų blokų idėjų, kurios gali sudominti visus.

Galiausiai, čia yra šablono su visų aukščiau paminėtų tipų blokais pavyzdys:

4 vaizdas

Išplečiant blokus

Jei mums reikia daugiau vietos, tiesiog turime pridėti daugiau puslapių prie bloko projekto apačioje. Nebūtina visko užpildyti žemyn, tačiau svarbu nepalikti tuščių tarpų iš viršaus į apačią tarp kiekvieno bloko vidurio. Tokiu būdu galime išplėsti puslapį:

5 vaizdas

3 žingsnis: turinio kūrimas

Dabar, kai mes išdėstėme turinį pagal blokus ir jų tipus, būtina sukurti turinį, kuris bus naudojamas tose blokuose. 3 žingsnis yra keičiamas su 2 žingsniu. Kitaip tariant, turinį galime sukurti anksčiau, o tada išdėstyti, žinodami turinio, kurį norime įtraukti, kiekį. Vienaip ar kitaip tai daryti nėra aišku, tačiau mes turime žinoti, kad turinys turi tiksliai atitikti mūsų išdėstymą.

Mes sekame ankstesnį pavyzdį. 4 vaizde matome šiuos blokus:

  • 2 pavadinimų blokai
  • „4“ teksto blokai
  • „1“ vaizdo blokas
  • „2“ vaizdo blokai
  • „1“ mygtukų blokas
  • VISO: 10 blokai

Todėl turėsime pakoreguoti savo turinį taip, kad jis puikiai tilptų į šiuos blokus neišeinant ir kad šrifto dydis būtų vienoda visose. Už tai galimas verta pirmiausia sukurkite turinį, tada jį užblokuokite. Tai jau labai priklauso nuo žmogaus.

4 žingsnis: Turinio pritaikymas blokams

Tarkime, kad mes jau turime piešinį ant popieriaus ir visus sukurtus turinio blokus. Dabar paskutinis žingsnis yra sujungti. Tam naudosime keletą įrankių, kad viską suderintume nusiųskite jį interneto dizaineriui.

Vaizdo įrašų blokai

Vaizdo įrašus galima perduoti dviem būdais:

  1. MP4 vaizdo įrašo formatu per tokį įrankį kaip WeTransfer.
  2. PASIRENKAMAS PASIRINKIMAS: įkelkite juos į „YouTube“ kovo kanalą ir perduokite „YouTube“ nuorodą į vaizdo įrašą.

Jei makete yra tik vienas vaizdo įrašas, problemų nebus. Bet jei yra keli vaizdo įrašai, mes turėsime juos kažkaip susieti su maketu, kurį padarėme popieriuje.

Pavyzdžiui. Įsivaizduokite, yra trys vaizdo įrašai. Išdėstyme pirmame vaizdo įraše nupiešime 1 numerį, antrame vaizdo įraše 2 numerį ir trečiajame vaizdo įraše 3 numerį. Tada siųsdami visą dokumentaciją įdėsime kažką panašaus:

  • Vaizdo įrašas „1“: Vaizdo įrašas apie neprievartos frazes su pavadinimu: „Svarbiausios neprievartos frazės“
  • Vaizdo įrašas „2“: Vaizdo įrašas apie vėliavos spalvas su pavadinimu „Nesmurto vėliava“
  • Vaizdo įrašas „3“: vaizdo įrašas apie grupę, kuri žygiuoja į Argentiną pavadinimu „Argentinos pagrindinė komanda“

Tai leis lengvai žinoti, kuris vaizdo įrašas atitinka kiekvieną skyrių.

Vaizdo blokai

Tokiu atveju visi vaizdai turi būti įkelti į IMGUR platformą: https://imgur.com/upload

Tada perduokite nuorodas į tuos vaizdus. Idealu yra sudėti vaizdus, ​​kaip ir vaizdo įrašus, pažymėtus 1, 2, 3 ir pan. Pavyzdžiui, įsivaizduokime, kad turime 4 vaizdus keliaudami Pietų Afrikoje. Keturios vadinamos vienodomis: „sudafrica.jpg“. Tada sudedame eilės pavadinimus į vietas, kur jie bus išdėstyti, ir nutapome numerį ant popieriaus, kurį jie atitinka. Pavyzdys:

  • sudafrica-1.jpg
  • sudafrica-2.jpg
  • sudafrica-3.jpg
  • sudafrica-4.jpg

Mygtuko, pavadinimo ir teksto blokai

Galiausiai šie blokai turėtų būti rašomi „Word“ dokumente arba, pageidautina, „Google“ dokumentuose.

Formatas yra labai paprastas: „Word“ dokumente pateikiame „Blokuoti“ (Pavadinimas, Mygtukas arba Tekstas) tipą ir numerį, kurį jis atitiks išdėstymą.

Pavyzdžiai:

  • 1 pavadinimas:…
  • 2 pavadinimas:…
  • 1 tekstas:…
  • 2 tekstas:…
  • 1 mygtukas:…
  • 2 mygtukas:…

Tada pateikiau dokumento pavyzdį su visiškai atsitiktiniais tekstais, kad būtų galima pamatyti, kaip tai būtų struktūrizuota, remiantis 4 vaizdo pavyzdžiu:

Štai kaip turėtų atrodyti išdėstymas, kai sudėsime numerius, atitinkančius kiekvieną skyrių:

6 vaizdas

4 žingsnis: siųskite viską

Viską padarę, turėsite tiesiog nusiųsti asmeniui, kuris bus atsakingas už maketą

Tai tiesiog užtruktų

  1. Eskizai ant popieriaus su maketu
  2. Turinys
    • Vaizdo įrašų nuorodos į „YouTube“ ar „WeTransfer“
    • IMGUR vaizdų nuorodos
    • Nuoroda į dokumentą „Google“ dokumentuose arba „Word“ failą

Notarui svarbus finalas

Idealu pagaliau būtų įtraukti puikų vaizdą, kuris bus lydimas puslapio antraštės „1“. Štai kodėl 1 antraštė visada turėtų būti rodoma pradžioje.

Antraštės paveikslėlis turi būti 960 x 540 taškų. Šį vaizdą, kaip ir kitus vaizdus, ​​gali siųsti IMGUR

Galutinis rezultatas

Galiausiai, turint visą šią informaciją, puslapis būtų sukurtas. Baigdamas šį pavyzdį, puslapis su galutiniu rezultatu, atsižvelgiant į visus anksčiau iškeltus parametrus, būtų toks:

Galutinis puslapis