Vodič za raspored sadržaja

Kad želimo montirati sadržaj na webu, jedan od velikih problema koji nalazimo jest da se prijedlozi koje primam nikad nisu dobro zamislili kako bi bili uspješno ugrađeni u web. Općenito je problem što bez odgovarajuće strukture dizajn i izgled obično ne izgledaju previše dobro, dajući nezadovoljavajući rezultat.

Zato ću vam dati vrlo temeljna objašnjenja kako treba razmotriti izgled sadržaja u uvjetima da se rad pojednostavi do maksimuma i da je rezultat optimalan.

Cilj ovog vodiča je da mi bez znanja o programiranju ili razvoju web stranica može dati kvalitetan izgled i da ne moram trošiti previše vremena pokušavajući izvesti ideju kroz više razgovora dok ne postignem zaključak.

Korak 1: Predložak

Kako bismo imali predložak po kojem bismo mogli "nacrtati" naš prijedlog, ono što ćemo učiniti je uzeti A4 list papira i presavinuti ga za TREĆINU po dužini.

Korak 2: Sadržajni blokovi

Zamislimo da imamo nekoliko vrsta sadržaja: video, slika, tekst. Svaki je sadržaj pravokutni ili kvadratni blok. Moramo uklopiti blokove od vrha do dna predloška po našem izboru. Ilustrirat ćemo tri vrste sadržaja.

Video blok

Pretpostavit ćemo da će videozapis općenito biti YouTube videozapis, u predlošku ćemo ga predstaviti na sljedeći način:

Blok slike

Ovisi o tome je li slika pejzažna ili portretna, kao što ćemo se složiti.

Tekst blok

Isto kao i blok slike, ovisno o tome kako želimo tekst staviti ćemo blok ili neko drugo. Predstavljamo ga paralelnim linijama.

Tekstualni blokovi mogu biti tekstualni blokovi s uključenim odlomcima, pa čak i jedno popisi tekstualnih predmeta

Navest ću dva primjera: blok teksta pored slike pejzaža i drugi pored portretne slike:

Naslovni blok

Naslovi idu u zasebne blokove izduženi su blokovi koji uglavnom zauzimaju čitavu crtu.

Blok gumba

Ako želimo staviti gumb da ljudi kliknu i odvedu ih na drugi dio weba ili se pojavi samo prozor s nekim informacijama (ili obrascem)

Ostali blokovi

Ideja je slična. Ako smo shvatili kako blokovi djeluju, mislim da bismo mogli jasno staviti drugu vrstu bloka koji, slično prethodnim, odgovara kvadratnom ili pravokutnom obliku. Na primjer, ako smo htjeli staviti obrazac uvrsten u sadržaj. Iako je to obično najmanje uobičajeno, bolje je pitati prije korištenja novih blokova koji nisu od gore spomenutih tipova. Pokušat ću ažurirati ovaj popis jer izlaze nove blokovske ideje koje bi mogle biti zanimljive svima.

Na kraju, evo primjera predloška sa svim vrstama spomenutih blokova:

Proširivanje blokova

Ako nam treba više prostora, jednostavno ćemo dodati više stranica u dizajn bloka pri dnu. Nije potrebno sve ispuniti, ali važno je ne ostavljati prazne praznine odozgo prema dolje između sredine svakog bloka. Na ovaj način možemo proširiti stranicu:

Korak 3: Izrada sadržaja

Sad kad imamo izgled sadržaja po blokovima i vrstama blokova potrebno je kreirati sadržaj koji će ići u te blokove. Korak 3 zamjenjiv je s korakom 2. Drugim riječima, sadržaj možemo stvoriti prije, a zatim ga izraditi, znajući količinu sadržaja koji želimo ugraditi. To je nejasno učiniti na ovaj ili onaj način, ali moramo biti svjesni da se sadržaj mora točno uklopiti u naš izgled

Slijedit ćemo prethodni primjer. Na 4 slici možemo vidjeti sljedeće blokove:

• 2 blokovi naslova
• 4 tekstualni blokovi
• 1 video blok
• Blokovi slike 2
• Blok gumba 1
• ukupno: Blokovi 10

