Przewodnik po układzie treści

Kiedy chcemy zamontować treść w Internecie, jednym z głównych problemów jest to, że otrzymane przeze mnie propozycje nigdy nie są tak dobrze przemyślane, aby można je było z powodzeniem włączyć do sieci. Ogólnie problem polega na tym, że bez odpowiedniej struktury projekt i układ zwykle nie wyglądają zbyt dobrze, co daje niezadowalający wynik.

Dlatego dam kilka bardzo podstawowych wyjaśnień, w jaki sposób układ treści powinien być rozpatrywany w warunkach, aby maksymalnie uprościć pracę i że wynik jest optymalny.

Celem tego przewodnika jest to, że każdy, kto nie zna programowania ani tworzenia stron internetowych, może zapewnić mi wysokiej jakości układ i nie muszę poświęcać zbyt wiele czasu na próbę wyodrębnienia pomysłu przez wiele rozmów, dopóki nie dojdę do wniosku.

Krok 1: szablon

Aby mieć szablon, na którym będziemy mogli „narysować” naszą propozycję, weźmiemy kartkę A4 i złożymy ją wzdłuż JEDNEJ TRZECIEJ.

Krok 2: bloki zawartości

Wyobraźmy sobie, że mamy kilka rodzajów treści: wideo, obraz, tekst. Każda treść to prostokątny lub kwadratowy blok. Musimy dopasować bloki od góry do dołu szablonu według naszego wyboru. Zilustrujemy trzy rodzaje treści.

Blok wideo

Zakładamy, że film będzie na ogół filmem na YouTube, reprezentujemy go w szablonie w następujący sposób:

Blok obrazu

Zależy to od tego, czy zdjęcie jest w układzie poziomym, czy pionowym, co uzgodnimy.

Blok tekstowy

Tak samo jak blok obrazu, w zależności od tego, jak chcemy tekstu, wstawimy blok lub inny. Reprezentujemy to za pomocą linii równoległych.

Bloki tekstowe mogą być blokami tekstowymi z dołączonymi akapitami, a nawet listy elementów tekstowych

Zamierzam umieścić dwa przykłady: blok tekstu obok obrazu poziomego i drugi obok obrazu portretowego:

Blok tytułowy

Tytuły w oddzielnych blokach są wydłużonymi blokami, które zwykle zajmują całą linię.

Blok przycisków

Jeśli chcemy umieścić przycisk umożliwiający kliknięcie i przeniesienie go do innej części sieci lub po prostu pojawi się okno z pewnymi informacjami (lub formularzem)

Inne bloki

Pomysł jest podobny. Jeśli zrozumieliśmy, jak działają bloki, myślę, że moglibyśmy wyraźnie umieścić inny rodzaj bloku, który podobnie jak poprzednie pasuje do kwadratu lub prostokąta. Na przykład, jeśli chcielibyśmy umieścić formularz włączony do treści. Chociaż jest to zwykle najmniej powszechne, lepiej zapytać przed użyciem nowych bloków, które nie są z wymienionych wyżej typów. Spróbuję zaktualizować tę listę, gdy pojawią się nowe pomysły na bloki, które mogą zainteresować wszystkich.

Na koniec oto przykład szablonu ze wszystkimi typami bloków wymienionych powyżej:

Rozszerzanie bloków

Jeśli potrzebujemy więcej miejsca, musimy po prostu dodać więcej stron do projektu bloku na dole. Nie trzeba wypełniać wszystkiego, ale ważne jest, aby nie pozostawiać pustych luk od góry do dołu między środkiem każdego bloku. W ten sposób możemy rozwinąć stronę:

Krok 3: Tworzenie treści

Teraz, gdy mamy układ treści według bloków i typów bloków, konieczne jest utworzenie treści, która będzie się w nich znajdowała. Krok 3 jest wymienny z krokiem 2. Innymi słowy, możemy wcześniej utworzyć treść, a następnie układ, znając ilość treści, którą chcemy uwzględnić. Jest to niewyraźne, aby zrobić to w taki czy inny sposób, ale musimy mieć świadomość, że treść musi dokładnie pasować do naszego układu

Podążymy za poprzednim przykładem. Na obrazie 4 możemy zobaczyć następujące bloki:

• Bloki tytułowe 2
• Bloki tekstowe 4
• Blok wideo 1
• Bloki obrazu 2
• Blok przycisków 1
• Kwota produktów:: Bloki 10

