В прошлом совете Илья рассказал, как улучшить интерфейс плеера, и нарисовал такую страничку:

Я подумаю, как при помощи вёрстки помочь слушателю определиться с радиостанцией.

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

Предположим, что про некоторые радиостанции захочется сказать ещё несколько тёплых слов. Добавим новый размер ячеек и нальём слов. Я не знаю эти радиостанции, поэтому возьму текст с потолка:

Белые просветы между плитками рябят и отвлекают. Уменьшим просветы и заодно подправим типографику:

Ну вот, теперь радиостанции хочется полистать, а не тыкать наугад. Следующим шагом можно было бы разбавить сетку фактоидами с советами и интересными историями, добавить тематические подборки и рейтинг — простой плеер превратится в интересный справочный сайт или даже сервис.

Напоследок добавлю немного настроения и стиля в шапку:

P. P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.