Sisu paigutuse juhend

Kui tahame veebisisu lisada, on üks olulisemaid probleeme see, et minu esitatud ettepanekud pole kunagi väga hästi läbi mõeldud, et neid edukalt veebisse lisada. Üldiselt on probleemiks see, et ilma piisava struktuurita ei näe kujundus ja paigutus tavaliselt liiga head, andes ebarahuldava tulemuse.

Seetõttu annan mõned väga lihtsad selgitused selle kohta, kuidas tuleks sisu paigutust pidada sellistes tingimustes, et tööd maksimaalselt lihtsustada ja tulemus oleks optimaalne.

Selle juhendi eesmärk on, et kõik, kes ei tea programmeerimist ega veebiarendust, saaksid mulle anda kvaliteetse kujunduse ja et ma ei peaks kulutama liiga palju aega idee ammutamiseks mitme vestluse kaudu, kuni jõuan järeldusele.

Samm 1: mall

Selleks, et meil oleks mall, kuhu me oma ettepaneku „joonistame“, võtame A4-is foliumi ja voldime selle pikisuunas ÜHE THERTIUMiga.

Samm 2: sisu blokeerib

Kujutame ette, et meil on mitut tüüpi sisu: video, pilt, tekst. Iga sisu on ristkülikukujuline või ruudukujuline plokk. Me peame oma valikul sobitama plokid ülaosast malli. Illustreerime kolme tüüpi sisu.

Videoplokk

Eeldame, et video on üldiselt YouTube'i video, esindame seda mallis järgmiselt:

2 pilt

Pildiplokk

See sõltub sellest, kas pilt on maastik või portree, nagu me lepime kokku.

Tekstiplokk

Sama, mis pildiplokk, sõltuvalt sellest, kuidas me teksti tahame, selle või teise ploki paneme. Me esindame seda paralleelsete joontega.

Tekstiplokid võivad olla tekstplokid koos lisatud lõikude ja isegi tekstide loetelu

Toon kaks näidet: tekstiplokk maastikupildi kõrvale ja teine ​​portreepildi kõrvale:

3 pilt

Pealkirjaplokk

Jaotised lähevad eraldi plokkideks piklike plokkidena, mis üldiselt hõlmavad kogu rida.

Nuppude plokk

Kui soovime panna nupu, et inimesed klõpsaksid ja viiksid nad mõnda teise veebiossa, või kuvatakse lihtsalt aken koos mõne teabe (või vormi)

Muud plokid

Idee on sarnane. Kui oleme aru saanud, kuidas klotsid töötavad, võiks minu arvates selgelt panna teist tüüpi klotse, mis sarnaselt eelmistega sobivad ruudukujuliseks või ristkülikukujuliseks. Näiteks kui me sooviksime lisada sisusse lisatud vormi. Kuigi see on tavaliselt kõige vähem levinud, on parem enne uute plokkide kasutamist küsida, mis ei kuulu ülalnimetatud tüüpi. Proovin seda nimekirja värskendada, kuna ilmnevad uued plokiideed, mis võivad kõigile huvi pakkuda.

Lõpuks on siin näide malli tüüpidest, mis sisaldavad kõiki ülalnimetatud tüüpi plokke:

4 pilt

Plokkide laiendamine

Kui vajame rohkem ruumi, peame lihtsalt lisama allosas ploki kujundusele rohkem lehti. Kõike allapoole täita ei ole vaja, kuid oluline on mitte jätta tühje lünki ülalt alla iga ploki keskosa vahele. Sel viisil saame lehte laiendada:

5 pilt

Samm 3: sisu loomine

Nüüd, kui meil on sisu paigutatud plokkide ja plokkide tüüpide järgi, on vaja luua sisu, mis nendes plokkides toimub. 3 samm on 2 sammuga asendatav. Teisisõnu, me saame sisu enne luua ja seejärel paigutada, teades, kui palju sisu me tahame kaasata. Ühel või teisel viisil seda teha on ebaselge, kuid peame teadma, et sisu peab täpselt mahtuma meie paigutuse alla

Järgime eelmist näidet. 4-i pildil näeme järgmisi plokke:

  • 2 tiitliplokid
  • 4-i tekstplokid
  • 1-i videoplokk
  • 2-i pildiblokid
  • 1 nuppude blokeerimine
  • Summa: 10 plokid

