Изучение элегантности линейной типографики в веб-дизайне

Типографика — одна из тех вещей, о которых можно говорить вечно. Просто вспомните наши выдающиеся статьи, в которых мы обсуждали рост тенденции рукописной типографики в Интернете, 40 примеров умной типографики в дизайне логотипов или даже 70 примеров красивой типографики в печатной рекламе.

По сути, это просто набор правил для таких вещей, как высота прописных букв, межбуквенный интервал, формы штрихов и некоторые другие детали. Но то, как он выглядит, ведет себя и взаимодействует с другими элементами, заставляет нас пристально смотреть. Это как ребенок, который всегда сидит за крутым столом и когда-нибудь станет королевой бала. Нам просто суждено восхищаться и копировать ее стиль.

И, как у любой будущей королевы бала, у типографики много обязанностей и дел. Сегодня типографика — это не просто тривиальная деталь сайта, которая используется для отображения текста и заголовков. Это жизнеспособный инструмент для придания контенту визуального веса, завершения антуража и создания впечатления. Мы больше не рассматриваем его только в контексте удобочитаемости. Это действительный игрок и на арене развлечений.

У типографики в гардеробе множество платьев и туфель, начиная с классики и заканчивая вычурными. Современные решения позволяют использовать любые шрифты. Эпоха скучных шрифтов закончилась. Время экспериментов и смелых решений. Вы можете использовать разные формы и стили букв, даже те, которые вряд ли приживутся в веб-дизайне. Например, линейная типографика.

Будем честны. В эпоху, когда (почти) каждый веб-сайт встречает посетителей насыщенной действием области, у такого крошечного создания, как типографика в стиле линий, мало шансов выжить. В этом нет ничего плохого: он просто слишком хрупкий и нежный. Или это просто жертва предрассудков? На самом деле, в умелых руках такая типографика может не только видеть сквозь все препятствия, но и заявить о себе. И мы собираемся показать вам 10 таких примеров в качестве доказательства.

Айя Уилсон

Начнем с официального сайта Айи Уилсон. Здесь главный экран имеет традиционный видеофон, который привлекает внимание с самого начала. Тем не менее, размер броских фраз не дает затеряться линейному шрифту. Команде удалось сохранить элегантность тонких форм, позволив ей внести свой вклад в женственную ауру проекта.

Альфапутт

У зоны героя Alphaputt есть еще одно модное решение: анимация. Тем не менее, команда продумала это до конца. Здесь анимация занимает лишь небольшую часть экрана, оставляя все остальное чистым и статичным. Это дает контурной типографике безопасный фон.

А ля фут

Главный экран A la fut отмечен великолепной ретро-типографикой. Толстые формы и большие размеры — это именно то, что нужно для того, чтобы слова выделялись естественным образом. Меловая заливка — это не только приятный штрих, обогащающий эстетику, но и делающий буквы более прочными.

Дворовое агентство / Good Fortune

Команды Yard Agency и Good Fortune умело смешивают линии и сплошные стили, чтобы ненавязчиво расставить акценты.

Несмотря на то, что Yard Agency имеет довольно тяжелый и интенсивный слайдер видео, не говоря уже о привлекающих внимание переходах, команда все же выбрала хрупкую типографику в стиле линий. С одной стороны, это делает второе слово менее важным. С другой стороны, его используют как декор для горок, умело связывая все воедино.

Good Fortune — еще один пример в нашей коллекции, где линейный стиль сочетается с ретро-стилем, что приводит к прекрасному союзу. Благодаря монохромному холсту и большому количеству пробелов изящный шрифт легко привлекает внимание к ссылкам на важные разделы. И, как и в случае с A la fut, он играет декоративную роль, создавая приятную атмосферу.

Toonami - Плавание для взрослых / Точка за точкой

Toonami — Adult Swim и Dot to Dot — примеры веб-сайтов, на которых линейная типографика является предсказуемым выбором.

Дизайн Toonami обладает чудесной космической атмосферой с множеством очерченных кругов, сетки и неглубоких прямоугольников. Полая форма букв кажется изысканной и технологичной. Они идеально сочетаются.

Dot to Dot также излучает технологичную элегантность. Кнопки-призраки, сплошные и полые круги и сверхтонкий шрифт для вторичного контента создают идеальную основу для очерченной типографики.

В обоих случаях вы не можете себе представить никакого другого шрифта. Выбор настолько хорошо продуман.

Юки Нейл Нью-Йорк

В случае с Yukie Nail New York контурная типографика — сомнительное решение. Область героя основана на холсте с плавным поведением, мимо которого действительно сложно пройти. Каждое движение мыши оставляет рябь, которая тревожит всю поверхность. Полый шрифт немного сливается с фоном, но все же чувствует себя как дома, идеально вписываясь в женскую атмосферу.

Бейсбол ACES / журнал Timesheets

ACES Baseball и журнал Timesheets Magazine доказывают, что типографика линий никогда не бывает слишком большой. Вы даже можете растягивать слова сверху вниз, и это все равно будет выглядеть элегантно и гладко.

На домашней странице ACES Baseball есть не что иное, как одно заглавие, которое бросается в глаза. Благодаря большому размеру он занимает самую просматриваемую часть экрана и говорит громче, чем когда-либо.

Команда журнала Timesheets Magazine использует пустую типографику за кулисами. Здесь он служит как декоративной, так и информативной деталью. Благодаря изящной форме букв текст сзади не конкурирует с текстом спереди. Но все равно громко читается, что это первая проблема. Это, несомненно, тонкий баланс.

Правила успеха

Определенные правила помогают шрифтовой типографике выжить в динамичном мире современного веб-дизайна. Прежде всего, помните, что размер имеет значение. Несмотря на то, что хрупкая натура прекрасно сочетается с крошечными размерами, не поддавайтесь на это. Он, несомненно, потеряется и останется незамеченным. Итак, чем больше, тем лучше.

Во-вторых, очертания букв должны быть почти осязаемыми. Они не должны быть чрезмерно жирными, но должны отделять текст от всего остального.

И, наконец, контраст — ваш верный друг. Как правило, белый шрифт на черном холсте — идеальный вариант, но экспериментировать всегда можно.