Константин!

Первым делом на главной странице я бы ответил на вопрос «Что тут делать?» :‑)

К вёрстке. Главная страница устроена по принципу плитки. Это неплохо, потому что вроде бы у нас нет задачи привлечь внимание к определённой сове. Однако даже для плиточной страница выглядит скучно: картинки одинаковые, очень маленькие и нещадно обрезаны под квадрат. В результате, чтобы хотя бы найти интересную сову, пользователь вынужден перекликать их все.

Раз порядок сов значения не имеет, то не нужно беспокоиться о линейности чтения. Поэтому можно попробовать расставить картинки на манер Пинтереса, без выравнивания по высоте. Назначение сайта мне непонятно, поэтому в шапке я пофантазировал:

Картинки крупнее, сетка разнообразнее — разглядывать страницу интереснее.

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

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

Комментарии

Как я понимаю, суть сайта в подборе картинок сов, как иллюстраций. Если так, то я бы выделил рубрики: показал сразу случайную сову, совы в большом разрешении, популярные совы. Список можно продолжить. Добавил бы фильтры какие‑нибудь для подбора.

Когда открываю одну картинку, её приходится сначала закрыть. а потом дальше искать. Я бы отвёл область, где показывал картинки в полном размере при наведении или клике по квадратику‑превьюшке.

Выбрать сову по номеру — это вообще издевательство. Кто будет помнить сова под каким номером ему понравилась?

Ну и главный вопрос. В совотеке 1159 сов, а на главной странице всего 99 — как всех то посмотреть?

3 июня 2015

Шаг 2: убрать отступы между картинками по принципу лоскутного одеяла.

5 июня 2015

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