Легко устать от общего: жаждать чего-то оригинального и уникального. Вот почему общие области героев полны эксцентричных идей. Его цель – не только произвести впечатление, но и удовлетворить стремление пользователя к творчеству и оригинальности.
Тем не менее, отличные анимации и решения не единственные вещи, которые могут сделать свое дело. Выход из обычного с самыми тривиальными вещами может иметь тот же эффект. И вертикальные буквы – яркое тому подтверждение. Становясь довольно популярным в эти дни, это стало небольшой тенденцией с несколькими тузами в отверстии.
Мы не видим большого использования портретной ориентации в веб-дизайне. Традиционно это место, где горизонтальный ритм доминирует над курятником, хотя это не означает, что все должно вращаться вокруг него. Как правило, разработчики следуют традиционным моделям. Тем не менее, разнообразие и отклонение от обычного потока чтения может быть полезным. Кроме того, вам не нужно принимать крайние меры. Маленьких доз вертикальной ориентации более чем достаточно, чтобы оказать адекватное воздействие.
Арчи Графи
Здесь творческая группа исказила основную навигацию, повернув ее на 90 градусов и отразив горизонтально. Надо читать снизу вверх, это довольно необычно, но интригующе. В результате на главном экране нет всех этих удивительных центральных элементов. Также обратите внимание на верхний колонтитул – он невероятно вместительный, а логотип привлекает к себе всеобщее внимание благодаря тому, что выглядит без особых усилий. Это разумный подход.
Лидия Амарух
Есть несколько других исключительных примеров, когда вертикальные буквы похожи на глазурь на торте. Рассмотрим Лидию Амарух и ее онлайн-портфолио.
Как и в случае с Archi Graphi, здесь использование вертикального ритма эпизодическое, но хорошо продуманное. Существует упрощенная традиционная горизонтальная навигация, но она включает в себя только самое необходимое. Все остальное было буквально перенесено в стороны. Они резонируют с вертикальными полосами на спине, создавая гармоничную эстетику.
Я ха
Я: Вы выбрали тот же подход. Хотя основная навигация скрыта за кнопкой гамбургера, ссылки на домашнюю страницу и социальные сети остаются на поверхности. Опять же, посмотрите на общую тему. Здесь вертикальный ритм можно увидеть в различных деталях, таких как ползунок, разделенный на три полупрозрачные панели и вытянутые символы. Согласованность отмечает дизайн этого сайта.
Иван Ибанез / Готамсити
Иван Ибаньес и команда Gothamsiti показывают нам, как применить вертикальную ориентацию ко всей навигации. Полезно использовать, не говоря уже о его ярком внешнем виде. Обратите внимание, что эти два примера имеют разные темы, настройки и среды. Но вертикальная навигация подходит как перчатка в обоих случаях.
Личное портфолио Ивана Ибаньеса имеет квадратную атмосферу. Здесь есть пустотелые блоки, сплит-дизайн, ультратонкие линии и много пустого пространства. Вертикальная навигация прекрасно дополняет дизайн.
Креативщики, стоящие за дизайном Готамсити, разместили ссылки по всему периметру области героя, разместив каждый в углу. Таким образом, ничто не отвлекает внимание от ужасного и таинственного домашнего экрана. В то же время все шлюзы открыты, что позволяет пользователям чувствовать себя комфортно.
Prime Park Sessions
Давайте прекратим просмотр и рассмотрим примеры вертикальных букв, которые являются частью контента.
Поскольку портретная ориентация кажется немного странной для большинства из нас, ее можно использовать для дополнительного акцентирования внимания на таких важных вещах, как, например, броская фраза. Идею можно увидеть на Prime Park Sessions. Здесь табличка агентства стоит слева, именно там, где мы обычно начинаем читать. Он также отражает вертикальную навигацию справа. В результате дизайн выглядит завершенным и визуально интересным.
Роскошные виллы
Команда разработчиков Luxury Villas использует вертикальную ориентацию для отображения слогана. Последний также имеет относительно широкое дно, чтобы оно выглядело как боковая панель. Хотя это не просто обычная боковая панель, это восторженная боковая панель. Это умный
Китамура Макура / Канаталь
Еще один способ воспользоваться этой тенденцией – использовать ее для названий. Рассмотрим Китамура Макура и Канаталь.
Когда речь идет о рассказе, две команды предпочитают сосредоточить внимание пользователей на таких важных вещах, как контент, а не на субтитрах. Таким образом, заголовки переместились вправо и повернулись на 90 градусов, что естественным образом уступило место тексту.
В случае Китамуры Макуры субтитры были сдвинуты к правому краю, заставляя его чувствовать себя частью навигации. С Canatal, однако, название остается частью блока и общего дизайна.
Protec / Строим будущее
Protec и Building the Future сделали вещи немного интереснее, сделав вертикальный текст частью среды.
Protec имеет большие субтитры, которые простираются сверху вниз. Они аккуратно удаляются и отображаются слева, придавая контенту высший приоритет.
В случае Build the Future вертикальные буквы еще больше. Однако здесь она играет чисто декоративную роль, усиливая традиционный заголовок, отображаемый в верхней части текстового блока.
Что касается SEO, это не очень хорошая практика, поскольку заголовки должны быть частью иерархии документа и находиться среди соответствующих ярлыков. Однако иногда вы можете выйти за рамки обычного и завоевать клиентов дизайном, а не поисковым рейтингом.
Квок Инь Мак
В то время как для западного мира вертикальный ритм кажется чем-то необычным и жизнеспособным, чтобы добавить азарта к традиционным образцам, для наших друзей на востоке это происходит естественно. Давайте посмотрим на Квок Инь Мак.
Дизайн выглядит освежающе. Традиционная черно-белая цветовая схема, большое количество пустого пространства, логотипы и, конечно, портретная ориентация делают этот интерфейс таким особенным. Тенденция, кажется, дома. Тем не менее, пока мы ждем его присутствия, команда разработчиков сайта помогла ему не выглядеть тривиально.
Приятный сюрприз
Вертикальные буквы – редкий, но желанный гость. Можно с уверенностью сказать, что во вселенной всего горизонтального это маленький свет, который заставляет нас улыбаться. Наслаждайтесь неожиданными изменениями в процессе чтения и без усилий сосредотачивайтесь на основных моментах.
Это простой способ делать великие вещи, не изобретая велосипед и не двигаясь вперед.