Stoga ćemo morati prilagoditi svoj sadržaj tako da se savršeno uklapa u ove blokove bez napuštanja i da je veličina fonta u svim njima jednaka. Za to je moguće vrijedi prvo stvorite sadržaj, a zatim ga blokirajte, To već puno ovisi o osobi.

Korak 4: Dogovaranje sadržaja blokovima

Pretpostavimo da dizajn već imamo na papiru i sve sadržane blokove sadržaja. Sada je posljednji korak to kombiniranje. Za to ćemo upotrijebiti nekoliko alata za kombiniranje svega i pošaljite ga web dizajneru.

Blokovi videozapisa

Videozapisi se mogu prosljeđivati ​​na dva načina:

1. U MP4 video formatu putem alata poput WeTransfer.
2. PREFERRED OPTION: Učitavanje njih na kanal ožujka na YouTubeu i prosljeđivanje na YouTube linku na video.

U slučaju da u izgledu postoji samo jedan video, neće biti problema. Ali ako postoji nekoliko videozapisa, morat ćemo ih na neki način povezati s izgledom koji smo napravili na papiru.

Na primjer. Zamislite da postoje tri videa. U izgledu ćemo izvući 1 broj u prvom videozapisu, 2 broj u drugom videu i 3 broj u trećem video. A onda kad pošaljemo svu dokumentaciju, stavit ćemo ovako:

• Video 1: Video koji se bavi frazama nenasilja s naslovom: "Najvažnije fraze nenasilja"
• Video 2: Video koji se bavi bojama zastave s naslovom: «Zastava nenasilja»
• Video 3: Video koji se bavi grupom koja će marširati u Argentinu s naslovom: “Bazni tim Argentine”

Tako ćete lako znati koji videozapis odgovara svakom odjeljku.

Blokovi slike

U tom slučaju sve slike moraju biti prenesene na IMGUR platformu: https://imgur.com/upload

A zatim proslijedite poveznice na te slike. Idealno je staviti slike kao i video zapise, označene s 1, 2, 3 i tako dalje. Na primjer, zamislimo da imamo 4 slike u pokretu u Južnoj Africi. Sva četiri imaju isti naziv: “sudafrica.jpg”. Pa, uzastopna imena stavljamo do točke na kojoj će biti u izgledu i na papiru oslikavamo broj kojem odgovaraju. Primjer:

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

Blokovi gumba, naslova i teksta

Na kraju, ovi blokovi trebaju biti zapisani u Word dokumentu, ili po mogućnosti u Google Dokumentima.

Format je vrlo jednostavan: u Word dokument stavljamo vrstu bloka (naslov, gumb ili tekst), a slijedi broj kojem će odgovarati u izgledu.

Primjeri:

• Naslov 1:….
• Naslov 2:…
• Tekst 1:…
• Tekst 2:…
• Gumb 1:…
• Gumb 2:…

Zatim stavljam primjer dokumenta s posve slučajnim tekstovima, tako da se može vidjeti kako će to biti strukturirano, slijedeći primjer slike 4:

Ovako treba izgledati izgled nakon što stavimo brojeve koji odgovaraju svakom odjeljku:

4 korak: Pošaljite sve

Nakon što učinimo sve, jednostavno ćete ga morati poslati osobi koja će biti zadužena za izgled

Jednostavno bi trebalo

1. Skice na papiru s izgledom
2. Sadržaj
   • Video veze na YouTube ili WeTransfer
   • IMGUR veze slika
   • Veza na dokument u Google dokumentima ili Word datoteku

Javno bilježničko važno finale

Idealno bi konačno bilo uključiti izvanrednu sliku koja je ona koja će pratiti naslov 1 naslov stranice. Zato se naslov 1 uvijek treba pojavljivati ​​na početku.

Slika zaglavlja mora imati veličinu 960 x 540 piksela. IMGUR ovu sliku može poslati kao i ostale slike, kao i ostale slike

Konačni rezultat

I konačno bi se sa svim tim informacijama postavila stranica. Slijedom i za kraj ovog primjera, stranica s konačnim rezultatom koji slijedi sve prethodno navedene parametre bit će:

Završna stranica