Артём!

С первого взгляда кажется, что на странице всё хорошо: чередование ритма в порядке, заголовки держат свои этажи, главное и второстепенное разделено. Чрезмерную размазанность по вертикали и мелкие проблемы с выделением ссылок в счёт не берём. Главное, что страницу интересно разглядывать и хочется прочитать.

Тут‑то и вскрывается проблема с порядком изложения. Вы начинаете с рассказа об исследовании, а потом предлагаете поддержать исследование. Форма перевода воспринимается как финальное действие — прочитал об исследовании, пожертвовал 100 рублей:

Но это не конец страницы. Дальше вы приглашаете участвовать в исследовании — ещё одна мегаформа из Гугльдока (кстати, встроена довольно приятно):

Что надо сделать‑то: дать деньги или участвовать? И что будет после отправки формы? А на что пойдут деньги?

Крутим дальше. Вдруг ответы ниже? Их нет. Вместо ответов вы показываете кураторов:

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

Самая большая иллюстрация на странице оказалась самым бесполезным для читателя элементом. Главное и второстепенное выбраны неправильно.

К чему я веду? Хорошая вёрстка сама по себе не решает задачу. Я не поеду в автомастерскую, если не увижу, что там починят мою машину. Не заведу электронную медкарту, если не разберусь, зачем она мне. Не пойду на мероприятие, если не пойму, что на нём будет. Прежде чем приступать к вёрстке, поймите, как будет работать ваша страница, и определитесь с порядком изложения.

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

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

Типографика в вебеМодульная вёрсткаЧередование ритмаФормат: иллюстрацияФормат: текстНоситель: сайт
Отправить
Поделиться
Запинить

Рекомендуем другие советы