?

Log in

No account? Create an account

nobelfaik


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

light gray is the new white, dark gray is the new black


Previous Entry Поделиться Next Entry
Переверстка №6. Разворот каталога опор освещения
nobelfaik
Федор пишет: Прошу указать на ошибки и оценить уровень работы в целом. Я уверен, что из-за неопытности я не задаю самых важных вопросов, и был бы рад выслушать правильные вопросы об улучшении макета.




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




Уже лучше, но текст по-прежнему не хочется читать. Между тем в блоке «Особенности конструкции» скрыта ключевая информация. Попробуем ее оттуда достать, разложив серый прямоугольник на мелкие порции (bite-size chunks, по Хароверу). Иконки для примера:




То же самое, только этажами:




Или так. Пришлось немного сократить:




Хорошо бы сделать шесть колонок с крупными иконками, но текст не позволяет:




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




Подправим таблицу. Текст выравниваю по левому краю, цифры — по разрядам. Размеры, относящиеся к одним элементам, объединяю цветом:




Всё вместе:




Первые два примечания добавляю в основной текст, а третье оформляю как ссылку:




Было и стало:




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

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


  • 1
Иконки надо по массе уравнять.

Edited at 2015-08-10 13:02 (UTC)

Коллега, как это у вас колонцифра убежала с наружного края?
И ведь именно она заставила вас задать ссылке левый флаг)

Для заголовков в основном тексте достаточно одного контраста — или кегля, или начертания, или цвета.

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

1 — текст сноски.
2 — текст сноски.

Либо

1 Текст сноски.
2 Текст сноски.

Текст из примечаний 1 и 2 поместить в блок Особенности конструкции. Первый пункт преподнести как удобную для клиента доп. опцию — мол мы вам можем запилить индивидуальный проект, ваще легко! Хотя этот пункт, действительно, можно вставить в основной текст, там он вполне логичен.
А вот второй пункт был вынесен явно не просто так. Ставим рядом с ним красную иконку с восклицательным знаком. Аттеншн, господа!

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

Да и таблицу бы я давал после текста.

Edited at 2015-08-10 17:28 (UTC)

Колонцифра не была поддержана другими элементами, поэтому и переместилась вправо.

Правило одного контраста родом из книжной верстки, в других условиях оно не всегда работает.

Переверстка №6. Разворот каталога опор освещения

Пользователь fill_m сослался на вашу запись в своей записи «Переверстка №6. Разворот каталога опор освещения» в контексте: [...] Оригинал взят у в Переверстка №6. Разворот каталога опор освещения [...]

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

Глядя на финалы хочется еще кое-что подправить, но ваша рубрика охрененна!

(Удалённый комментарий)
  • 1