Мы обновляем курсы каждый месяц
Посмотрите курсы→

Важные советы о сочетании графики и контента на сайте

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

Символы - иконки, иллюстрации, инфографика — быстро объясняют функцию какого то элемента или раздела; логотипы становятся узнаваемыми компаниями для пользователя, графика подсказывают нам то значение визуального образа, которое сложилось  у людей со временем. Например - значок стоп.

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

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

Иллюстрирование концепции и идеи

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

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

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

Улучши навигацию меню на сайте

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

Во всем – свой порядок

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

Формировать отдельный стиль 

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

Идея состоит в том, чтобы создать соответствующие элементы для лендинга например, которые действительно сочетаются друг с другом и ощущаются как единое целое.

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

Если вам было интересно прочитать статью, и вы нашли для себя что то полезное, оставляйте обратную связь - пишите комментарии, оценивайте звездочками)

Комментарии для сайта Cackle
Автор поста:
Ирина Бушуева
администратор / куратор тренингов