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

Category:

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

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


festival.newyorker.com/faq/


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


  1. В старой версии ответы были скрыты за аккордеоном, в новой они все на виду. Страница стала длиннее, но это неважно, потому что скроллить намного легче, чем кликать.

  2. Прошлый вариант выглядел статично и однообразно, так как состоял из одинаковых прямоугольных контейнеров. В новом дизайне текст освободили от плашек и добавили непрямоугольные иллюстрации. Композиция стала динамичнее и разнообразнее.

  3. Основной текст переходит из одной колонки в другую, еще плюс один прием к динамике. Удачное решение для длинного материала.

  4. У страницы появился заголовок. Он крупный, красный, набран другим шрифтом, поэтому хорошо контрастирует с основным текстом. В предыдущей версии текстовый контраст был слабым.

  5. На контраст работают и картинки. Даже в небольшом размере они заметно отличаются от текста тоном и пластикой.

  6. Вопросы набрали строчными буквами, чтобы их было легче прочесть.


Как результат, страница похожа не на панель управления, а на статью.

Делайте как Дженсон.
Tags: верстка, знаю как, композиция, конструкция, переверстка, сайт, типографика
Subscribe

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

  • 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