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