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

Category:

Переверстка №26. Схема «Что делать туристу, если туроператор закрылся»

Ольга Дмитриева пишет:

Мне на работе нужно было переделать вот эту схему. Хочу узнать, облегчила ли я жизнь читателю, осталась ли она информативна и вообще хорошо ли сделала.


В целом мне нравится, как переписан текст. Стало короче и понятнее.

Теперь разберемся с версткой. Для начала я переделаю структуру и отделю ответы от вопросов:




Добавлю вопрос про деньги (У вас есть достаточная сумма?) и немного перестрою схему. Кажется, так логичнее:




Чтобы не получилась каша, лучше с самого начала придумать правила позиционирования для основных элементов. Текст и стрелки стоят на регулярной сетке:




Каждая логическая ступень на своем этаже:




Перемещаю заголовок влево, чтобы закрыть дыру. Добавляю картинки и рамку:


Иконки: Noura Mbarki, Noun Project

Текст выровнен по базовым линиям. Вертикальные отступы кратны одной строке. Это называется приводность.




Было и стало:



Как попасть в «Переверстку»

Отправьте письмо с макетом, комментарием или вопросом к нему на эл. адрес conversive@mail.ru. В теме письма укажите «Переверстка». Будьте конкретны. По возможности прикрепите исходники.

Правила рубрики и все выпуски
Tags: верстка, иконка, инфографика, переверстка, процесс, типографика
Subscribe

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

  • Слишком много списков

    Иногда редакторы и дизайнеры слишком увлекаются и превращают текст в череду списков. С одной стороны, это вроде хорошо: разложили всё по полочкам. А…

  • Фрагмент вебинара — 72: не мельчи

    Переделываю рекламный банер и решаю проблемы простым увеличением размера текста. Следующая «Большая переверстка» пройдет с 11 по 30…

  • Фрагмент вебинара — 71: верстка по ячейкам

    Переделываю рекламный банер и показываю, как свести верстку к одному простому принципу. Следующая «Большая переверстка» пройдет с 11 по…

  • 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.
  • 3 comments