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

Et oleks mall, kuhu saaksime oma ettepaneku “joonistada”, võtame A4 paberilehe ja murrame selle pikkupidi ÜHE KOLMANDIKU võrra kokku.

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:

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:

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:

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:

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:

• 1. video: video, mis käsitleb vägivallatuse fraase pealkirjaga "Kõige olulisemad vägivallatuse fraasid"
• Video 2: Video, mis käsitleb lipu värve pealkirjaga: «Vägivallatuse lipp»
• 3. video: video, mis käsitleb Argentinas marssima hakkavat gruppi pealkirjaga "Argentiina 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 seejärel edastage nende piltide lingid. Ideaalne on panna pildid samamoodi nagu videod, tähistatud 1, 2, 3 ja nii edasi. Näiteks kujutame ette, et meil on Lõuna-Aafrikas lennult neli pilti. Kõigil neljal on sama nimi: "sudafrica.jpg". Noh, paneme järjestikused nimed sellesse kohta, kus need paigutuses asuvad, ja värvime paberile numbri, millele need 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:

• 1. jaotis:….
• 2. jaotis:…
• 1. tekst:…
• 2. 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:

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