nobelfaik


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

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


Previous Entry Поделиться Next Entry
Переверстка №8. Таблица «Предел огнестойкости строительных конструкций»
nobelfaik
Сегодня неформатная переверстка. Я расскажу о таблице, которую показываю на курсе как пример:




Таблица сверстана в «лучших» традициях советской типографики. Нужно привести ее в порядок и придать современный вид.

Основные проблемы:
1. Много повторов в тексте.
2. Массивная трехэтажная шапка с кучей переносов.
3. Сетка из линеек.

Для начала разберемся с повторами. В шапке я выделил текст, дублирующий информацию из заголовка:




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




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




После перевертывания последний столбец оказался пустым и слишком узким для слова «не нормируется». Ставить текст вертикально не вариант. Делаю из него примечание:




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




Именно так делает Тафти:




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




Обратите вниманием, что текст я выровнял по левому краю, — в отличие от исходника, где всё по центру.

Было и стало:

Переверстка таблицы

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

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


  • 1
Хорошо получилось.

Но фраза «соответствие _степени_ огнестойкости и _предела_ огнестойкости» не лишняя в заголовке. Для любого инженера-строителя «Степень О. » и «предел О.» это совсем разные штуки. Таблица как раз про соответствие одного другому. В получившейся таблице это немного ускользает.

Пятую степень не лучше оставить пустым столбцом, как синоним к "не нормируется"? Можно еще прочерками попробовать заполнить пустоты. Сейчас, создается впечатление, что в таблице всего четыре степени. Количество степеней для понимания важнее красивой таблице, мне так кажется.

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

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

Уводить пятую степень в примечания не клево — это очень затруднит быстрое считывание при работе с таблицей. До момента, пока прочитаешь примечание, можно три раза проклясть составителей за то что забыли поставить эту пятую степень.
А так клево, да

На мой взгляд, неправильно выносить пятую степень огнестойкости в примечания. Предположим, я ищу норму для 5 степени: открываю таблицу и не вижу такого столбца. Примечания попросту не замечу.

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

Симпатичная перевёрстка.
Я бы ещё что-то сделал с заголовочной колонкой, попытался бы избежать двустрочия.

1) «I–V» — степени огнестойкости зданий. Примечание нужно дополнить.
«Предел огнестойкости строительных конструкций в зданиях пятой степени не нормируется».
2) Шрифт слишком широкий для этой таблицы.
3) «I» и «1» часто оказываются рядом, а выглядят очень похоже.

дизайн таблиц

(Анонимно)
дизайн неплох но к снипам свои лапы не тяните, вы сделали непривычный для инженера вид, лучше занимайтесь меню для ресторана

дизайн таблиц

(Анонимно)
объединять в одну строку колонки не нужно - вы усложнили процесс поиска информации, так приходится бегать глазами по всей строке. а раньше по одному столбику узкому глазами пробежался и все прочитал что нужно для своего класса

  • 1
?

Log in

No account? Create an account