Průvodce pro uspořádání obsahu

Chceme-li na web připojit obsah, jeden z velkých problémů, který zjistíme, je, že návrhy, které dostanu, nejsou nikdy velmi dobře promyšleny, aby byly uspokojivě začleněny do webu. Obecně je problém ten, že bez odpovídající struktury design a rozvržení obvykle nevypadají příliš dobře, což vede k neuspokojivému výsledku.

Z tohoto důvodu uvedu několik základních vysvětlení, jak by mělo být rozvržení obsahu zvažováno v podmínkách, které práci maximálně zjednoduší a že výsledek je optimální.

Cílem této příručky je, aby mi kdokoli, kdo nemá znalosti programování nebo vývoje webových stránek, mohl poskytnout kvalitní rozvržení a abych nemusel trávit příliš mnoho času snahou extrahovat myšlenku prostřednictvím více rozhovorů, dokud nedojde k závěru.

Krok 1: Šablona

Abychom měli šablonu, kam si můžeme „nakreslit“ náš návrh, vezmeme si list papíru A4 a přeložíme ho podélně o TŘEtinu.

Krok 2: Obsah blokuje

Představme si, že máme několik typů obsahu: video, obrázek, text. Každý obsah je obdélníkový nebo čtvercový blok. Bloky musíme přizpůsobit shora dolů podle naší volby. Budeme ilustrovat tři typy obsahu.

Video blok

Budeme předpokládat, že video bude obecně video YouTube, reprezentujeme ho v šabloně následovně:

Blok obrázku

Závisí to na tom, zda je obrazem krajina nebo portrét, jak se dohodneme.

Textový blok

Stejně jako blok obrázku, v závislosti na tom, jak chceme text, umístíme blok nebo jiný. Znázorňujeme to paralelními čarami.

Textové bloky mohou být textové bloky se zahrnutými odstavci a sudé seznamy textových položek

Uvedu dva příklady: blok textu vedle obrázku na šířku a druhý vedle obrázku na výšku:

Název bloku

Tituly jdou v samostatných blocích jsou protáhlé bloky, které obvykle zabírají celou řadu.

Tlačítko blok

Chceme-li dát lidem tlačítko, aby klikli a přenesli je do jiné části webu nebo jen do okna s informacemi (nebo formulářem)

Další bloky

Myšlenka je podobná. Pokud jsme pochopili, jak bloky fungují, myslím, že bychom mohli jasně vložit jiný typ bloku, který, podobně jako předchozí, se hodí na čtverec nebo obdélník. Pokud bychom například chtěli vložit do obsahu formulář. Ačkoli je to obvykle nejméně běžné, je lepší se zeptat před použitím nových bloků, které nejsou výše uvedených typů. Pokusím se aktualizovat tento seznam, protože vyjdou nové nápady na blok, které by mohly zajímat všechny.

Nakonec je zde uveden příklad šablony se všemi výše uvedenými typy bloků:

Rozšiřování bloků

Pokud potřebujeme více místa, musíme jednoduše přidat více stránek do návrhu bloku ve spodní části. Není nutné vyplňovat všechno dolů, ale je důležité nenechávat prázdné mezery shora dolů mezi středem každého bloku. Tímto způsobem můžeme stránku rozšířit:

Krok 3: Vytvoření obsahu

Nyní, když máme rozložení obsahu podle bloků a typů bloků, je nutné vytvořit obsah, který v těchto blocích půjde. Krok 3 je zaměnitelný s krokem 2. Jinými slovy, můžeme vytvořit obsah dříve a poté rozvržení vědět, kolik obsahu chceme začlenit. Je nezřetelné dělat to tak či onak, ale musíme si uvědomit, že obsah musí přesně odpovídat našemu rozvržení

Budeme následovat předchozí příklad. Na obrázku 4 vidíme následující bloky:

• 2 Název Bloky
• Textové bloky 4
• Video blok 1
• Bloky obrázků 2
• Tlačítko 1
• Celková cena: Bloky 10

