Школа Фриланса 2
100,0 5 2
Получи удаленную работу для дизайнера - баннер для YouTube канала @Бесплатная Школа Видеоблогера​
100%

Получи удаленную работу для дизайнера - баннер для YouTube канала @Бесплатная Школа Видеоблогера​

Заказ для дизайнера – баннер для YouTube + пример ТЗ.

Техническое задание для создания баннера на YouTube канал нашей бесплатной «Школы Видеоблогера». 

У нас уже есть разработанный баннер, и нам просто нужно внести в него некоторые изменения. Поэтому от Вас не требуется ничего придумывать. Всё, что нужно сделать я сейчас расскажу. И Вам просто нужно это воплотить уже в готовый файл. И так. Начинаем мы с референса. С этого референса Вы должны взять общее представление, о том, как должен выглядеть Ваш баннер.

Первый момент – это фон. Баннер на YouTube рассчитан для телевизора. Самый большой формат именно открывается на телевизоре. Поэтому у нас идёт фон из логотипа, который расположен по сетке и уведён немножко, такую, размытость, серость. То есть как на референсе, похожего плана сделать фон. Логотип для этого Вам дан. Тоже в техническом задании. Берёте и создаёте вот такую из него сетку для фона. Затем, вот эта белая плашка – это наше основное поле, которое видно на YouTube. Вот Вы его вот здесь можете видеть, как оно отображается. Вот этот вот баннер на компьютере. И вся следующая информация уже у нас идёт именно про эту область.

Так как у нас меняется текст на баннере, а так же участники, которые Вы видите вот здесь, я сейчас Вам покажу шаблон расположения всех элементов. Вот наш баннер. Вот его весь размер и вот здесь отмечена сетка из логотипов. Вот эта узкая полоса, с которой мы работаем. Вот здесь, в мобильной версии, вот здесь, обязательно у нас должны поместиться пять человек. Вот как вот здесь. Вот эти пять человек.

Просто вместо вот этой тени у нас будет ещё одна фотография. Вот это мобильная версия. Загружайте на какой-нибудь тестовый канал, открывайте у себя на мобильном телефоне и проверяйте, чтобы не обрезались люди в этой части. Также у нас остаётся вот эта белая строка с текстом. Вот она, и которая идёт поверх этих фотографий. Текст на этой строке опять же попадает у нас в мобильную версию и не обрезается. Текст, который здесь расположен – это зона центр. Опять же, смотрите в ТЗ, Вам дан чёткий текст, который нужно написать. То есть если здесь написано четыре тысячи, Вы пишете четыре тысячи, а не как на референсе три пятьдесят. То есть текст берём из ТЗ.

Просто копируем, не видоизменяем. Затем, у нас правая часть. Вот она. Опять же текст дан в ТЗ. Как его расположить – указанно здесь. У нас идут четыре пункта: Чек-листы, инструкции, мастер-классы, обратная связь от практиков. Каждый пункт у нас отмечается. Это может быть точка, может быть какая-то звёздочка, тире. То есть должно понятно, что это чек-лист, что это пункты. Опять же, вот у Вас референс. Если Вы какими-то вот такими чертами это отметите, допускается. Важно. Вот здесь отведено поле и написано пусто. Не нужно этот текст, четыре пункта, растягивать на полностью вот эту белую строку.

Переходим с Вами на YouTube и смотрим – что у нас находится вот здесь внизу. У нас находятся значки социальных сетей и сайта. Соответственно в этой зоне мы текст не размещаем. Видите, вот здесь текст размещён до самого низа, и в итоге всё сливается. То есть вот эта нижняя зона у Вас должна остаться пустой. Вот эти четыре пункта, они идут вот здесь. Соответственно на схеме я это указала, и хочу увидеть это в готовой работе. Левая часть у нас со следующим текстом. Опять же дано всё в ТЗ.

