Водич за изгледот на содржината

Кога сакаме да поставиме содржина на Интернет, еден од најголемите проблеми што ги наоѓаме е дека предлозите што ги добивам никогаш не се многу добро осмислени за успешно да се вклучат во мрежата. Општо, проблемот е во тоа што без соодветна структура, дизајнот и изгледот обично не изгледаат премногу добри, давајќи незадоволителен резултат.

Затоа ќе дадам неколку основни објаснувања за тоа како треба да се земе предвид распоредот на содржината во услови за да се поедностави работата до максимум и дека резултатот е оптимален.

Целта на овој водич е дека секој без знаење за програмирање или развој на веб може да ми даде квалитетен распоред и дека не мора да трошам премногу време обидувајќи се да ја извлечам идејата преку повеќе разговори сè додека не дојдам до заклучок.

Чекор 1: Шаблонот

За да имаме шаблон каде што можеме да го „нацртаме“ нашиот предлог, она што ќе го направиме е да земеме лист хартија А4 и ќе го превиткаме за ЕДНА ТРЕТИНА по должина.

Чекор 2: Содржината блокира

Да замислиме дека имаме неколку видови содржина: видео, слика, текст. Секоја содржина е правоаголен или квадратен блок. Ние треба да ги поставиме блоковите од горе до доле на образецот по ваш избор. Ние ќе илустрираме три типа на содржина.

Видео блок

Willе претпоставиме дека видеото генерално ќе биде видео на YouTube, ние го претставуваме во образецот како што следува:

Блок на слика

Зависи од тоа дали сликата е пејзаж или портрет, како што ќе се согласиме.

Текст блок

Исто како и блокот на слика, во зависност од тоа како го сакаме текстот, ќе ставиме блок или друг. Ние го претставуваме со паралелни линии.

Текстовите блокови можат да бидат блокови со текст со вклучени ставови, па дури и списоци на текстуални елементи

Toе ставам два примери: блок на текст веднаш до слика на пејзаж, и друг веднаш до портретска слика:

Блок на наслов

Насловите одат во посебни блокови се издолжени блокови кои генерално ја зафаќаат целата линија.

Копче за блокирање

Ако сакаме да ставиме копче за луѓето да кликнат и да ги однесат на друг дел од мрежата или се појавува само прозорец со некои информации (или форма)

Други блокови

Идејата е слична. Ако сме разбрале како функционираат блоковите, мислам дека би можеле јасно да ставиме друг вид блок кој, сличен на претходните, одговара на квадрат или правоаголник. На пример, ако сакавме да ставиме форма вметната во содржината. Иако ова обично е најмалку вообичаено, подобро е да се запрашате пред да користите нови блокови кои не се од типовите споменати погоре. Willе се обидам да го ажурирам овој список бидејќи излегуваат нови идеи за блок што може да бидат од интерес за сите.

Конечно, еве еден пример за образец со сите типови блокови споменати погоре:

Проширување на блоковите

Ако ни треба повеќе простор, едноставно треба да додадеме повеќе страници во блок-дизајнот на дното. Не е неопходно да се пополни сè, но важно е да не оставите празни празнини од врвот до дното помеѓу средината на секој блок. На овој начин можеме да ја прошириме страницата:

Чекор 3: Креирање на содржина

Сега, кога имаме распоред на содржината по блокови и видови блокови, потребно е да се создаде содржина што ќе оди во тие блокови. Чекорот 3 е заменлив со чекорот 2. Со други зборови, можеме да ја креираме содржината пред тоа, а потоа и распоредот да ја знаеме количината на содржина што сакаме да ја инкорпорираме. Неизвесно е да се направи тоа на еден или друг начин, но мора да бидеме свесни дека содржината мора точно да се вклопи во нашиот изглед.

Willе го следиме претходниот пример. На сликата 4 можеме да ги видиме следниве блокови:

• Блокови на насловот 2
• 4 блок на текст
• 1 видео блок
• Блокови на слика 2
• Блок за копче 1
• Вкупно: Блок за 10

