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

Category:

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

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

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


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

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




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




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




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




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


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

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




Было и стало:



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

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

Правила рубрики и все выпуски
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.
  • 2 comments