Opas sisällön asettelua varten

Kun haluamme asentaa sisältöä verkkoon, havaitsemme suuria ongelmia, että vastaanottamani ehdotukset eivät ole koskaan kovinkaan ajatellut sisällyttää ne onnistuneesti verkkoon. Yleensä ongelmana on, että ilman riittävää rakennetta muotoilu ja ulkoasu eivät yleensä näytä liian hyvältä, mikä antaa epätyydyttävän tuloksen.

Siksi aion antaa joitain hyvin perusteltuja selityksiä siitä, kuinka sisältöasettelua tulisi harkita olosuhteissa työn yksinkertaistamiseksi maksimaalisesti ja lopputuloksen optimaaliseksi.

Tämän oppaan tavoitteena on, että kuka tahansa, jolla ei ole tietoa ohjelmoinnista tai web-kehityksestä, voi antaa minulle laadun ulkoasun ja että minun ei tarvitse viettää liian paljon aikaa yrittää saada idea ideasta useiden keskustelujen avulla, kunnes päädän päätökseen.

Vaihe 1: Malli

Saadaksemme mallin, johon voimme "piirtää" ehdotuksemme, otamme A4-arkin ja taitamme sen pituussuunnassa YKSI KOLMASOSA.

Vaihe 2: Sisältö estää

Kuvittelemme, että meillä on monentyyppistä sisältöä: video, kuva, teksti. Jokainen sisältö on suorakaiteen tai neliön muotoinen lohko. Meidän on sovittava lohkot mallin ylhäältä alas valintamme mukaan. Havainnollistamme kolmen tyyppistä sisältöä.

Videolohko

Oletetaan, että video on yleensä YouTube-video, edustamme sitä mallipohjassa seuraavasti:

Kuvalohko

Se riippuu siitä, onko kuva maisema vai muotokuva, kuten olemme sopineet.

Tekstin esto

Sama kuin kuvalohko, riippuen siitä, kuinka haluamme tekstiä, lisäämme lohkon tai toisen. Edustamme sitä yhdensuuntaisilla linjoilla.

Tekstilohot voivat olla tekstilohkoja, joihin sisältyy kappaleita ja parillisia tekstimuotoiset luettelot

Laitan kaksi esimerkkiä: tekstilohkon maisemakuvan viereen ja toisen muotokuvan viereen:

Otsikkolohko

Osastot kulkevat erillisissä lohkoissa ovat pitkänomaisia ​​lohkoja, jotka yleensä vievät koko linjan.

Nappilohko

Jos haluamme asettaa painikkeen, jonka avulla ihmiset napsauttavat ja vievät heidät toiseen Web-osaan, tai vain ikkuna, jossa on joitain tietoja (tai lomake), tulee näkyviin

Muut lohkot

Ajatus on samanlainen. Jos olemme ymmärtäneet lohkojen toiminnan, uskon, että voisimme selvästi laittaa toisen tyyppisen lohkon, joka, kuten edellinen, sopii neliön tai suorakaiteen muotoon. Esimerkiksi, jos halusimme laittaa lomakkeeseen sisällytetyn muodon. Vaikka tämä on yleensä vähiten yleinen, on parempi kysyä ennen uusien lohkojen käyttöä, jotka eivät ole edellä mainittuja. Yritän päivittää tätä luetteloa, kun ilmestyy uusia lohkoideoita, jotka saattavat kiinnostaa kaikkia.

Lopuksi, tässä on esimerkki mallista, joka sisältää kaikki edellä mainitut lohkotyypit:

Laajennetaan lohkoja

Jos tarvitsemme enemmän tilaa, meidän on yksinkertaisesti lisättävä lisää sivuja alaosan alaosaan. Kaikkia ei tarvitse täyttää, mutta on tärkeää, että kunkin lohkon keskellä ei ole tyhjiä aukkoja ylhäältä alas. Tällä tavoin voimme laajentaa sivua:

Vaihe 3: Sisällön luominen

Nyt kun olemme sijoittaneet sisällön lohkojen ja lohkotyyppien mukaan, on tarpeen luoda sisältö, joka menee näihin lohkoihin. 3-askel on vaihdettavissa 2-vaiheen kanssa. Toisin sanoen voimme luoda sisällön aiemmin ja asettaa sen sitten tietämällä sisällön määrän, jonka haluamme sisällyttää. On epäselvää tehdä se tavalla tai toisella, mutta meidän on oltava tietoisia siitä, että sisällön on mahduttava tarkkaan asettelumme sisälle

Seuraamme edellistä esimerkkiä. 4-kuvassa näemme seuraavat lohkot:

• 2-otsikkolohkot
• 4-tekstilohkot
• 1-videolohko
• 2-kuvalohkot
• 1-painikelohko
• Yhteensä: 10-lohkot

