Guide til innholdsoppsett

Når vi ønsker å montere et innhold på nettet, er et av de store problemene vi opplever at forslagene jeg mottar aldri er veldig gjennomtenkt for å bli integrert på nettet. Generelt er problemet at uten en tilstrekkelig struktur ser design og layout vanligvis ikke for bra ut, noe som gir et utilfredsstillende resultat.

Derfor kommer jeg til å gi noen helt grunnleggende forklaringer på hvordan et innholdsoppsett skal vurderes under forhold for å forenkle arbeidet maksimalt og at resultatet er optimalt.

Målet med denne guiden er at alle uten kunnskap om programmering eller webutvikling kan gi meg et kvalitetsoppsett og at jeg ikke trenger å bruke for mye tid på å prøve å trekke ut ideen gjennom flere samtaler før jeg kommer til en konklusjon.

Trinn 1: Malen

For å ha en mal der vi “tegner” vårt forslag, er det vi skal gjøre å ta en folio i A4, og vi vil brette det med EN TERTIUM i lengderetningen.

Trinn 2: Innholdet blokkerer

La oss tenke oss at vi har flere typer innhold: video, bilde, tekst. Hvert innhold er en rektangulær eller firkantet blokk. Vi må passe blokkene fra topp til bunn av malen etter eget valg. Vi vil illustrere tre typer innhold.

Videoblokk

Vi antar at videoen generelt vil være en YouTube-video, vi representerer den i malen som følger:

Imagen 2

Bildeblokk

Det kommer an på om bildet er landskap eller portrett, slik vi vil være enige.

Tekstblokk

Det samme som bildeblokken, avhengig av hvordan vi vil ha teksten, vil vi sette en blokk eller en annen. Vi representerer det med parallelle linjer.

Tekstblokker kan være tekstblokker med inkluderte avsnitt og til og med tekstlige varelister

Jeg kommer til å sette to eksempler: en tekstblokk ved siden av et liggende bilde, og et annet ved siden av et portrettbilde:

Imagen 3

Tittelblokk

Titler går i separate blokker er langstrakte blokker som vanligvis opptar hele linjen.

Knappeblokk

Hvis vi vil sette en knapp for folk å klikke og ta dem med til en annen del av nettet, eller bare et vindu med litt informasjon (eller et skjema) vises

Andre blokker

Ideen er lik. Hvis vi har forstått hvordan blokkene fungerer, tror jeg vi tydelig kunne plassere en annen type blokk som, lik de forrige, passer firkantet eller rektangulær. For eksempel, hvis vi ville legge en form inkorporert i innholdet. Selv om dette vanligvis er det minst vanlige, er det bedre å spørre før du bruker nye blokker som ikke er av typene nevnt over. Jeg vil prøve å oppdatere denne listen når nye ideer om blokkering kommer ut som kan være av interesse for alle.

Til slutt, her er et eksempel på en mal med alle typer blokker som er nevnt over:

Imagen 4

Utvide blokkene

Hvis vi trenger mer plass, må vi ganske enkelt legge til flere sider i blokkeringsdesignet nederst. Det er ikke nødvendig å fylle alt ned, men det er viktig å ikke legge igjen tomme gap fra topp til bunn mellom midten av hver blokk. På denne måten kan vi utvide siden:

Imagen 5

Trinn 3: Opprette innholdet

Nå som vi har lagt opp innholdet etter blokker og typer blokker, er det nødvendig å lage innholdet som vil gå i disse blokkene. 3-trinnet kan byttes ut med 2-trinnet. Med andre ord, vi kan lage innholdet før, og deretter layout hvordan vi vet hvor mye innhold vi ønsker å innlemme. Det er utydelig å gjøre det på en eller annen måte, men vi må være klar over at innholdet må passe nøyaktig i vårt oppsett

Vi vil følge forrige eksempel. I 4-bildet kan vi se følgende blokker:

  • 2 Tittelblokker
  • 4 tekstblokker
  • 1 Video Block
  • 2 bildeblokker
  • 1 knappblokk
  • Totalt: 10 blokker

