Când dorim să montăm un conținut pe web, una dintre problemele mari pe care le găsim este că propunerile primite nu sunt niciodată foarte bine gândite pentru a fi încorporate satisfăcător pe web. În general, problema este că, fără o structură adecvată, designul și aspectul nu arată de obicei prea bine, dând un rezultat nesatisfăcător.
Acesta este motivul pentru care voi oferi câteva explicații de bază despre modul în care ar trebui să fie luat în considerare un aspect al conținutului în condiții de simplificare a lucrului la maxim și că rezultatul este optim.
Obiectivul acestui ghid este ca oricine fără cunoștințe de programare sau dezvoltare web să-mi ofere un aspect de calitate și că nu trebuie să petrec prea mult timp încercând să extrag ideea prin conversații multiple până să ajung la o concluzie.
Pasul 1: șablonul
Pentru a avea un șablon în care să ne „desenăm” propunerea, ceea ce vom face este să luăm o coală de hârtie A4 și o vom îndoi cu O TREIE pe lungime.
Pasul 2: blocurile de conținut
Să ne imaginăm că avem mai multe tipuri de conținut: video, imagine, text. Fiecare conținut este un bloc dreptunghiular sau pătrat. Trebuie să încadrăm blocurile de sus în jos a șablonului la alegerea noastră. Vom ilustra trei tipuri de conținut.
Bloc video
Vom presupune că videoclipul va fi în general un videoclip YouTube, îl reprezentăm în șablon după cum urmează:
Bloc imagine
Depinde dacă imaginea este peisaj sau portret, după cum vom fi de acord.
Bloc de text
La fel ca blocul de imagini, în funcție de modul în care dorim textul vom pune un bloc sau altul. O reprezentăm cu linii paralele.
Blocurile de text pot fi blocuri de text cu paragrafe incluse și uniform liste de elemente textuale
Voi pune două exemple: un bloc de text lângă o imagine de peisaj și altul lângă o imagine de portret:
Bloc de titlu
Titlurile merg în blocuri separate sunt blocuri alungite care ocupă în general întreaga linie.
Blocarea butoanelor
Dacă dorim să punem un buton pentru ca oamenii să facă clic și să le ducă într-o altă parte a web sau doar o fereastră cu anumite informații (sau un formular)
Alte blocuri
Ideea este similară. Dacă am înțeles cum funcționează blocurile, cred că am putea pune clar un alt tip de bloc care, similar cu cele anterioare, se potrivește pătrat sau dreptunghiular. De exemplu, dacă am dori să introducem un formular încorporat în conținut. Deși acesta este de obicei cel mai puțin obișnuit, este mai bine să întrebați înainte de a utiliza blocuri noi care nu sunt de tipurile menționate mai sus. Voi încerca să actualizez această listă pe măsură ce apar idei de blocuri noi care pot interesa toți.
În cele din urmă, iată un exemplu de șablon cu toate tipurile de blocuri menționate mai sus:
Extinderea blocurilor
Dacă avem nevoie de mai mult spațiu, trebuie doar să adăugăm mai multe pagini la designul blocului din partea de jos. Nu este necesar să completați totul, dar este important să nu lăsați goluri goale de sus în jos între mijlocul fiecărui bloc. În acest fel putem extinde pagina:
Pasul 3: Crearea conținutului
Acum că am aranjat conținutul pe blocuri și tipuri de blocuri, este necesar să creăm conținutul care va merge în acele blocuri. Pasul 3 este interschimbabil cu pasul 2. Cu alte cuvinte, putem crea conținutul înainte și apoi dispunem știind cantitatea de conținut pe care dorim să o încorporăm. Este indistinct să o facem într-un fel sau altul, dar trebuie să fim conștienți că conținutul trebuie să se încadreze în layout-ul nostru cu precizie
Vom urma exemplul anterior. În imaginea 4 putem vedea următoarele blocuri:
- Blocuri de titlu 2
- Blocuri de text 4
- Bloc video 1
- Blocuri de imagini 2
- Bloc buton 1
- Total: Blocuri 10
Prin urmare, va trebui să ne ajustăm conținutul astfel încât să se încadreze perfect în aceste blocuri fără a pleca și ca dimensiunea fontului să fie exact aceeași în toate. Pentru asta posibil merită creați mai întâi conținutul și apoi blocați-l. Depinde deja foarte mult de persoană.
Pasul 4: potrivirea conținutului cu blocurile
Să presupunem că avem deja designul desenat pe hârtie și toate blocurile de conținut create. Acum, ultimul pas este să-l combinați. Pentru aceasta vom folosi mai multe instrumente pentru a combina totul și trimiteți-l designerului web.
Blocuri video
Videoclipurile pot fi transmise în două moduri:
- În format video MP4 printr-un instrument precum WeTransfer.
- OPȚIONARE PREFERITĂ: încărcați-le pe canalul YouTube March și trecând pe linkul YouTube la videoclip.
În cazul în care există un singur videoclip în aspect, nu va fi nicio problemă. Dar, dacă există mai multe videoclipuri, va trebui să le asociem într-un fel cu aspectul pe care l-am făcut pe hârtie.
De exemplu. Imaginați-vă că există trei videoclipuri. În aspect vom trasa un număr 1 în primul videoclip, un număr 2 în al doilea videoclip și un număr 3 în cel de-al treilea videoclip. Și atunci când vom trimite toată documentația, vom pune ceva de genul:
- Videoclipul 1: Videoclipul care tratează frazele de nonviolență cu titlul: „The most important phrases of nonviolence”
- Videoclipul 2: Videoclipul care tratează culorile drapelului cu titlul: «Steagul nonviolenței»
- Videoclipul 3: Videoclipul care tratează grupul care urmează să defileze în Argentina cu titlul: „Echipa de bază a Argentinei”
Acest lucru vă va ușura să știți ce videoclip corespunde fiecărei secțiuni.
Blocuri de imagine
În acest caz, toate imaginile trebuie încărcate pe platforma IMGUR: https://imgur.com/upload
Și apoi transmiteți linkurile către acele imagini. Ideal este să puneți imaginile la fel ca și videoclipurile, marcate cu 1, 2, 3 și așa mai departe. De exemplu, să ne imaginăm că avem 4 imagini în zbor în Africa de Sud. Toate patru au același nume: „sudafrica.jpg”. Ei bine, punem nume succesive până în punctul în care vor fi în machetă și pictăm numărul pe hârtia căreia îi corespund. Exemplu:
- sudafrica-1.jpg
- sudafrica-2.jpg
- sudafrica-3.jpg
- sudafrica-4.jpg
Blocuri pentru butoane, titlu și text
În cele din urmă, aceste blocuri ar trebui să fie scrise într-un document Word, sau de preferință într-un Google Docs.
Formatul este foarte simplu: în documentul Word, punem tipul de bloc (titlu, buton sau text), urmat de numărul căruia îi va corespunde aspectul.
Exemple:
- Titlul 1:….
- Titlul 2: ...
- Textul 1: ...
- Textul 2: ...
- Butonul 1: ...
- Butonul 2: ...
Apoi am pus un exemplu de document cu texte total aleatorii, astfel încât să poată fi văzut cum ar fi structurat acest lucru, urmând exemplul imaginii 4:
Astfel ar trebui să arate aspectul odată ce am pus numerele care corespund fiecărei secțiuni:
Pasul 4: Trimiteți tot
După ce am făcut totul, va trebui pur și simplu să-l trimiteți celui care se va ocupa de aspect
Ar fi nevoie pur și simplu
- Schițe pe hârtie cu aspectul
- Conținutul
- Link-uri video către YouTube sau WeTransfer
- Legături IMGUR ale imaginilor
- Linkul la documentul din Google Docs sau fișierul Word
Notar Important final
Ideal ar fi în sfârșit să includem o imagine remarcabilă, care va fi cea care va însoți antetul Titlului 1 al paginii. De aceea, Titlul 1 ar trebui să apară întotdeauna la început.
Imaginea antet trebuie să aibă o dimensiune de 960 x 540 pixeli. Această imagine poate fi trimisă ca și restul imaginilor, de către IMGUR
Rezultat final
Și în sfârșit, cu toate aceste informații, pagina ar fi configurată. Urmând și pentru a termina cu acest exemplu, pagina cu rezultatul final care urmează toți parametrii pe care i-am ridicat anterior ar fi aceasta:
Pagina finală