Как подружить контент и дизайн?

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

Даже если речь идет о целевой странице (landing page) которая призвана продавать и привлекать потенциальных клиентов, то первое впечатление будет оказывать внешний вид страницы. Выбор цвета, композиции, размера и типа шрифтов, изображений или видео продиктуют будет ли посетитель сайта оставаться на нем. Это может занять 2-3 секунды и если первое впечатление смазано, то вы, возможно, потеряли клиента навсегда. Задача копирайтера, дизайнера и разработчика объединенными усилиями создать сайт, который окажет приятное впечатление на посетителя, внушит ему доверие и, закрутив его в «воронку продаж» (куда же без нее!), предоставит возможность купить продукт, связаться с поддержкой или добавить сайт в закладки.

Давайте попытаемся понять, как лучше работать с типографикой (typography) на сайте, чтобы дизайн не оказывал чрезмерного давления на текст, дизайн был сбалансированным, а шрифты и сам текст были частью дизайна, а не жили своей собственной жизнью. Итак, выбор размера шрифта для сайта. Очевидно, что слишком маленький шрифт отпугнет посетителей сайта, а слишком большой создаст напряжение и иногда выдаст плохой вкус дизайнера, считающего, что огромные заголовки выглядят стильно и наверняка помогают добиться заданных целей. Выбрав стандартные размеры шрифта для body text (основного шрифта сайта) в 16 пикселей, вы не ошибётесь. Я создал страницу, на которой вы сможете узнать, какие размеры заглавных шрифтов смотрятся органично, и как они меняются в зависимости от размера экрана. Это очень важный момент…

http://perfectorium.com/web-types/index.html

Адаптивность заголовков H1, H2, H3, H4, H5, H6 показана на этом сайте и у вас есть возможность проверить, как выглядит не адаптивный шрифт, нажав на кнопку в правом верхнем углу Toggle Skale «Off». Вы уведите разницу и, может быть, угадаете «обрубленные» заголовки своего сайта. На мобильных устройствах адаптивные заголовки с правильно выбранным межстрочным интервалом line-heigh играют очень важную роль.

Помните о главном правиле дизайна — white space, это означает, что пространство сайта не должно быть заполнено на сто процентов. «Битком набитый» сайт утомит читателя, он никогда не просмотрит такую страницу целиком. Хороший дизайнер оставляет пустые пространства и разумно использует отступы. Текст должен быть окружён некоей пустотой. Никогда не «прилепляйте» текст к краям колонок с паддингом всего в 3 пикселя. Ваш контент перестанут читать, поскольку пользователь не сможет понять, где начало текста, а где конец. Читатель ценит свои глаза, он просто не вернется на ваш сайт.

Последнее время стали популярны продающие сайты, в которых плохой вкус, якобы, оправдывается тем, что «страница работает»! На таких сайтах вы обязательно найдете подчеркнутые слова. Подчёркивать заголовки, важные слова в тексте или использовать гиперссылки с подчеркиванием ― это все в прошлом. Если вы уведите такой сайт, то знайте, дизайнер этого сайта не разбирается в типографике, либо его работодатель, не обладающий дизайнерским вкусом и знаниями законов веб дизайна, заставил бедолагу подчеркнуть текст, чтобы все «работало». Не удивляйтесь, если на таком сайте вы найдете ярко синие гиперссылки или ярко красные заголовки.

Сбалансированный контент должен содержать изображения, так как они привлекают внимание посетителя. Но размещать безвкусно выбранные картинки с Интернета, различающиеся по стилю, цвету, форме, не соответствующие общему стилю сайта — это признак не профессионального сайта, который будет напоминать презентацию PowerPoint, сделанную на скорую руку бухгалтером или сельской учительницей. Вспомните безликих 3D человечков из клип-арта, популярных в 2000-х годах и «взорвавших» Интернет. Если кто-то до сих пор использует этих человечков, знайте, время застыло для них. Современные вебсайты используют уникальные иллюстрации и иконки, практически не используются «стоковые» фотографии. Для нашего болга мы сами создаем графику, раскрывающую смысл записей блога, стараемся использовать flat design, столь популярный в последнее время.

Если вы хотите быть оригинальными и в то же время находиться «в тренде», найдите дизайнера, который придаст вашему сайту оригинальность, проработает цветовую гамму и правильные шрифты, создаст интересные иконки для разделов вашего сайта, создаст привлекательный корпоративный стиль. Не экономьте на дизайнерах! Работая в тесном сотрудничестве с создателем контента, дизайнер сможет придать вашему сайту именно тот вид, который по достоинству будет оценен вашими потенциальными клиентами.

____

Компания Perfectorium одна из самых молодых, но в то же время самых быстро развивающихся IT компаний в Украине. Perfectorium предлагает универсальные услуги по созданию и продвижению сайтов, разработке мобильных приложений и программ, UI/UX design. Мы воплощаем в жизнь планы и мечты Вашего бизнеса, заботясь о присутствии бренда онлайн и оффлайн. С нами очень просто связаться по телефону или по Скайпу и обсудить Ваш новый проект. Заполните форму обратной связи и мы с Вами быстро свяжемся и предоставим бесплатную консультацию и предварительный расчет проекта.