Proto budeme muset upravit náš obsah tak, aby se perfektně hodil do těchto bloků bez opuštění a aby velikost písma byla ve všech z nich stejná. Za to je to možné stojí za to nejprve vytvořte obsah a poté jej zablokujte. To už hodně záleží na osobě.

Krok 4: Přizpůsobení obsahu blokům

Předpokládejme, že návrh již máme nakreslený na papíře a vytvořili jsme všechny bloky obsahu. Nyní posledním krokem je zkombinování. K tomu použijeme několik nástrojů ke zkombinování všeho a pošlete to webdesignérovi.

Video bloky

Videa lze přenášet dvěma způsoby:

1. Ve formátu videa MP4 pomocí nástroje jako WeTransfer.
2. PREFEROVANÁ MOŽNOST: Nahrajte je do kanálu March March a předejte na video odkaz YouTube.

V případě, že je v rozvržení pouze jedno video, nebude problém. Pokud však existuje několik videí, budeme je muset nějakým způsobem spojit s rozvržením, které jsme provedli na papíře.

Například. Představte si, že existují tři videa. V rozvržení nakreslíme číslo 1 v prvním videu, číslo 2 v druhém videu a číslo 3 v třetím videu. A pak při odesílání veškeré dokumentace vložíme něco podobného:

• Video 1: Video, které se zabývá frázemi nenásilí s názvem: „Nejdůležitější fráze nenásilí“
• Video 2: Video, které se zabývá barvami vlajky s názvem: «Vlajka nenásilí»
• Video 3: Video, které pojednává o skupině, která se chystá na pochod v Argentině s názvem: „Základní tým Argentiny“

Díky tomu bude snadné zjistit, které video odpovídá každé sekci.

Bloky obrázků

V takovém případě musí být všechny obrázky nahrány na platformu IMGUR: https://imgur.com/upload

A pak předat odkazy na ty obrázky. Ideální je umístit obrázky stejné jako videa, označené 1, 2, 3 a tak dále. Představme si například, že máme 4 obrázky na mušce v Jižní Africe. Všechny čtyři mají stejný název: „sudafrica.jpg“. No a po sobě dáme jména do bodu, kde budou v rozložení a namalujeme číslo na papír, kterému odpovídají. Příklad:

• Jižní Afrika-1.jpg
• Jižní Afrika-2.jpg
• Jižní Afrika-3.jpg
• Jižní Afrika-4.jpg

Tlačítko, nadpis a textové bloky

Nakonec by tyto bloky měly být zapsány do dokumentu Word nebo nejlépe do Dokumentů Google.

Formát je velmi jednoduchý: Do dokumentu Word vložíme typ bloku (název, tlačítko nebo text) následovaný číslem, kterému bude v rozvržení odpovídat.

Příklady:

• Hlava 1:….
• Hlava 2:…
• Text 1:…
• Text 2:…
• Tlačítko 1:…
• Tlačítko 2:…

Pak jsem dal příklad dokumentu s úplně náhodnými texty, aby bylo vidět, jak by to mělo být strukturováno, podle příkladu obrázku 4:

Takto by mělo vypadat rozvržení, jakmile vložíme čísla, která odpovídají každé sekci:

Krok 4: Odeslat vše

Jakmile vše uděláme, budete ho muset jednoduše odeslat osobě, která bude mít na starosti rozložení

Jednoduše by to trvalo

1. Náčrtky na papíře s rozvržením
2. Obsah
   • Video odkazy na YouTube nebo WeTransfer
   • IMGUR odkazy na obrázky
   • Odkaz na dokument v Dokumentech Google nebo v souboru Word

Notary Důležité finále

Ideální by bylo konečně zahrnout vynikající obrázek, který bude doprovázet hlavičku Hlavy 1 na stránce. Proto by se hlava 1 měla vždy objevit na začátku.

Obrázek záhlaví musí mít velikost 960 x 540 pixelů. Tento obrázek lze odeslat jako zbytek obrázků pomocí IMGUR

Konečný výsledek

A nakonec se všemi těmito informacemi by se stránka vytvořila. Následující a do konce tohoto příkladu bude stránka s konečným výsledkem, který sleduje všechny parametry, které jsme dříve zvýšili, být tato:

Poslední stránka