Siksi meidän on mukautettava sisältöämme niin, että se sopii täydellisesti näihin lohkoihin poistumatta ja että kirjasinkoko on täsmälleen sama kaikissa. Sitä varten on mahdollista sen arvoinen luo ensin sisältö ja estä se sitten. Se riippuu jo paljon henkilöstä.

Vaihe 4: Sisällön sovittaminen lohkoihin

Oletetaan, että meillä on jo paperille piirretty malli ja kaikki luodut sisältölohkot. Nyt viimeinen askel on yhdistää se. Tätä varten käytämme useita työkaluja kaiken yhdistämiseksi lähetä se web-suunnittelijalle.

Videolohkot

Videot voidaan välittää kahdella tavalla:

1. MP4-videoformaatissa esimerkiksi WeTransfer.
2. KÄYTETTY VAIHTOEHTO: Lataa ne YouTube-maaliskuun kanavalle ja lähetä YouTube-linkki videolle.

Jos asettelussa on vain yksi video, siitä ei tule ongelmaa. Mutta jos videoita on useita, meidän on liitettävä ne jollain tavoin paperille tekemämme asettelun kanssa.

Esimerkiksi. Kuvittele, että siellä on kolme videota. Asettelussa piirrämme 1-numeron ensimmäiseen videoon, 2-numeron toiseen videoon ja 3-numeron kolmanteen videoon. Ja sitten lähettäessämme kaikki asiakirjat laitamme jotain tällaista:

• Video 1: Video, joka käsittelee väkivallattomuuden ilmauksia ja jonka otsikko on "Väkivallattomuuden tärkeimmät lauseet"
• Video 2: Video, joka käsittelee lipun värejä otsikolla: «Väkivallattomuuden lippu»
• Video 3: Video, joka käsittelee ryhmää, joka marssii Argentiinaan otsikolla: "Argentiinan perusjoukkue"

Tämän avulla on helppo tietää, mikä video vastaa kutakin osaa.

Kuva estää

Tässä tapauksessa kaikki kuvat on ladattava IMGUR-alustalle: https://imgur.com/upload

Ja sitten välitä linkit näihin kuviin. Ihanteellinen on laittaa kuvat samaan tapaan kuin videot, merkitty 1:llä, 2:lla, 3:lla ja niin edelleen. Oletetaan esimerkiksi, että meillä on 4 kuvaa lennossa Etelä-Afrikassa. Kaikilla neljällä on sama nimi: "sudafrica.jpg". No, laitamme peräkkäiset nimet siihen pisteeseen, jossa ne ovat asettelussa, ja maalaamme numeron paperille, jota ne vastaavat. Esimerkki:

• Etelä-Afrikka-1.jpg
• Etelä-Afrikka-2.jpg
• Etelä-Afrikka-3.jpg
• Etelä-Afrikka-4.jpg

Painike, otsikko ja tekstilohkot

Lopuksi nämä lohkot tulisi kirjoittaa Word-asiakirjaan tai mieluiten Google-dokumenteihin.

Muoto on hyvin yksinkertainen: Word-asiakirjaan laitetaan Estämistyyppi (Otsikko, Painike tai Teksti) ja sen jälkeen numero, jota se vastaa asettelussa.

esimerkkejä:

• Osasto 1:….
• Osasto 2:…
• Teksti 1:…
• Teksti 2:…
• Painike 1:…
• Painike 2:…

Sitten laitoin esimerkillisen asiakirjan, jossa on täysin satunnaisia ​​tekstejä, jotta voidaan nähdä, kuinka se rakenteeltaan, seuraavan 4-kuvan esimerkkiä:

Näin asettelun tulisi näyttää, kun olemme laatineet kutakin osaa vastaavat numerot:

4-vaihe: Lähetä kaikki

Kun olemme tehneet kaiken, sinun on vain lähetettävä se henkilölle, joka vastaa ulkoasusta

Se vie vain

1. Luonnokset paperille asettelulla
2. Sisältö
   • Videolinkit YouTubeen tai WeTransferiin
   • Kuvien IMGUR-linkit
   • Linkki Google-dokumenttien dokumenttiin tai Word-tiedostoon

Notaarin tärkeä lopullinen

Ihanteellinen olisi viime kädessä sisällyttää erinomainen kuva, joka tulee sivun otsikon 1 otsikkoon. Siksi otsikko 1 tulee näkyä aina alussa.

Otsikkokuvan koon on oltava 960 x 540 pikseliä. IMGUR voi lähettää tämän kuvan kuten muutkin kuvat

Lopputulos

Ja lopulta kaikki nämä tiedot, sivu olisi asetettu. Tämän esimerkin seurauksena ja lopuksi sivu, jonka lopullinen tulos seuraa kaikkia aiemmin nostamiamme parametreja, olisi seuraava:

Viimeinen sivu