Графика: гиганты и пигмеи
В области внедренных изображений борьба дизайнерских трендов представляется вполне наглядной. Как и следовало ожидать, большие фотографии постепенно завоевали главенствующую роль. По крайней мере, на первых экранах одностраничников. Они иллюстративны, вызывающи, провоцируют интерес и подтверждаю релевантность страницы. Одновременно с этим на повестку вышел вопрос об уникальном качестве. Все меньше интереса для создания авторского дизайна представляют платные стоки, а предпочтения смещаются в область проведения профессиональных фотосессий.
В поддержку крупной графики выступило развитие внедряемых на страницы программных инструментов – слайдеров. Если раньше предпочтение отдавалось модальным – всплывающим – окнам, как основному средству показа крупных изображений, то сегодня превалирует автоматическая слайдовая сменяемость фотографий. При этом отмечаем варьируемость визуальных программных интерфейсов – с отдельной навигацией, выводом миниатюр, предпросмотром, крупными управляющими элементами.
Текст и его значение
Здесь не станем рассматривать вопросы по теме популярных в современном интернете продающих статей, а остановимся на вещах универсальных – оформление текста и типографика. Этот пункт незаметен пользователям сети. Точнее, он замечается лишь тогда, когда установленные правила нарушаются. Но сформулировать свои претензии к читаемости может не каждый. Рассмотрим их по порядку.
- Контрастность и видимость. Бледно-розовый на красном – возможно, такое решение и применимо при оформлении полиграфической открытки-валентинки, но только не на интернет-странице.
- Иерархия разметки. Последовательное использование всех видов заголовков, межстрочные и межбуквенные интервалы, размер шрифта и его начертание, неразрывные пробелы и логика форматирования – все перечисленные «мелочи» способны как улучшить восприятие текстового контента, так и убить его. Особенно это выражается в свете развития мобильных версий сайтов и разнообразия устройств вывода информации. Ведь текст, отображаемый на дисплее компьютера идеально, способен «поплыть» на смартфоне или планшете.
- Выделение важных элементов и оформление пространства. Еще один нюанс, неразрывно связанный с «продажей» текстовой информации. Контрастное выделение, в поле которого расположены существенные, с точки зрения разработчика, сведения. Здесь применимы нестандартные методы, не свойственные традиционному оформлению. Инвертированные цвета – белый шрифт на черном или другом темном фоне. Крупные выделяющие элементы. Эффекты мерцания, бегущая строка, внедрение параллакса для текста – анимация, приводимая в действие движением курсора мыши.
Можем еще вспомнить про тренд на проработку структуры и управляющих элементов, эксперименты по внедрению горизонтального скроллинга или создание дизайн-концепта всей страницы на анимационных эффектах при помощи каскадных таблиц CSS. Когда речь идет об авторском воплощении на поле одностраничника, возможности разработчика ограничиваются лишь размером бюджета и его фантазией.
Онлайн-конструктор vs. веб-агентство
Всех пользователей интернета можно поделить на два лагеря. С одной стороны находятся те, кто считает, что каждый должен заниматься своим делом и заказывают сайты в профессиональных веб-компаниях. Другая сторона – пользователи, к каждому запросу в поисковике добавляющие фразу «… своими руками». О незримом противостоянии профессиональных разработчиков и онлайн-конструкторов для создания одностраничников в следующей статье.
Продающие статьи
Постоянная инфраструктура
ТОП в кротчайшие сроки
