Короткая шпаргалка
Пускай мы как пользователи, чаще всего видим шапки каналов на ютубе как тонкие баннера, на самом деле она куда шире чем может показаться на первый взгляд.
Полный размер шапки ютуб канала 2560 x 1440 px
Это сделано для того чтобы один макет мог нормально отображаться на всех устройствах и упростит жизнь пользователям, которые решили стать авторами на ютубе.
Но все же, даже в столь продуманном подходе, есть пара подводных камней и фишек.
Подводные камни подготовки шапки для ютуб:
Фиолетовая зона 1546 x 423 px, это часть баннера которая будет отображаться на мобильных устройствах, всю инфографику лучше всего размещать в этом поле, кроме зоны красного круга. (тк эта зона отображается на всех устройствах и текст не "обрежется")
Красный круг обозначает место расположения автаркии на мобильных устройствах. (по этой причине лучше не размещать текстовые поля, или графику, в нижнем левом углу зоны для мобильных устройств, так как они могут быть перекрыты аватаркой).
!!! Так же при добавлении текста, стоит учитывать его читаемость при отображении шапки канала с мобильных устройств, то что кажется нормальным с экрана компьютере, может оказаться абсолютно нечитаемым с мобильного телефона. !!!
Голубая зона 1855 x 423 px отображается на планшетах.
Зеленая зона 2560 x 423 px отображается на компьютерах и ноутбуках.
Графику в Зеленой и Голубой зонах стоит располагать с осторожностью, тк она может быть обрезана, тк эти зоны отображаются у всех по разному, в зависимости от размера экрана пользователя.
Серая зона 2560 x 1440 px видна только с ТВ и редко попадается на глаза простым пользователям, так что многие фрилансеры используют её для личного брендинга, саморекламы, и иногда оставляют пасхалки, для самых проезженных фанатов.
Это те простые мелочи которые стоит знать, чтобы не испортить свою работу версткой и сделать её лучше, спасибо за внимание.
Полезные ссылки:
Шикарные мокапы от Gui Dellacolletta