Derfor må vi justere innholdet vårt slik at det passer perfekt i disse blokkene uten å forlate og at skriftstørrelsen er nøyaktig den samme i dem alle. For det er mulig verdt det lag innholdet først og blokker det deretter. Det avhenger allerede mye av personen.

Trinn 4: Montering av innholdet med blokkene

La oss anta at vi allerede har tegnet tegningen på papiret og alle innholdsblokkene som er opprettet. Nå er det siste trinnet å kombinere det. For dette vil vi bruke flere verktøy for å kombinere alt og send den til nettdesigneren.

Videoblokker

Videoer kan sendes på to måter:

  1. I MP4 videoformat gjennom et verktøy som Wetransfer.
  2. FORETRUKKET VALG: Last dem opp til YouTube mars-kanalen og viderefør YouTube-lenke til videoen.

I tilfelle det bare er en video i oppsettet, vil det ikke være noe problem. Men hvis det er flere videoer, må vi knytte dem på noen måte til oppsettet vi har laget på papir.

For eksempel. Se for deg at det er tre videoer. I oppsettet tegner vi et 1-nummer i den første videoen, et 2-nummer i den andre videoen og et 3-nummer i den tredje videoen. Og når vi sender all dokumentasjonen, vil vi legge ut noe slikt:

  • Video 1: Video om ikke-voldelige setninger med tittel: "De viktigste setningene for nonviolence"
  • Video 2: Video om fargene på flagget med tittelen: "The nonviolence flagg"
  • Video 3: Video om gruppen som skal marsjere i Argentina med tittelen: “Argentinas basisteam”

Dette vil gjøre det enkelt å vite hvilken video som tilsvarer hver seksjon.

Bildeblokker

I dette tilfellet må alle bilder lastes opp til IMGUR-plattformen: https://imgur.com/upload

Og pass deretter lenkene til disse bildene. Det ideelle er å plassere bildene akkurat som videoene, merket med en 1, en 2, en 3 og så videre. La oss for eksempel forestille oss at vi har 4 bilder på farten i Sør-Afrika. De fire kalles det samme: "sudafrica.jpg". Så legger vi påfølgende navn til det punktet hvor de vil være i oppsettet og maler nummeret på papiret de tilsvarer. eksempel:

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

Knapp, tittel og tekstblokker

Til slutt bør disse blokkene skrives i et Word-dokument, eller i en Google Dokumenter fortrinnsvis.

Formatet er veldig enkelt: I Word-dokumentet legger vi typen blokk (tittel, knapp eller tekst) etterfulgt av nummeret som det vil tilsvare i oppsettet.

eksempler:

  • Tittel 1: ...
  • Tittel 2: ...
  • 1 tekst: ...
  • 2 tekst: ...
  • 1-knapp: ...
  • 2-knapp: ...

Så la jeg et eksempel på dokument med helt tilfeldige tekster slik at det kan sees hvordan dette ville være strukturert, etter eksemplet med 4-bildet:

Slik skal oppsettet se ut når vi har lagt tallene som tilsvarer hver seksjon:

Imagen 6

4 trinn: Send alle

Når vi har gjort alt, vil du ganske enkelt måtte sende det til personen som vil ha ansvaret for oppsettet

Det vil ganske enkelt ta

  1. Skisser på papir med oppsettet
  2. Innholdet
    • Video lenker til YouTube eller WeTransfer
    • IMGUR-lenker til bildene
    • Koblingen til dokumentet i Google Dokumenter eller Word-filen

Notarius viktig finale

Idealet ville endelig være å inkludere et enestående bilde som er det som følger med tittelen 1-overskriften på siden. Det er grunnen til at Tittel 1 alltid skal vises i begynnelsen.

Topptekstbildet må ha en størrelse på 960 x 540 piksler. Dette bildet kan sendes som resten av bildene av IMGUR

Endelig resultat

Og til slutt med all denne informasjonen, ville siden bli satt opp. Følgende og for å avslutte med dette eksemplet, siden med det endelige resultatet som følger alle parametrene som vi har reist tidligere, vil være dette:

Avsluttende side