Экранная вёрстка
В бюро есть отдельный курс о типографике и вёрстке, и конечно же есть книга Артёма Горбунова. Но дизайнеру интерфейса приходится заниматься вёрсткой, поэтому базовые вещи мы рассказываем здесь независимо. Под вёрсткой мы понимаем в самом широком смысле взаиморасположение элементов: на странице, на экране, в окне. Как расставить элементы, чтобы это смотрелось хорошо? Сперва поговорим о вёрстке текстовой страницы.
Текстовая страница
Текстовой страницей мы называем вот такую страницу, где просто элементы идут по очереди друг под другом:
Кроме просто текста на такой странице могут быть и заголовки, и подзаголовки, и списки, и иллюстрации, и таблицы. Но всё же они идут последовательно сверху вниз. Вот разберёмся сначала, как такие страницы строить.
Для сайта «Альпари» были созданы гайдлайны, чтобы сотрудники клиента могли его поддерживать и обновлять:
Многие вещи стали стандартом бюро для своих и клиентских проектов. Эти гайдлайны хороши тем, что для убедительности в своём оформлении следуют сами себе.