Типографика в веб-дизайне
В некоторой степени странно, что в веб-индустрии имеется тенденция дизайна, основанная на стиле «Типографский печатный оттиск», но тем не менее она быстро получает распространение.
Конечно, сайты не «Штампуются» на настоящих типографских печатных машинах, однако эта тенденция предполагает обеспечение сайтам внешнего вида, аналогичного печатным материалам. Я хочу продемонстрировать примеры, в которых для создания эффектов, подобных типографскому печатному описку, были задействованы различные подходы.
Самый распространенный прием отбрасываемые тени на основе CSS. Чаще всего это проявляется в том, что текст выглядит как «вдавленный» благодаря использованию теней. Это небольшое дополнение позволяет создать впечатление, что текст «утоплен» в страницу.
Алекс Буга (Alex Buga) демонстрирует этот эффект всюду на своем сайте. Весь текст и значки снабжены внутренними тенями, благодаря чему кажутся «утопленными» в страницу. Это еще больше подчеркивается выбранными цветами, которые ДОПОЛНЯЮТ их так, что они выглядят как часть фона. Элементы на заднем и переднем планах смешиваются друг с другом.
В данном случае эффект типографского печатного оттиска усиливается использованием карточек. Белые карточки на странице содержат текст и выглядят трехмерными благодаря отбрасываемым теням. Данная комбинация методик способствует тому, что все выглядит еще более похожим на печатный оттиск.
В наборе представленных далее образцов я заметил интересную закономерность. У многих сайтов в этом стиле есть два общих элемента (в дополнение к использованию «вдавленного» текста), которые способствуют приданию того, что я считаю стилем «Типографский печатный оттиск». Во первых, многие, как правило, основаны на тексте.
Вы видите массу дополнительных текстур и узоров, а большинство сайтов задействует текст так, чтобы он бросался в глаза, а также в декоративных целях.
Во-вторых, многие обладают центральной симметрией. Они, безусловно, неидеальны, однако выбор в пользу такого подхода очевиден. Опять-таки для меня это является отголоском стиля, соответствующего печатным материалам. Не на всех сайтах в этом стиле текст выровнен по центру, но на всех есть нечто, перекликающееся с типографскими постерами.
Если вы произведете быстрый поиск изображений с помощью Google, введя словосочетание «типографский
постер», то увидите сотни примеров такого подхода.
Один образец, на который я хочу обратить ваше внимание, отчасти является посторонним в данной категории. Это Monkey Republic. На мой взгляд, сайт обладает внешним видом как у печатных материалов, однако подход, использованный для обеспечения такого оформления, совершенно другой. Он не новый, а просто имитирует настоящую газету, обеспечивая стиль, в котором прослеживается связь со стилем «Типографский печатный оттиск».
Пожалуй, самая большая ирония касательно данного стиля заключается в том, что в случае с настоящими печатными материалами задача или цель — сделать так, чтобы не было никаких заметных вдавливаний. Принимая во внимание, что большинство подобных материалов печатается на обеих сторонах страницы, операторы типографских машин прилагают массу усилий, чтобы избежать подобных вдавливаний (которые все испортили
бы).
