Первый ремонт без стресса: как разобраться в натяжных потолках 
Котэ висяче 
Секреты станций московского метро: дирижабли, окаменелости и последний буфет 
SPF... ну плюс минус лопата... 
Прекрасные люди из ЖЖ — Софья Wetfield 
Дыши... или Соплям — НЕТ! 
СТРАШНЫЕ ИГРУШКИ 
Единое пособие на детей в 2026 году: пошаговая инструкция для родителей 
Фото дня Привет! Меня зовут Наташа, мне 27, я живу в области, а работаю в Москве. Хочу показать вам 18 декабря. Несмотря на то, что это была суббота, я ездила на работу, так что получился репортаж о моем типичном будничном дне. Звенит будильник Очень ...
Переверстка №33. Норма температуры воздуха в вагоне
nobelfaik — 18.12.2025
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
В этой таблице неверно задано направление. Верстка заставляет двигаться по горизонтали, потому что плашки складываются в строки, а не в колонки:
А двигаться нужно по вертикали, потому что пассажиру рассказывают, как температура в вагоне зависит от температуры на улице: если на улице ниже 10 градусов, то в вагоне должно быть 14—18 градусов.
Но двигаться по вертикали мешает большое расстояние между строками и стоящие в разрез заголовки. Получается, что верстка неправильно передает структуру информации и навязывает неправильный сценарий чтения.
Попробуем «перевернуть» данные — сделать строки колонками. Теперь таблица хорошо читается как по вертикали, так и по горизонтали, потому что расстояние между плашками примерно одинаковое в обоих направлениях:
Далее усилим основное направление (после перевертывания оно стало горизонтальным), это можно сделать с помощью различных графических приемов:
На самом деле эту таблицу необязательно переворачивать. Перенесем заголовки влево и подвинем строки ближе друг к другу:
Подробнее о направлении чтения и поиска читайте в одноименной главе курса «Таблицы и прочие радости».
Присылайте макеты на переверстку
Отправьте письмо с макетом, комментарием или вопросом к нему на эл. адрес [email protected]. В теме письма укажите «Переверстка». Будьте конкретны. По возможности прикрепите исходники. Правила рубрики и все выпуски
Оставить комментарий
Популярные посты:
Архив записей в блогах:
Кто-нибудь, кто в курсе, объясните мне, почему еда в Италии такое говно? На завтрак ещё пойдет (он везде одинаковый!): холодные нарезки (где тушёные овощи или хоть что-то горячее?) и грёбаный хлеб. На обед: говнопаста без мяса за 12 евро и плати ещё столько же, если надо жареную ...
Как-то раз я уже писала о том, что летние истории отлично заходят на границе зимы и весны. Изящное оправдание тому, что я не села за перо в июле.
Короче! В начале лета прошлого года мы срочно захотели отдыхать у моря, а заодно еще разок отметиться в Греции по греческой пятилетней визе ...
Площадь Кальвина (венг. Kálvin tér) — площадь и перекрёсток в центре Будапешта. Названа в честь французского протестантского реформатора Жана Кальвина из-за большой реформатской церкви, расположенной там. Реформатская церковь на площади Кальвина, Будапешт. Здание было построено ...
Коротко кажучи: кожен український націоналіст в ній має взяти участь або безпосередньо балотуючись, або працюючи в дільничих комісіях, або в групах підтримки. Принаймні прийти і проголосувати має КОЖЕН. Кияни мають попрацювати хоча б кілька ...
