Satura izkārtojuma rokasgrāmata

Kad mēs vēlamies ievietot saturu tīmeklī, viena no lielākajām problēmām, kas mums šķiet, ir tā, ka mani saņemtie priekšlikumi nekad nav pārāk labi pārdomāti, lai tos veiksmīgi iekļautu tīmeklī. Parasti problēma ir tā, ka bez atbilstošas ​​struktūras dizains un izkārtojums parasti neizskatās pārāk labi, dodot neapmierinošu rezultātu.

Tāpēc es sniegšu dažus ļoti vienkāršus skaidrojumus par to, kā satura izkārtojums būtu jāapsver apstākļos, lai darbu maksimāli vienkāršotu un rezultāts būtu optimāls.

Šīs rokasgrāmatas mērķis ir, lai ikviens, kam nav zināšanu par programmēšanu vai tīmekļa attīstību, varētu man dot kvalitatīvu izkārtojumu un ka man nav jāpavada pārāk daudz laika, lai mēģinātu ideju iegūt vairākās sarunās, līdz tiek izdarīts secinājums.

Solis 1: veidne

Lai būtu veidne, kurā varētu “uzzīmēt” savu piedāvājumu, mēs paņemsim A4 papīra lapu un salokām to gareniski par VIENU TREŠĀDU.

Solis 2: saturs tiek bloķēts

Iedomāsimies, ka mums ir vairāki satura veidi: video, attēls, teksts. Katrs saturs ir taisnstūrveida vai kvadrātveida bloks. Pēc mūsu izvēles bloki no veidnes augšdaļas uz leju ir jāpielāgo. Mēs ilustrēsim trīs satura veidus.

Video bloks

Mēs pieņemsim, ka videoklips parasti būs YouTube videoklips, un veidnē tas tiek attēlots šādi:

Attēlu bloks

Tas būs atkarīgs no tā, vai attēls ir ainavas vai portreta attēls, kā mēs vienosimies.

Teksta bloks

Tas pats, kas attēlu bloks, atkarībā no tā, kā vēlamies tekstu, mēs ieliksim bloku vai citu. Mēs to pārstāvam ar paralēlām līnijām.

Teksta bloki var būt teksta bloki ar iekļautām rindkopām un pat tekstuālo preču saraksti

Es ielikšu divus piemērus: teksta bloku blakus ainavas attēlam un otru blakus portreta attēlam:

Virsrakstu bloks

Nosaukumi iet atsevišķos blokos ir iegareni bloki, kas parasti aizņem visu līniju.

Pogu bloks

Ja mēs vēlamies nospiest pogu, lai cilvēki varētu noklikšķināt, un novirzīt viņus uz citu tīmekļa daļu, vai arī parādās tikai logs ar kādu informāciju (vai veidlapu)

Citi bloki

Ideja ir līdzīga. Ja mēs esam sapratuši, kā bloki darbojas, es domāju, ka mēs varētu skaidri ievietot cita veida blokus, kas, līdzīgi kā iepriekšējie, der kvadrātveida vai taisnstūrveida. Piemēram, ja mēs vēlamies ievietot formā iekļautu formu. Lai gan tas parasti ir visizplatītākais, labāk ir jautāt, pirms izmantojat jaunus blokus, kas nav iepriekšminētie veidi. Es centīšos atjaunināt šo sarakstu, jo parādījās jaunas bloku idejas, kas varētu interesēt ikvienu.

Visbeidzot, šeit ir veidnes piemērs ar visiem iepriekšminētajiem bloku veidiem:

Bloku paplašināšana

Ja mums vajag vairāk vietas, mums vienkārši jāpievieno vairāk lapu bloka noformējumam apakšā. Nav nepieciešams visu aizpildīt uz leju, bet ir svarīgi neatstāt tukšas spraugas no augšas uz leju starp katra bloka vidu. Tādā veidā mēs varam paplašināt lapu:

Solis 3: satura izveidošana

Tagad, kad mums ir satura izkārtojums pēc blokiem un bloku veidiem, ir jāizveido saturs, kas tiks izmantots šajos blokos. 3 solis ir aizstājams ar 2 soli. Citiem vārdiem sakot, mēs varam izveidot saturu pirms tam un pēc tam izkārtojumu, zinot, cik daudz satura mēs vēlamies iekļaut. Nav nekļūdīgi to darīt vienā vai otrā veidā, taču mums jāapzinās, ka saturam precīzi jāatbilst mūsu izkārtojumam

Mēs sekosim iepriekšējam piemēram. 4 attēlā mēs varam redzēt šādus blokus:

• 2 virsrakstu bloki
• 4 teksta bloki
• 1 video bloks
• 2 attēlu bloki
• 1 pogu bloķēšana
• Kopā: 10 bloki

