Уважаемые пользователи, просим вас не печатать статьи и инструкции по использованию сервисов ВГТУ. Материалы постоянно изменяются и дополняются, поэтому бумажные версии очень быстро потеряют свою актуальность.
Требования к баннеру для слайдера: различия между версиями
Перейти к навигации
Перейти к поиску
Slava (обсуждение | вклад) |
Slava (обсуждение | вклад) |
||
| Строка 24: | Строка 24: | ||
Можно открыть https://cchgeu.ru и посмотреть, как выглядят баннеры на компьютере и телефоне. | Можно открыть https://cchgeu.ru и посмотреть, как выглядят баннеры на компьютере и телефоне. | ||
| − | + | === Баннер с текстом на картинке=== | |
| + | |||
| + | На компьютере: | ||
[[Файл:Slider-bad-1.png|безрамки]] | [[Файл:Slider-bad-1.png|безрамки]] | ||
| − | + | На телефоне: | |
[[Файл:Slider-bad-1-mobile.png|безрамки]] | [[Файл:Slider-bad-1-mobile.png|безрамки]] | ||
| − | + | === Баннер с элементами по краям === | |
[[Файл:Slider-bad-2.png|безрамки]] | [[Файл:Slider-bad-2.png|безрамки]] | ||
Версия 11:24, 23 марта 2022
На главной странице cchgeu.ru есть слайдер с баннерами, у него есть некоторые особенности.
Устройство баннера
Баннер состоит из фоновой картинки и текста, который накладывается сверху.
Требования к баннеру
Чтобы ваш баннер смотрелся аккуратно и информация не терялась, просьба учитывать требования к макету.
Требования к фоновой картинке
- Формат файла: JPG;
- Размер: 1920х420 пикселей;
- Не должно быть текста, иначе он будет обрезаться на мобильных устройствах;
- Нежелательно размещать значимые элементы, особенно слева и справа по краям;
- Рекомендуется использовать цвета брендбука.
Требования к тексту
Текст не должен быть слишком длинным.
Примеры баннеров с нарушениями
Можно открыть https://cchgeu.ru и посмотреть, как выглядят баннеры на компьютере и телефоне.
Баннер с текстом на картинке
На компьютере:
На телефоне:
Баннер с элементами по краям