Помощь написана более крупно, чем следующие пункты. То есть помощь как бы относится к следующим пунктам: к созданию, к продвижению, к монетизации. Опять же Вы можете отметить это точками, можете взять с референса вот эти черты для разделения. Но, должно быть понятно, что это некоего рода перечисление к помощи. То есть если Вы вынести, например от помощи такую вот стрелочку и стрелочками переведёте сюда, это тоже допускается. Это правильно и хорошо. То есть помощь относится ко всем к трём этим пунктам и это должно быть понятно, ээ, именно по расположению, по тому как Вы это структуируете. Потому что где находится разобрались. И вопросов, мне кажется, не должно возникнуть. Всё максимально подробно и наглядно. Теперь по другим моментам.

Во-первых, обязательно посмотрите ролик что такое исходники. Исходники и заказы будут приниматься только при соответствии требованию к настоящим исходникам. Если Вы пришлётё исходник, который не соответствует тому, что озвучено в этом ролике, Вы прислали что угодно, но не исходник и заказ будет отправлен на доработку, не будет приниматься, пока не будет получен, получен файл, именно такой, который хочет получить заказчик. Также размер баннера на YouTube, вот этот самый большой, расписан. Зоны, которые здесь есть легко гуглятся.

Шаблон баннера YouTube. Смотрите и создаётё, чтобы ничего не обрезалось. Это здесь, опять же, в ТЗ прописано, что баннер должен быть адаптирован под все устройства. То есть не обрезается текст и фотография. Возможно, что часть вот этого текста зайдёт в зону мобильной версии. Это допускается. Сейчас у нас такая же ситуация. Вот этот вот текст, он залез в зону мобильника и вот тут чуть-чуть торчит. Это можно. Главное, чтобы на мобильной версии не обрезался тот текст, который относится к мобильной версии. Логотип канала для фона дан.

Шрифт, который используется для текста дан. И фотографии, которые Вы будете выбирать в папках, должны быть как на референсе. То есть, как видите – все в красном, кроме Фёдора. Фотография Фёдора может быть не в красном. Все остальные люди. Их сейчас будет четыре уже, должны быть в красном. Фотографии в красном в папках есть. Выберете ту, которая будет подходить. Что значит будет подходить. То есть, как видите, сейчас взгляд направлен к центру. В центр, в центр, в центр. То есть не нужно, чтобы человек отвернулся от всех и смотрел в другую сторону. То есть, фотография, которые Вы возьмётё сюда должна смотреть вот в эту сторону или же просто прямо.

Не нужно отворачивать, чтобы она смотрела сюда. При необходимости выбирайте другие фотографии, не те, которые используются в референсе. Но. Общая цель – чтобы эта группа смотрелась цельно. Чтобы она выглядела, как будто сфотографировали их вместе, а не в разнобой. Поэтому, когда Вы выбрали фотографии, приведите их к одному цвету, оттенку, освещению, чтобы выглядело, опять же, цельно. Потому что кого-то фотографировали, и кожа более розоватая, у кого-то более желтоватая. Выровняйте это, чтобы выглядели все более-менее похоже. То есть вот Вам референс, как приблизительно это должно быть, выглядеть.

Сами папки с фотографиями я уже буду отправлять Вам в заказ. То есть в тексте ТЗ на кворке Вы эти папки не увидите. Когда Вы откликнитесь на заказ, и я закажу у Вас, я соответственно, отправлю Вам данные папки. Некоторые изображения в этих папках будут уже отделены от фона, некоторые Вам нужно будет отделить самостоятельно. Но везде у них фон однотонный, поэтому проблем у Вас возникнуть с этим не должно. Текст на баннере мы уже с Вами проговорили. Он здесь дан и показано, в какой части его нужно разместить. То есть не нужно менять местами, и то что влево относительно права, а то, что вправо – налево. Как здесь указанно – так Вы и пишете. То, что влево – налево, то, что направо – направо, то, что в центре – в центре. И это у нас баннер на YouTube.

