Что общего у хорошей картины и приятного веб-дизайна? Удачная композиция! И пусть законы расположения "контента" на "холсте" в этих сферах отличаются, едино одно: если правила композиции нарушены, картинка будет некомфортна для взгляда стороннего наблюдателя.

Сегодня поговорим о Принципах расположения элементов на странице.

- Принцип выравнивания. Ни один элемент на странице не должен "болтаться" в свободном плавании: каждая картиночка, каждый заголовок, каждая иконка должны быть строго выровнены относительно чего-то. Можно равняться относительно центра, левого/правого края, либо же относительно конкретного элемента. Но ни шагу назад, ни пикселя в сторону!

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

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

Насколько рядом? Чтобы восприниматься как единая смысловая единица, которая либо даёт пользователю логически завершенный блок информации, и/или побуждает его совершить действие.