Какой он современный сайт? Кислотные цвета, куча рекламы и непонятно где та информация, что тебе нужна? Чтобы избежать таких ошибок, нужно знать несколько простых приёмов, которые приблизят ваш интерфейс к идеалу.

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

ЦВЕТ

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

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

ШРИФТ

Вторым, не менее важным фактором является правильный шрифт. Их существует огромное количество. Среди них – декоративные. Они ни в коем случае не подходят для объемных абзацев. Такой шрифт становится трудночитаемым, что в очередной раз может оттолкнуть посетителя вашего веб-сайта.

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

РАЗМЕР

Далее обратим внимание на размеры: шрифты, изображения, заголовки, блоки и так далее. Стоит помнить о балансе. Если у вас в заголовке используется 72 шрифт, не стоит использовать ни 60, ни 8 шрифт для основного текста. Соблюдайте пропорциональность и смотрите на то, как это смотрится со стороны. Изображения в тексте, обычно, не должны занимать всю страницу. Разве что они являются ключевыми и цель – показать именно их. Кнопки должны быть такими, чтобы на них хотя бы можно было попасть мышкой. Не стоит и делать шапку на половину высоты экрана. Она должна занимать менее 1/5 части видимой высоты.

«ШАПКА»

Ну и теперь на счёт шапки. Это то, на что в первую очередь пользователь обращает внимание. И очень хорошо, когда в ней есть меню. Постарайтесь выделить около 5 основных разделов и сделайте их в виде вкладок. Если их больше – лучше всего будет их сгруппировать и сделать в виде выпадающих списков.

Шапка должна содержать логотип или название сайта, и в случае нажатия на него – переходить на главную страницу. Если есть возможность регистрации и входа – эти кнопки желательно так же расположить в правом верхнем углу.

СТИЛЬ

После того, как вы определитесь с идеей вашего сайта, разработку стоит начать с выбора вашего стиля. Будут ли у углов скругления, будет ли объем, или объекты будут плоскими, будет ли использоваться прозрачность элементов и так далее. Перед этим всем можно просто зайти в интернет, и посмотреть аналоги вашего сайта. И выбрать для себя те элементы, которые вы хотите видеть. И главное, что вы не должны изменять вашему стилю на каких-то конкретных элементах. Если вы не используете скругления в блоках, не стоит их использовать на кнопках. Так же и с цветом. Если ссылку вы где-то выделили зеленым, то старайтесь не использовать больше других цветов для их выделения.

АНИМАЦИЯ

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

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

Марк Харланов.