Особенности центральной и горизонтальной вёрстки
Рассмотрим особенности центрального и горизонтального расположения элементов.
Центральная
- Более праздничная, активная (края более рваные). А значит хорошо подходит для лендингов.
- Легко добиться эстетичного визуала. Точнее, легко если надо разместить пару элементов (например, заголовок и текст).
- Сложнее размещать новые элементы. Когда надо разместить не просто много элементов (например, заголовок, текст, изображение товара, несколько лейблов, кнопку, фичи, цену, отзывы, ссылку на другую страницу), страница раздувается по вертикали, становится перегржуенной и её сложно читать. Ты вы вынужден переходить к более сложному (горизонтальному) размещению элементов.
- Адаптивность. Центральную вёрстку проще адаптировать под различные экраны.
Горизонтальная
- Более спокойная. Элементы показываются последовательно, «глубина» визуальной иерархии элементов становится больше.
- Чуть большую роль начинает играть визуальная иерархия. У тебя становится много элементов, которые нужно грамотно разместить в рамках одного экрана (вьюпорта), здесь ты вынужден тщательней думать над пропорциями элементов на экране, цветами, графическими ходами и тд.
- Проще размешать новые элементы. Точнее, проще в том случае, когда ты продумал прочный каркас и ты понимаешь, что есть запас для размещение новых элементов (например, если у продукта окажется не 2 фичи, а 5, то вёрстка не сломает).
- Страница не раздувается так быстро по вертикали. Потому что ты не размещаешь каждый новый элемент «снизу по центру».
- Нужно будет прикладывать чуть больше усилий для адаптации элементов под различные экраны.
Tags: дизайн, презентация, иллюстрация