В данном курсе мы рассмотрим рекомендованные размеры различной графики для решении серии GoPro.

Логотип сайта

Рекомендуемые размеры для лого сайта - 144x43px.

buildpro_logo.jpg


Главный баннер

Рекомендованный размер главного баннера - 1230x412px.
Так как на разных разрешениях экрана главный баннер может обрезаться по бокам, то текст необходимо на баннере располагать в "безопасной области", ширина которой - 721px. Данная область располагается в центре баннера.
Баннер таких размеров будет хорошо смотреться при любой выбранной вами шапке и типа меню (выбирается в настройках виджета).

main_banner.jpg


Иконки разделов в вертикальном меню

Рекомендуемый размер иконок - 20x20px.

optpro_vertical_menu_icons.jpg


Блок с преимуществами сайта

Рекомендуемые размеры иконок - 44x44px.

buildpro_features.jpg


Картинки разделов в списке разделов

Рекомендуемые размер изображений в данном блоке - 210x160px.

buildpro_sections.jpg


Новости и акции

Тут какого-то рекомендованного размера нет. Загружайте изображения любого размера, сайт будет выводить их в нужном ему размере.

buildpro_new_and_actions.jpg



Список товаров

Рекомендованного размера для данного блока нет. Сайт сам пережмет изображения до нужного ему размера, автоматическое пережатие происходит до размеров - 198x208px (вид Витрина).

buildpro_product_list.jpg


Детальная страница товара

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

buildpro_product_detail.jpg


Фотогалерея

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

buildpro_gallery.jpg

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

0