Dlatego będziemy musieli dostosować naszą treść, aby idealnie pasowała do tych bloków bez wychodzenia i aby rozmiar czcionki był dokładnie taki sam we wszystkich. Za to możliwy warto najpierw stwórz zawartość, a następnie ją zablokuj. To już zależy od osoby.

Krok 4: Dopasowanie zawartości do bloków

Załóżmy, że mamy już projekt na papierze i wszystkie utworzone bloki treści. Ostatnim krokiem jest połączenie tego. W tym celu użyjemy kilku narzędzi, aby połączyć wszystko i wyślij go do projektanta stron internetowych.

Bloki wideo

Filmy można przekazywać na dwa sposoby:

1. W formacie wideo MP4 za pomocą narzędzia takiego jak WeTransfer.
2. PREFEROWANA OPCJA: przesyłanie ich na marcowy kanał YouTube i przekazywanie linku do filmu na YouTube.

Jeśli w układzie jest tylko jedno wideo, nie będzie problemu. Ale jeśli jest kilka filmów, będziemy musieli je w jakiś sposób powiązać z układem wykonanym na papierze.

Na przykład Wyobraź sobie, że są trzy filmy. W układzie narysujemy liczbę 1 w pierwszym filmie, liczbę 2 w drugim filmie i liczbę 3 w trzecim filmie. A następnie wysyłając całą dokumentację, umieścimy coś takiego:

• Film 1: Film poświęcony frazom o niestosowaniu przemocy o tytule: „Najważniejsze zwroty o niestosowaniu przemocy”
• Wideo 2: Wideo przedstawiające kolory flagi o tytule: „Flaga niestosowania przemocy”
• Wideo 3: Wideo przedstawiające grupę, która będzie maszerować w Argentynie pod tytułem: „Podstawowa drużyna Argentyny”

Ułatwi to określenie, który film odpowiada każdej sekcji.

Bloki obrazu

W takim przypadku wszystkie obrazy muszą zostać przesłane na platformę IMGUR: https://imgur.com/upload

A następnie przekaż linki do tych obrazów. Idealnie byłoby umieścić obrazy takie same jak filmy, oznaczone 1, 2, 3 i tak dalej. Na przykład wyobraźmy sobie, że mamy 4 zdjęcia w locie w Afryce Południowej. Wszystkie cztery mają tę samą nazwę: „sudafrica.jpg”. Otóż ​​kolejne nazwy wstawiamy do miejsca, w którym będą w makiety i malujemy numer na papierze, któremu odpowiadają. Przykład:

• Republika Południowej Afryki-1.jpg
• Republika Południowej Afryki-2.jpg
• Republika Południowej Afryki-3.jpg
• Republika Południowej Afryki-4.jpg

Bloki przycisku, tytułu i tekstu

Wreszcie, te bloki powinny być zapisane w dokumencie programu Word lub najlepiej w Dokumentach Google.

Format jest bardzo prosty: w dokumencie Word podajemy typ bloku (tytuł, przycisk lub tekst), a następnie numer, który będzie odpowiadał w układzie.

Przykłady:

• Tytuł 1:…
• Tytuł 2:…
• Tekst 1:…
• Tekst 2:…
• Przycisk 1:…
• Przycisk 2:…

Następnie umieściłem przykładowy dokument z całkowicie losowymi tekstami, aby można było zobaczyć, jak to będzie zorganizowane, zgodnie z przykładem obrazu 4:

Tak powinien wyglądać układ po umieszczeniu liczb odpowiadających każdej sekcji:

Krok 4: Wyślij wszystko

Gdy wszystko zrobimy, będziesz musiał po prostu wysłać go osobie, która będzie odpowiedzialna za układ

To by wystarczyło

1. Szkice na papierze z układem
2. Zawartość
   • Linki wideo do YouTube lub WeTransfer
   • Łącza obrazów IMGUR
   • Link do dokumentu w Dokumentach Google lub pliku Word

Notariusz Ważne Finał

Ideałem byłoby w końcu dołączyć wyjątkowy obraz, który będzie towarzyszył nagłówkowi strony 1 tytułu. Dlatego tytuł 1 powinien zawsze pojawiać się na początku.

Obraz nagłówka musi mieć rozmiar 960 x 540 pikseli. IMGUR może wysłać ten obraz, podobnie jak pozostałe obrazy

Ostateczny wynik

I wreszcie przy wszystkich tych informacjach strona zostanie skonfigurowana. Po zakończeniu tego przykładu strona z ostatecznym wynikiem zgodnym ze wszystkimi parametrami, które wcześniej podnieśliśmy, byłaby następująca:

Ostatnia strona