Tāpēc mums būs jāpielāgo mūsu saturs tā, lai tas perfekti ietilptu šajos blokos, neizejot no tā, un lai burtu lielums būtu pilnīgi vienāds visos tajos. Par to iespējams vērts vispirms izveidojiet saturu un pēc tam to bloķējiet. Tas jau daudz kas ir atkarīgs no cilvēka.

Solis 4: satura pielāgošana blokiem

Pieņemsim, ka mums jau ir uz papīra uzzīmēts dizains un visi izveidotie satura bloki. Tagad pēdējais solis ir to apvienot. Šim nolūkam mēs izmantosim vairākus rīkus, lai visu apvienotu nosūtiet to web dizainerim.

Video bloki

Video var pārsūtīt divos veidos:

1. MP4 video formātā, izmantojot tādu rīku kā WeTransfer.
2. IEPRIEKŠĒJAIS IESPĒJA: augšupielādējiet tos YouTube marta kanālā un nododiet YouTube saiti uz videoklipu.

Ja izkārtojumā ir tikai viens video, problēmu nebūs. Bet, ja ir vairāki videoklipi, mums tie kaut kādā veidā būs jāsaista ar izkārtojumu, ko esam izdarījuši uz papīra.

Piemēram. Iedomājieties, ka ir trīs video. Izkārtojumā mēs uzzīmēsim 1 numuru pirmajā videoklipā, 2 numuru otrajā video un 3 numuru trešajā video. Nosūtot visu dokumentāciju, mēs ievietosim kaut ko līdzīgu:

• 1. videoklips: videoklips, kurā aplūkotas nevardarbības frāzes ar nosaukumu "Svarīgākās nevardarbības frāzes"
• 2. video: video, kurā aplūkotas karoga krāsas ar nosaukumu: «Nevardarbības karogs»
• 3. videoklips: Video, kas stāsta par grupu, kas gatavojas maršēt Argentīnā ar nosaukumu: “Argentīnas bāzes komanda”

Tādējādi būs viegli uzzināt, kurš video atbilst katrai sadaļai.

Attēlu bloki

Šajā gadījumā visi attēli ir jāaugšupielādē IMGUR platformā: https://imgur.com/upload

Un pēc tam nosūtiet saites uz šiem attēliem. Ideāli ir ievietot attēlus tāpat kā videoklipus, kas atzīmēti ar 1, 2, 3 un tā tālāk. Piemēram, iedomāsimies, ka Dienvidāfrikā mums ir 4 attēli. Visiem četriem ir vienāds nosaukums: “sudafrica.jpg”. Mēs ievietojam secīgus nosaukumus līdz vietai, kur tie būs izkārtojumā, un uz papīra uzzīmējam numuru, kuram tie atbilst. Piemērs:

• Dienvidāfrika-1.jpg
• Dienvidāfrika-2.jpg
• Dienvidāfrika-3.jpg
• Dienvidāfrika-4.jpg

Pogas, nosaukuma un teksta bloki

Visbeidzot, šie bloki jāraksta Word dokumentā vai vēlams Google dokumentos.

Formāts ir ļoti vienkāršs: Word dokumentā mēs ievietojam bloķēšanas veidu (nosaukums, poga vai teksts), kam seko izkārtojumā norādītais numurs.

Piemēri:

• 1. sadaļa:….
• 2. sadaļa:…
• 1. teksts:…
• 2. teksts:…
• 1. poga:…
• 2. poga:…

Tad es ievietoju dokumenta paraugu ar pilnīgi nejaušiem tekstiem, lai varētu redzēt, kā tas tiks strukturēts, sekojot 4 attēla piemēram:

Šādi vajadzētu izskatīties izkārtojumam, kad esam ievietojuši numurus, kas atbilst katrai sadaļai:

4 solis: nosūtiet visu

Kad būsim izdarījuši visu, jums tas vienkārši būs jānosūta personai, kura būs atbildīga par izkārtojumu

Tas vienkārši prasītu

1. Skices uz papīra ar izkārtojumu
2. Saturs
   • Video saites uz YouTube vai WeTransfer
   • Attēlu IMGUR saites
   • Saite uz dokumentu Google dokumentos vai Word failu

Notārs Svarīgs fināls

Visbeidzot ideāls būtu iekļaut izcilu attēlu, kas ir pievienots lapas 1 virsrakstam. Tāpēc 1 sadaļai vienmēr vajadzētu parādīties tās sākumā.

Galvenes attēlam jābūt 960 x 540 pikseļu lielumam. Šo attēlu tāpat kā pārējos attēlus var nosūtīt IMGUR

Galīgais rezultāts

Visbeidzot ar visu šo informāciju lapa tiktu izveidota. Pēc šī parauga un, nobeidzot ar šo, lapa ar gala rezultātu pēc visiem iepriekš izvirzītajiem parametriem būtu šāda:

Noslēguma lapa