Требования к баннеру для слайдера: различия между версиями
Материал из ВГТУ:wiki
Дополнительные действия
Slava (обсуждение | вклад) |
Slava (обсуждение | вклад) |
||
| Строка 18: | Строка 18: | ||
# Не должно быть текста, иначе он будет обрезаться на мобильных устройствах; | # Не должно быть текста, иначе он будет обрезаться на мобильных устройствах; | ||
# Нежелательно размещать значимые элементы, особенно слева и справа по краям; | # Нежелательно размещать значимые элементы, особенно слева и справа по краям; | ||
# Рекомендуется использовать цвета | # Рекомендуется использовать цвета и элементы [https://cchgeu.ru/university/firmennyy-stil/ фирменного стиля]. | ||
=== Требования к тексту === | === Требования к тексту === | ||
Версия от 11:03, 7 ноября 2022
На главной странице cchgeu.ru есть слайдер с баннерами, у него есть некоторые особенности.
Устройство баннера
Баннер состоит из фоновой картинки и текста, который накладывается сверху.
Текст выравнивается по левому краю.
Требования к баннеру
Чтобы ваш баннер смотрелся аккуратно и информация не терялась, просьба учитывать требования к макету.
Требования к фоновой картинке
- Формат файла: JPG;
- Размер: 1920х420 пикселей;
- Не должно быть текста, иначе он будет обрезаться на мобильных устройствах;
- Нежелательно размещать значимые элементы, особенно слева и справа по краям;
- Рекомендуется использовать цвета и элементы фирменного стиля.
Требования к тексту
Текст не должен быть слишком длинным.
Примеры баннеров с нарушениями
Можно открыть https://cchgeu.ru и посмотреть, как выглядят баннеры на компьютере и телефоне.
Баннер с текстом на картинке
На компьютере:
На телефоне информация по краям теряется:
Короткая ссылка на эту страницу: https://s.cchgeu.ru/wikislider