От автора: на протяжении всей истории мы были свидетелями того, какое сильное влияние может оказать письменное слово. С помощью слов дают свободу, распространяют важные новости, создают свой собственный мир. Слова важны для всех нас. Если же взглянуть сейчас, слова зачастую уходят на второй план, особенно в интернете. С появлением мощных технологий и распространением высокоскоростного интернета сайты стали засоряться гигантскими слайдерами, рекламой и т.д. Даже текстонаправленные сайты бывает сложно читать, не отвлекаясь. Давайте разберем несколько советов, как сделать слова точкой притяжения внимания на своем сайте с помощью прекрасных тем для WP.
Удалите отвлекающие элементы
Не загромождайте макет – это самый естественный способ привлечь внимание к тексту. Это не значит, что нельзя использовать слайдеры и изображения, нужно выбирать с умом. Слишком много движений мешает сосредоточиться на контенте. Большое количество ярких изображений может отвлечь пользователя от основного посыла.
Preface – тема для писателей. В теме присутствует слайдер и изображения, но все это на очень тонком уровне. Шрифт большой, привлекающий внимание к макету. По теме легко перемещаться и читать текст.
Используйте жирные, широкие заголовки
Жирные заголовки с хорошими отступами могут реально оказать влияние на пользователей. В идеале, короткие заголовки по конкретной теме дают максимальное привлечение внимания, однако это работает не для всех типов контента. Публикуете вы горячие новости или короткие рассказы, неважно, посты с выделяющимися заголовками и эффективным использованием пространства привлекут внимание пользователей.
Forte следует этой философии. Все заголовки в сетчатом макете домашней страницы большие, жирные и занимают свое отдельное пространство с помощью приглушенных фоновых изображений. Потрясающая смесь типографики и изображений, упрощающая восприятие. Это говорит о том, что даже большие изображения не помешают выделить ваши слова.
Попробуйте классические макеты
С одной стороны хочется использовать более сложные современные макеты, однако до сих пор люди призывают использовать подход content-first. В стандартных одноколоночных и двухколоночных макетах намного проще следить за текстом, они созданы для текста. В таких макетах меньше гламура, однако блоги только выигрывают от подхода «меньше значит больше».
Textual – тема с упором на текст, придающая брутальности в классический макет блога. Заголовки огромные, ссылки выделяются, а основной текст легко читать. Ничего особенного – только то, что важно.
Используйте контрастную цветовую палитру
Чем лучше читаемость текста, тем дольше пользователь на нем заостряет свое внимание. В этом нет ничего необычного. Высокий контраст текста на сайте с фоном – важнейший шаг по повышению читаемости и доступности. Приведу пример из жизни: сразу после школы я устроился в местную газету. Их девиз заключался в том, что жирный, темный текст на светлом фоне всегда смотрится привлекательно. Это утверждение работает и сейчас.
WordMag по умолчанию использует черный текст на белом и светло-сером фоне. В теме комбинируются контрастные цвета с современными технологиями типа CSS3 анимации, параллакс прокрутки и сетчатого макета. Один из основных упоров в теме сделан на типографику. Поддерживаются Google Fonts и Adobe Typekit.
Расширьте возможности пользователей
Вы можете как угодно стилизовать типографику на сайте. Однако если ваш основной фокус это написанный контент, то вы можете дать пользователям дополнительные возможности. Дайте им инструменты, с помощью которых можно сделать процесс чтения еще лучше. Человек останется на вашем сайте, если ему на нем станет немного удобнее!
ReadWrite – минималистичная WP тема с инструментами, с помощью которых пользователи могут кастомизировать свой процесс чтения. В шапке сайта есть специальные кнопки, с помощью которых можно изменять размер шрифта и контраст цветов. С помощью CSS вы можете еще сильнее улучшить UX для пользователей.
Залог хорошего дизайна
Если подумать, текст действительно лежит в основе веб-дизайна. На заре всемирной паутины все сайты состояли из текста. Мы постоянно хотим добавить на сайт самые новые навороты, отодвигая текст на задний план, как что-то незначительное. Представленные в этой статье темы помогают вернуть текст и типографику на передний план, туда, где им самое место.
Автор: Eric Karkovack
Источник: //webdesign.tutsplus.com/
Редакция: Команда webformyself.
Комментарии (1)