Просмотров: 8 465

Правило №3 мобильной верстки. Размеры элементов имеют значение.

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

Мобильные устройства — это устройства с малыми экранами, по которым необходимо нажимать толстыми руками, в очень не удобных условиях (например, в полном автобусе), по морозу и трясущимися руками.

Очень важно сделать так, чтобы посетителям ваших сайтов было удобно перемещаться и читать ваши веб-страницы.

Как это можно сделать?

Одним из путей решения этой проблемы — это грамотная работа с размерами элементов.

В первую очередь, это размер шрифта — минимум 12-14 px.

Думаете, это слишком много? Совсем нет. Использовать размер 12 px (никак не меньше) можно только в пояснениях к каким-либо элементам. Такие пояснения должны состоять из 2-3 слов.

Современные сайты требуют больших шрифтов. Как правило для основного текста следует использовать шрифт 14-16 пикселей.

Элементы навигации и кнопки на сайте должны быть большие

Если использовать маленькие элементы, то попасть на них трясущимися руками просто не реально. Попробуйте сами загрузить какой-либо сайт, не адаптированный под мобильные, и покликать по его элементам навигации в переполненном автобусе. Очень сложно и не удобно.

Минимальные размеры элементов могут быть около 50 * 50 пикселей не больше.

Больше расстояния между элементами.

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

Учитывайте эти простые правила и ваши сайты будут более современные и мобильные.