Guide til indholds layout

Når vi ønsker at montere et indhold på nettet, er et af de store problemer, vi finder, at de forslag, jeg modtager, aldrig er særlig veludviklede for at blive medtaget i internettet. Generelt er problemet, at uden en passende struktur ser design og layout normalt ikke for godt ud, hvilket giver et utilfredsstillende resultat.

Derfor vil jeg give nogle meget grundlæggende forklaringer på, hvordan et indholdslayout skal overvejes under betingelser for at forenkle arbejdet maksimalt, og at resultatet er optimalt.

Formålet med denne vejledning er, at enhver uden viden om programmering eller webudvikling kan give mig et kvalitetslayout, og at jeg ikke behøver at bruge for meget tid på at prøve at udtrække ideen gennem flere samtaler, indtil jeg når en konklusion.

Trin 1: Skabelonen

For at have en skabelon til at "tegne" vores forslag, er det, vi skal gøre, at tage et folio i A4, og vi vil folde det med ETTERTIUM på langs.

Trin 2: Indholdet blokerer

Lad os forestille os, at vi har flere typer indhold: video, billede, tekst. Hvert indhold er en rektangulær eller firkantet blok. Vi skal passe blokke fra top til bund af skabelonen efter vores valg. Vi illustrerer tre typer indhold.

Video blokering

Vi antager, at videoen generelt vil være en YouTube-video, vi repræsenterer den i skabelonen som følger:

Imagen 2

Billedblokering

Det afhænger af, om billedet er landskab eller portræt, som vi er enige om.

Tekstblokering

Det samme som billedblokken, afhængigt af hvordan vi ønsker teksten, vil vi sætte en blok eller en anden. Vi repræsenterer det med parallelle linjer.

Tekstblokke kan være tekstblokke med inkluderede afsnit og lige tekstlige elementlister

Jeg vil sætte to eksempler: en tekstblok ved siden af ​​et liggende billede og et andet ved siden af ​​et portrætbillede:

Imagen 3

Titelblok

Titler går i separate blokke er langstrakte blokke, der normalt optager hele linjen.

Knapblok

Hvis vi ønsker at sætte en knap, hvor folk skal klikke og føre dem til en anden del af nettet, eller bare et vindue med nogle oplysninger (eller en form) vises

Andre blokke

Ideen er den samme. Hvis vi har forstået, hvordan blokke fungerer, tror jeg, at vi klart kunne placere en anden type blok, der ligner de foregående, passer til firkantet eller rektangulær. For eksempel, hvis vi ville lægge en form indarbejdet i indholdet. Selvom dette normalt er det mindst almindelige, er det bedre at spørge, inden du bruger nye blokke, der ikke er af de ovennævnte typer. Jeg vil prøve at opdatere denne liste, når der kommer nye blokideer, der kan være af interesse for alle.

Endelig er her et eksempel på en skabelon med alle typer af blokke nævnt ovenfor:

Imagen 4

Udvide blokke

Hvis vi har brug for mere plads, skal vi blot tilføje flere sider til blokdesignet i bunden. Det er ikke nødvendigt at fylde alt ned, men det er vigtigt ikke at efterlade tomme hul fra top til bund mellem midten af ​​hver blok. På denne måde kan vi udvide siden:

Imagen 5

Trin 3: Oprettelse af indholdet

Nu hvor vi har indrettet indholdet efter blokke og typer af blokke, er det nødvendigt at oprette det indhold, der vil gå i disse blokke. 3-trinnet kan udskiftes med 2-trinnet. Med andre ord, vi kan oprette indholdet før og derefter layout ved at vide, hvor meget indhold vi ønsker at inkorporere. Det er utydeligt at gøre det på en eller anden måde, men vi skal være opmærksomme på, at indholdet skal passe nøjagtigt i vores layout

Vi følger det forrige eksempel. I 4-billedet kan vi se følgende blokke:

  • 2 titelblokke
  • 4 tekstblokke
  • 1 Video Block
  • 2 Billedblokke
  • 1-knapblokering
  • I alt: 10 blokke