Затоа, ќе мора да ја прилагодиме нашата содржина така што совршено да се вклопи во овие блокови без да замине и дека големината на фонтот е точно иста во сите нив. За тоа можно вреди прво креирајте ја содржината и потоа блокирајте ја. Веќе многу зависи од личноста.

Чекор 4: Поставување на содржината со блоковите

Да претпоставиме дека веќе го имаме дизајнот нацртан на хартијата и сите создадени блокови со содржини. Сега последниот чекор е да го комбинирате. За ова ќе користиме неколку алатки за да комбинираме сè и испратете го до веб-дизајнерот.

Видео блокови

Видеата можат да се пренесат на два начина:

1. Во MP4 видео формат преку алатка како WeTransfer.
2. ПРЕДГОВОРНА ОПЦИЈА: Подигнување на истите на каналот „ЈуТјуб март“ и пренесување на врската на ЈуТјуб до видеото.

Во случај да има само едно видео во изгледот, нема да има проблем. Но, ако има неколку видеа, ќе мора да ги поврземе на некој начин со изгледот што сме го направиле на хартија.

На пример Замислете дека има три видеа. Во распоредот ќе нацртаме 1 број во првото видео, 2 број во второто видео и 3 број во третото видео. И тогаш при испраќање на целата документација ќе ставиме вакво нешто:

• Видео 1: Видео кое се занимава со фразите за ненасилство со наслов: „Најважните фрази на ненасилството“
• Видео 2: Видео кое се занимава со боите на знамето со наслов: „Знамето на ненасилството“
• Видео 3: Видео кое се занимава со групата што ќе маршира во Аргентина со наслов: „Основниот тим на Аргентина“

Ова ќе овозможи полесно да се знае кое видео одговара на секој дел.

Блокови на слики

Во овој случај, сите слики мора да бидат поставени на платформата IMGUR: https://imgur.com/upload

И потоа пренесете ги врските до тие слики. Идеално е да ги ставите сликите исто како видеата, означени со 1, 2, 3 и така натаму. На пример, да замислиме дека имаме 4 слики во лет во Јужна Африка. Сите четири го имаат истото име: „sudafrica.jpg“. Па, ставаме последователни имиња до точката каде што ќе бидат во распоредот и го сликаме бројот на хартијата на која одговараат. Пример:

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

Копче, наслов и блокови на текст

Конечно, овие блокови треба да бидат напишани во Word документ, или по можност во Документи на Google.

Форматот е многу едноставен: Во документот Word го ставаме типот на блок (Наслов, копче или текст) проследено со бројот на кој ќе одговара во изгледот.

Примери:

• Наслов 1:….
• Наслов 2:…
• Текст 1:…
• Текст 2:…
• Копче 1:…
• Копче 2:…

Потоа ставам пример за документ со тотално случајни текстови за да се види како би се структурирало ова, по примерот на 4 сликата:

Вака треба да изгледа распоредот откако ќе ги поставиме броевите што одговараат на секој дел:

4 чекор: Испратете ги сите

Откако ќе сториме сè, едноставно ќе треба да му го испратите на лицето кое ќе биде одговорно за изгледот

Едноставно ќе траеше

1. Скици на хартија со изгледот
2. Содржината
   • Видео линкови до YouTube или WeTransfer
   • IMGUR врски на сликите
   • Врската до документот во Документи на Google или датотеката Word

Завршно значајно нотарско финале

Идеално би било конечно да вклучите извонредна слика што е таа што ќе ја придружува насловот на наслов 1 на страницата. Затоа Насловот 1 секогаш треба да се појавува на почетокот.

Сликата со заглавие мора да има големина од 960 x 540 пиксели. Оваа слика може да биде испратена како и останатите слики, од IMGUR

Конечен резултат

И, конечно, со сите овие информации, страницата ќе биде поставена. Следејќи го и да се заврши со овој пример, страницата со конечен резултат по сите параметри што ги подигнавме претходно би била оваа:

Конечна страница