Sprievodca pre usporiadanie obsahu

Keď chceme pripojiť obsah na web, jedným z veľkých problémov, ktorý zistíme, je to, že návrhy, ktoré dostávam, sa nikdy veľmi dobre neuvažujú, aby sa mohli úspešne začleniť do webu. Všeobecne je problémom to, že bez primeranej štruktúry nevyzerajú dizajn a usporiadanie príliš dobre, čo vedie k neuspokojivému výsledku.

Z tohto dôvodu uvediem niekoľko základných vysvetlení, ako by sa malo rozloženie obsahu považovať za podmienky, ktoré prácu maximálne zjednodušia a že výsledok je optimálny.

Cieľom tejto príručky je, aby mi niekto bez znalosti programovania alebo vývoja webových stránok mohol poskytnúť kvalitné rozloženie a aby som nemusel tráviť príliš veľa času pokusom extrahovať myšlienku prostredníctvom viacerých rozhovorov, až kým sa nedosiahnu závery.

Krok 1: Šablóna

Aby sme mali predlohu, do ktorej si môžeme „nakresliť“ náš návrh, zoberieme si hárok papiera A4 a preložíme ho po JEDNU TRETINU pozdĺžne.

Krok 2: Obsah blokuje

Predstavme si, že máme niekoľko typov obsahu: video, obrázok, text. Každý obsah je obdĺžnikový alebo štvorcový blok. Bloky musíme umiestniť zhora nadol podľa výberu. Budeme ilustrovať tri typy obsahu.

Blok videa

Budeme predpokladať, že video bude vo všeobecnosti video YouTube, reprezentujeme ho v šablóne nasledovne:

Blok obrázkov

Závisí to od toho, či je obrazom krajina alebo portrét, ako sa dohodneme.

Textový blok

Rovnaké ako blok obrázka, v závislosti od toho, ako chceme text, vložíme blok alebo iný. Znázorňujeme to paralelnými čiarami.

Textové bloky môžu byť textové bloky so zahrnutými odsekmi a párne zoznamy textových prvkov

Uvádzam dva príklady: blok textu vedľa obrázku na šírku a ďalší obrázok vedľa obrázka na výšku:

Záhlavie bloku

Názvy idú v samostatných blokoch sú pretiahnuté bloky, ktoré obyčajne zaberajú celú čiaru.

Tlačidlo blok

Ak chceme, aby ľudia klikali a presúvali ich do inej časti webu, zobrazí sa iba okno s informáciami (alebo formulárom)

Iné bloky

Myšlienka je podobná. Ak sme pochopili, ako bloky fungujú, myslím si, že by sme mohli jednoznačne vložiť iný typ bloku, ktorý sa podobne ako predchádzajúci hodí na štvorec alebo obdĺžnik. Napríklad, ak by sme chceli vložiť do obsahu formulár. Aj keď je to zvyčajne najmenej bežné, je lepšie sa spýtať pred použitím nových blokov, ktoré nie sú vyššie uvedených typov. Pokúsim sa aktualizovať tento zoznam, pretože vyjdú nové nápady na blok, ktoré by mohli zaujímať všetkých.

Nakoniec uvádzame príklad šablóny so všetkými vyššie uvedenými typmi blokov:

Rozšírenie blokov

Ak potrebujeme viac miesta, musíme jednoducho pridať viac stránok do návrhu bloku v spodnej časti. Nie je potrebné všetko vyplňovať nadol, ale je dôležité nenechávať prázdne medzery zhora nadol medzi stredom každého bloku. Týmto spôsobom môžeme stránku rozšíriť:

Krok 3: Vytvorenie obsahu

Teraz, keď máme rozloženie obsahu podľa blokov a typov blokov, je potrebné vytvoriť obsah, ktorý pôjde v týchto blokoch. Krok 3 je zameniteľný s krokom 2. Inými slovami, môžeme vytvoriť obsah skôr a potom rozvrhnutie poznať množstvo obsahu, ktoré chceme začleniť. Je nejednoznačné robiť to tak alebo onak, ale musíme si uvedomiť, že obsah musí presne zapadať do nášho rozloženia.

Budeme nasledovať predchádzajúci príklad. Na obrázku 4 vidíme nasledujúce bloky:

• 2 Bloky titulov
• Textové bloky 4
• Video blok 1
• Obrázkové bloky 2
• Tlačidlo 1
• Spolu: Bloky 10

