Техническое задание на адаптацию сайта к мобильным устройствам

Общие требования

Отсутствие горизонтальной прокрутки;

Тексты хорошо читаются без масштабирования (кегль шрифта не менее 12px);

Достаточное для использования пространство вокруг кнопок и ссылок.

Требования к разрешениям экранов

1920×1080	1680×1050	1600×1200	1440×900	1366×768	1280×1024
1280×800	1152×864	1024×768	800×600	640×480	240х320¹

¹ Ингода по просьбе клиентов мы включаем в техническое задание этот уже непопулярный экран, с которого началась эпоха мобильного интернета и адаптивных сайтов.

Требования к системе разметки

В этом разделе мы описываем посредством снимков экранов и комментариев поведение верстки на мобильных устройствах. Вот как выглядел это раздел в техническом задании на адаптацию сайта hurom-market.ru.

Одна колонка.
Перестраивается из 2-х колонок в одну.
Одна колонка.
Изображение обрезается и закрывается контактной формой.
Одна колонка.
Блок перестраивается в два шага: из 3-х колонок в две, из 2-х колонок в одну.
Одна колонка.
Перестраивается из 2-х колонок в одну.
Перестраивается последовательно из 4-х колонок в три, из 3-х в две, из 2-х в одну.
Изображение скрывается.
Одна колонка.
Блоки с товарами перестраиваются из 3-х колонок в одну.
Одна колонка.
Перестраивается из 2-х колонок в одну.
Одна колонка.
Одна колонка.
Блок перестраивается в два шага: из 4-х колонок в две, из 2-х колонок в одну.
Перестраивается из 3-х колонок в одну.
Одна колонка.
Блок перестраивается в два шага: из 4-х колонок в две, из 2-х колонок в одну.
Изображение обрезается и закрывается контактной формой.
Одна колонка.
Перестраивается из 3-х колонок в одну.
Одна колонка.
Перестраивается из 2-х колонок в одну.
Одна колонка.
Перестраивается из 2-х колонок в одну.
Одна колонка.
Перестраивается из 3-х колонок в одну.
Перестраивается из 2-х колонок в одну.

Другие записи