Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

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

Федор пишет: Прошу указать на ошибки и оценить уровень работы в целом. Я уверен, что из-за неопытности я не задаю самых важных вопросов, и был бы рад выслушать правильные вопросы об улучшении макета.




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




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




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




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




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




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




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




Всё вместе:




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




Было и стало:




Присылайте ваши макеты на переверстку. Описание и правила рубрики
Tags: верстка, знаю как, каталог, переверстка, процесс, таблица, типографика
Subscribe

Posts from This Journal “переверстка” Tag

  • Переверстка №31. Подписка на Cover Commander

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

  • Мастер-класс по стиранию линеек

    Переверстываю пять макетов в режиме реального времени. 0:01:18 — Вступление 0:03:40 — Таблица «Допустимое рабочее…

  • Переверстка страницы FAQ

    Дизайнер Дженсон Камби рассказал о переделке сайта The New Yorker Festival и в частности о том, как поменялась страница FAQ. Было и стало:…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 8 comments