Derfor bliver vi nødt til at justere vores indhold, så det passer perfekt i disse blokke uden at forlade, og at skrifttypestørrelsen er nøjagtig den samme i dem alle. For det er muligt det værd Opret først indholdet og bloker det derefter. Det afhænger allerede meget af personen.

Trin 4: Montering af indholdet med blokke

Lad os antage, at vi allerede har tegnet tegningen på papiret og alt det indhold, der er oprettet. Nu er det sidste trin at kombinere det. Til dette vil vi bruge flere værktøjer til at kombinere alt og send det til webdesigner.

Video Blocks

Videoer kan videregives på to måder:

  1. I MP4 videoformat gennem et værktøj som Wetransfer.
  2. FORETRUKKET VALG: Uploader dem til YouTube march-kanalen og videresender YouTube-link til videoen.

Hvis der kun er en video i layoutet, er der ikke noget problem. Men hvis der er flere videoer, bliver vi nødt til at knytte dem på en eller anden måde til det layout, vi har lavet på papir.

For eksempel. Forestil dig, at der er tre videoer. I layoutet tegner vi et 1-nummer i den første video, et 2-nummer i den anden video og et 3-nummer i den tredje video. Og når vi sender al dokumentation, lægger vi sådan noget:

  • Video 1: Video om nonviolence-sætninger med titlen: “De vigtigste sætninger af nonviolence”
  • Video 2: Video om flagets farver med titlen: "The nonviolence flag"
  • Video 3: Video om gruppen, der skal marchere i Argentina med titlen: “Argentinas basalteam”

Dette gør det nemt at vide, hvilken video der svarer til hvert afsnit.

Billedblokke

I dette tilfælde skal alle billeder uploades til IMGUR-platformen: https://imgur.com/upload

Og send derefter linkene til disse billeder. Det ideelle er at placere billederne ligesom videoer, markeret med en 1, en 2, en 3 og så videre. Lad os for eksempel forestille os, at vi har 4-billeder på farten i Sydafrika. De fire kaldes det samme: "sudafrica.jpg". Derefter sætter vi successive navne til det punkt, hvor de vil være i layoutet og male nummeret på det papir, som de svarer til. eksempel:

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

Knap, titel og tekstblokke

Endelig skal disse blokke skrives i et Word-dokument eller helst i en Google Docs.

Formatet er meget enkelt: I Word-dokumentet sætter vi typen af ​​blok (titel, knap eller tekst) efterfulgt af det nummer, som det vil svare til i layoutet.

Eksempler:

  • Afsnit 1: ...
  • Afsnit 2: ...
  • 1 tekst: ...
  • 2 tekst: ...
  • 1-knap: ...
  • 2-knap: ...

Derefter satte jeg et eksempel på et dokument med helt tilfældige tekster, så det kan ses, hvordan dette ville være struktureret, efter eksemplet med 4-billedet:

Sådan ser layoutet ud, når vi har anbragt de tal, der svarer til hvert afsnit:

Imagen 6

4 trin: Send alle

Når vi har gjort alt, skal du blot sende det til den person, der er ansvarlig for layoutet

Det ville simpelthen tage

  1. Skitser på papir med layoutet
  2. Indholdet
    • Videolinks til YouTube eller WeTransfer
    • IMGUR-links til billederne
    • Linket til dokumentet i Google Dokumenter eller Word-filen

Notarius vigtig finale

Ideelt ville det endelig være at inkludere et enestående billede, der er det, der skal ledsage overskriften til titel 1 på siden. Derfor skal titel 1 altid vises i begyndelsen.

Hovedbilledet skal have en størrelse på 960 x 540 pixels. Dette billede kan sendes som resten af ​​billederne af IMGUR

Slutresultat

Og til sidst med al denne information, ville siden blive oprettet. Følgende og for at afslutte med dette eksempel ville siden med det endelige resultat, der følger alle de parametre, vi har hævet tidligere, være denne:

Sidste side