По готовому референсу. Вторая часть данного задания – это шесть баннеров для социальных сетей. Что это значит. Какие социальные сети имеются в виду. Это фейсбук, в контакте, одноклассники, твитер, линкедин и яндекс-эфир. Вот. Шесть размеров даны Вам. Сейчас я покажу Вам, на примере, как из баннера на YouTube появляется баннер для социальных сетей. Вам не нужно нового ничего придумывать. Вы работаете с баннером для YouTube. Просто видоизменяете его под нужный размер. Вот наш референс. Вы видите, как он выглядит, и теперь посмотрим, как этот же баннер выглядит на фейсбуке. Размер фейсбука – у нас текст из лева переместился на низ, правый текст упразднён, и Вы видите центровую часть баннера на YouTube. Вот здесь. То есть ничего нового не придумывалось.

Не появился новый текст, не появились новые фотографии, не поменялось их расположение. Просто взят вот этот элемент и в свободное место разнесены вот эти текста. То есть Вы стараетесь максимально сохранить текст с основного баннера, но не в ущерб композиции. То есть самое важное, что Вы размещаете – это центр мобильной версии. Затем Вы размещаете левую часть, затем правую. Правая не помещается. Остаётся только левая. Это баннер на фейсбук. Баннер на одноклассники. Опять же он отличается по размеру. И мы видим, опять сохранена середина, левая часть вынесена вниз, правая перенесена сюда. Здесь размещен логотип. То есть никаких новых элементов Вы не придумываете. Вы просто разместили всё те же элементы, но в новом формате, в новом размере, на новом, на новом холсте. Баннер на в контакте. Опять же, у нас другой размер, соответственно другое расположение. Нового ничего не появилось. Всё те же элементы, просто вписаны в новый размер. Что касается других размеров, принцип тот же, точно такой же.

Создаёте новый файл с заданными размерами. И затем, как коллаж, переносите элементы из баннера YouTube в этот размер. Комбинируете и смотрите, чтобы получилась гармоничная композиция, стараясь сохранить как можно больше информации. Ещё раз повторюсь: сначала сохраняем центр, потом левую часть, потом правую. Итого у нас должно получиться четырнадцать файлов.

А именно: баннер YouTube и шесть социальных сетей в формате джипег и те же семь баннеров, но уже исходниками. Ещё раз повторю. Исходники, посмотрите, что имеется в виду, чтобы Вы прислали именно исходник, а не что-то на него похожее. Ссылка на этот заказ находится под этим роликом, закреплённым в комментарий. Поэтому, если Вы считаете, что Вы справитесь, и готовы взяться за этот заказ – переходите по ссылке и откликайтесь.

Если Вы откликнулись на заказ, то значит, Вы принимаете все пункты, которые я рассказала в этом ролике, а также те пункты, которые прописаны в текстовом ТЗ. Поэтому, читайте, смотрите, пересматривайте и не обижайтесь потом, если Вы сделали не по ТЗ и из-за этого Вас не выбрали или не приняли Вам заказ или написали негативный отзыв. На этом всё. Возникающие вопросы не забывайте писать в комментариях под видео. Всем удачи. Всем пока.

АВТОР
Екатерина Левченкова


КОММЕНТАРИИ (2)


Авторизуйтесь чтобы оставить свой комментарий!


  • 5
    х 27 января 2022 г. 9:28

    Максимально подробное ТЗ. Мне, как не дизайнеру, и то было очень любопытно посмотреть все до конца. Я про тексты и не думала, что в дизайне простого баннера столько мелочей. Возможно дизайнерам профи это все как азбука. Но я под впечатлением. При таком развернутом ТЗ просто нет шансов выполнить неправильно. Это настоящий профессиональный подход к разработке технического задания. Многим заказчикам стоит посмотреть как это нужно правильно делать.

  • 5
    Алиса М 24 ноября 2020 г. 8:37

    Подробная инструкция по созданию баннера для youtube. Только задумалась про создание канала и такие нюансы, как оформление выглядели темным лесом. Начинать страшно, если не знаешь тонкостей. Данное видео рассказывает про правильное размещение элементов, работа с ТЗ для баннера и ключевые моменты для проверки результата (отображение на мобильном телефоне, телевизоре и компьютере). Рекомендую всем, кто хочет сделать качественное оформление своего канала или начать работать с чужими заказами.