Preto budeme musieť upraviť náš obsah tak, aby sa perfektne zmestil do týchto blokov bez opustenia a aby veľkosť písma bola rovnaká vo všetkých z nich. Za to možný stojí za to najprv vytvorte obsah a potom ho zablokujte, Už to veľmi záleží na osobe.

Krok 4: Prispôsobenie obsahu blokom

Predpokladajme, že návrh už máme na papieri a boli vytvorené všetky bloky obsahu. Posledným krokom je skombinovať ho. Na tento účel použijeme niekoľko nástrojov na skombinovanie všetkého a pošlite to webdizajnérovi.

Video bloky

Videá je možné prenášať dvoma spôsobmi:

1. Vo formáte videa MP4 pomocou nástroja ako WeTransfer.
2. PREFEROVANÁ MOŽNOSŤ: Nahráte ich na kanál March March a pošlete odkaz na video YouTube.

V prípade, že je v rozložení iba jedno video, nebude to problém. Ak však existuje niekoľko videí, budeme ich musieť nejakým spôsobom spojiť s rozvrhnutím, ktoré sme urobili na papieri.

Napríklad. Predstavte si, že existujú tri videá. V usporiadaní nakreslíme číslo 1 v prvom videu, číslo 2 v druhom videu a číslo 3 v treťom videu. A potom pri odosielaní všetkej dokumentácie vložíme niečo také:

• Video 1: Video, ktoré sa zaoberá frázami nenásilia s názvom: „Najdôležitejšie frázy nenásilia“
• Video 2: Video, ktoré sa zaoberá farbami vlajky s názvom: «Vlajka nenásilia»
• Video 3: Video, ktoré sa zaoberá skupinou, ktorá sa chystá na pochod v Argentíne s názvom: „Základný tím Argentíny“

Takto bude ľahké zistiť, ktoré video zodpovedá každej sekcii.

Bloky obrázkov

V takom prípade musia byť všetky obrázky odovzdané na platformu IMGUR: https://imgur.com/upload

A potom odovzdajte odkazy na tieto obrázky. Ideálne je umiestniť obrázky rovnaké ako videá, označené 1, 2, 3 atď. Predstavme si napríklad, že máme 4 obrázky na ceste v Južnej Afrike. Všetky štyri majú rovnaký názov: „sudafrica.jpg“. No a postupné mená dáme tam, kde budú v rozložení a na papier namaľujeme číslo, ktorému zodpovedajú. Príklad:

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

Bloky tlačidiel, nadpisov a textov

Tieto bloky by sa napokon mali zapísať do dokumentu Word alebo podľa možnosti do Dokumentov Google.

Formát je veľmi jednoduchý: Do dokumentu Word vložíme typ bloku (Názov, Tlačidlo alebo Text), za ktorým nasleduje číslo, s ktorým bude v rozložení zodpovedať.

Príklady:

• Hlava 1:….
• Hlava 2:…
• Text 1:…
• Text 2:…
• Tlačidlo 1:…
• Tlačidlo 2:…

Potom som dal príklad dokumentu s úplne náhodnými textami, aby bolo vidieť, ako by to malo byť štruktúrované, podľa príkladu obrázka 4:

Takto by malo vyzerať rozloženie po vložení čísel zodpovedajúcich každej sekcii:

Krok 4: Poslať všetko

Keď urobíme všetko, budete ho jednoducho musieť poslať osobe, ktorá bude mať na starosti rozloženie

Jednoducho by to trvalo

1. Náčrtky na papieri s rozložením
2. Obsah
   • Video odkazy na YouTube alebo WeTransfer
   • Odkazy na obrázky IMGUR
   • Odkaz na dokument v aplikácii Dokumenty Google alebo v súbore programu Word

Notary Dôležité finále

Ideálne by bolo zahrnúť vynikajúci obrázok, ktorý bude sprevádzať hlavičku Hlavy 1 na stránke. Preto by sa hlava 1 mala vždy objavovať na začiatku.

Obrázok hlavičky musí mať veľkosť 960 x 540 pixelov. Tento obrázok môžete odoslať ako zvyšok obrázkov pomocou protokolu IMGUR

Konečný výsledok

A nakoniec so všetkými týmito informáciami by sa stránka vytvorila. Nasledujúcim príkladom by mala byť stránka s konečným výsledkom nasledujúcim po všetkých parametroch, ktoré sme predtým nastavili, takto:

Záverečná stránka