nobelfaik


Блог Игоря Штанга

Доктор, мой макет не дышит!


Previous Entry Поделиться Next Entry
Переверстка №13. Список стран на сайте tranio.ru
nobelfaik
Алина пишет: Есть список стран, который нужно переверстать в три колонки. Страны расположены по алфавиту, но! Как видишь, читать их надо не столбиками сверху вниз, а строчками слева направо. То есть Австрия стоит не под Австралией, а в соседнем столбике. Мне кажется, это неправильно. Разрыв между столбиками очень большой, и никому не придет в голову прыгать взглядом туда-сюда. Все будут читать естественным образом: сначала первый столбик сверху вниз, потом второй. Но коллеги утверждают, что есть некое правило, по которому большие списки нужно верстать именно так. Что ты думаешь по этому поводу?

Можно сразу избавиться от ссылок на новости и обзоры, они уже неактуальны.






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




Уберем всё лишнее и начнем сначала. Самый удобный для поиска вывод — линейный. Взгляд движется сверху вниз и никуда не перескакивает:


Группировка поможет сориентироваться быстрее:


Дыра справа не всегда будет желанной. Разбиваем длинную колонку на четыре коротких (пост про список и ширину колонки). Отличие от исходного варианта в том, что теперь всё помещается на один экран (примерно):


Еще я сократил длинные названия, чтобы они не торчали:
Доминиканская Республика (Доминикана) → Доминикана
ОАЭ (Объединенные Арабские Эмираты) → ОАЭ
Республика Македония → Македония
Сен-Бартелеми (Сен-Барт) → Сен-Бартелеми


Грех не воспользоваться интерфейсными приемами. Например, быстрым поиском:


Или фильтром:


Выберу шрифт покомпактней, увеличу кегль и переверстаю в три колонки, как и просили:


Было и стало:




Буду рад предложениям читателей и примерам хороших списков в вебе. Прикрепляйте к комментариям.

Присылайте макеты на переверстку. Описание и правила рубрики

Записи из этого журнала по тегу «переверстка»


  • 1
Два поиска на одной странице – не круто. Возможно тут не нужна отдельная страница, а просто оверлей. А список отличный получился.

На мой дилетантский взгляд новый вариант выглядит Мега -круто, -удобно и -понятно 👍

(Анонимно)
Ну а че ж ты Украину пропустил? Красиво в столбик не стала?

Ахах, от вас ничего не скроешь!

Я бы выкинул флаги. Даже при моей вроде бы пятерке по географии и любви к атласам в детстве, я не помню наизусть половину из них. Только в глазах рябят, причем в точности по левой вертикали, где и должен скользить взгляд в поисках нужной строчки.

  • 1
?

Log in

No account? Create an account