Seetõttu peame oma sisu kohandama nii, et see sobiks ideaalselt nendesse lahtritesse lahkumata ja et fondi suurus oleks kõigis neis täpselt sama. Selleks on võimalik seda väärt looge esmalt sisu ja blokeerige see siis. See sõltub juba inimesest palju.

4 samm: sisu sisustamine plokkidega

Oletame, et meil on juba paberile joonistatud kujundus ja kõik loodud sisuplokid. Nüüd on viimane samm selle ühendamine. Selleks kasutame mitut tööriista, et kõike kombineerida saatke see veebidisainerile.

Videoplokid

Videoid saab edastada kahel viisil:

  1. MP4 videoformaadis sellise tööriista kaudu nagu WeTransfer.
  2. EELISTATUD VÕIMALUS: laadige nad üles YouTube'i märtsi kanalisse ja edastage YouTube'i link videole.

Kui paigutuses on ainult üks video, pole probleemi. Kuid kui videoid on mitu, peame need mingil viisil seostama paberil tehtud paigutusega.

Näiteks. Kujutage ette, seal on kolm videot. Paigutusele joonistame esimeses videos 1 numbri, teises videos 2 numbri ja kolmandas videos 3 numbri. Ja siis kogu dokumentatsiooni saatmisel paneme midagi sellist:

  • Video 1: Video vägivallaväljendite kohta pealkirjaga: “Kõige olulisemad vägivallaväljad”
  • Video 2: video lipu värvidest pealkirjaga: "vägivallatu lipp"
  • Video 3: Video Argentiinas marssima hakkava grupi kohta pealkirjaga: “Argentina baasmeeskond”

Nii on lihtne teada, milline video vastab igale jaotisele.

Piltplokid

Sel juhul tuleb kõik pildid üles laadida IMGUR-i platvormile: https://imgur.com/upload

Ja siis edastage nende piltide lingid. Ideaalne on piltide paigutamine täpselt nagu videod, tähistatud 1, 2, 3 jne. Kujutame näiteks ette, et meil on Lõuna-Aafrikas liikvel 4-i pilte. Neid nelja nimetatakse samaks: "sudafrica.jpg". Seejärel paneme järjestikused nimed punkti, kus nad paigutuses asuvad, ja värvige paberile number, millele nad vastavad. Näide:

  • Lõuna-Aafrika-1.jpg
  • Lõuna-Aafrika-2.jpg
  • Lõuna-Aafrika-3.jpg
  • Lõuna-Aafrika-4.jpg

Nupud, pealkirjad ja tekstiplokid

Lõpuks tuleks need plokid kirjutada Wordi dokumenti või soovitavalt Google Docsisse.

Formaat on väga lihtne: Wordi dokumenti paneme ploki tüübi (pealkiri, nupp või tekst), millele järgneb number, millele see paigutuses vastab.

Näited:

  • Pealkiri 1:…
  • Pealkiri 2:…
  • 1i tekst:…
  • 2i tekst:…
  • Nupp 1:…
  • Nupp 2:…

Seejärel panin näidisdokumendi täiesti juhuslike tekstidega, nii et näeksin 4-i pildi näitel, kuidas see oleks üles ehitatud:

Nii peaks paigutus välja nägema, kui oleme pannud igale jaotisele vastavad numbrid:

6 pilt

4 samm: saatke kõik

Kui oleme kõik teinud, peate selle lihtsalt saatma kujunduse eest vastutavale isikule

See lihtsalt võtaks

  1. Visandid paberil koos paigutusega
  2. Sisu
    • Videolinkid YouTube'i või WeTransferisse
    • Piltide IMGUR-lingid
    • Google Docsis oleva dokumendi või Wordi faili link

Notari oluline finaal

Ideaalne oleks lõpuks lisada silmapaistev pilt, mis on see, mis lisatakse lehe pealkirjale 1. Seetõttu peaks pealkiri 1 alati ilmuma selle alguses.

Päise pildi suurus peab olema 960 x 540 pikslit. IMGUR saadab selle pildi nagu ülejäänud pildid

Lõpptulemus

Ja lõpuks kogu selle teabe korral oleks leht üles seatud. Selle näite järel ja lõpetuseks oleks leht, mille lõpptulemus järgiks kõiki meie varem tõstatatud parameetreid, järgmine:

Viimane leht