Для того чтобы сайт смотрелся стильно, броско, но не пестро, необходимо обратить особое внимание на следующие элементы:

Шрифт

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

Абзац

Этот элемент должен иметь общий для статьи (и ресурса в целом) вид выравнивания, к примеру, иметь общий отступ и выравнивание слева страницы.

Цветовая гамма сайта

Общее для всего ресурса оформление по цвету. Обычно выбирают три основных цвета, которые используют для:

  • Шрифта;
  • Выделения ссылок;
  • Выделения посещенных пользователями ссылок.

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

Графическое оформление

Графические элементы делятся на два типа:

  • Рисованные;
  • Фотореалистичные.

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

Навигация сайта

Давайте разберемся, как пользователи попадают на тот или иной ресурс? Набирая в поисковике какое-либо понятие, например, «веб-строительство» пользователь получит некоторое количество сайтов (как правило, более млн.). Выбрав сайт из списка, он попадает на страницу со статьей, где встречается это понятие, но далее ему, возможно, захочется остаться на сайте. В этом случае ему необходима удобная навигация. В крайнем случае, всегда и везде оставляйте возможность перехода на главную страницу. Дублируйте параметры навигации из одной страницы в другую. Кроме того, если вы используете графические средства переходов, обязательно оставляйте под статьей текстовую копию навигационной панели. Текст, как известно, загружается быстрее графики, а удобная навигация будет очень полезна посетителям.

Тут даны основные элементы создания стильного веб-сайта. Следуя этим нехитрым правилам, каждый веб-строитель сможет легко создать подходящий, легкий для восприятия, быстрый ресурс.

Комментарии

captcha
,  25 мар. 2012 Ответить

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

Все на странице должно быть на своем месте и "по делу": графика украшать и улучшать восприятие информации, анимация должна оживлять страницу (при этом не делая ее пугающе-мигающей), шрифты и абзацы должны делать страницу читабельной (например, недопустимо использовать большие абзацы, так как это утомляет при прочтении; большое количество используемых на странице шрифтов тоже отнюдь не показатель хорошего вкуса дизайнера страницы, особенно если какой-нибудь из шрифтов не поддерживается конкретным броузером).

 29 июн. 2012 Ответить

И я того же мнения ))

 19 янв. 2014 Ответить

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

,  20 янв. 2014 Ответить

Согласен, особенно когда в наушниках сидишь :))


Что такое облачное хранилище и как им пользоваться? Что такое облачное хранилище и как им пользоваться?
Как выбрать пластины для теплообменника? Пластины для теплообменника
Изучение языка ECMAScript: основа современной веб-разработки История языка ECMAScript
Как добавить комментарий в HTML? HTML примеры
Apple позволит разработчикам распространять приложения напрямую с их сайтов Apple позволит разработчикам распространять приложения напрямую с их сайтов
jQuery 4.0 сокращает поддержку браузеров, удаляет API Новое в jQuery 4.0
Как продвинуть Telegram-канал: с нуля до результата Как продвинуть канал в Telegram с нуля?
Получить IT профессию с нуля: академия Eduson Получить IT профессию с нуля
Перспективы эволюции SEO: встречайте будущее продвижения в поисковых системах Будущее SEO-продвижения
Создание сайтов в Алматы: агентство site-promote.com Разработка сайта компании
Антипкин Михаил Сергеевич о метавселенной, открывающей безграничные возможности для инноваций и экспериментов Антипкин Михаил Сергеевич о метавселенной
Сёрфинг с браузером FraudFox: исчерпывающее руководство Сёрфинг с браузером FraudFox
Где найти лицензионные ключи активации к ПО? Где найти лицензионные ключи активации к ПО?
Курсы веб дизайна: обучение онлайн Курсы веб дизайна: обучение онлайн
Как продлить срок службы бытовой техники? Как продлить срок службы бытовой техники?
Основы VPS/VDS: что нужно знать перед арендой? Основы VPS/VDS: что нужно знать перед арендой?
Откройте для себя азарт Mostbet KZ - ведущего онлайн-казино для геймеров Откройте для себя азарт Mostbet KZ - ведущего онлайн-казино для геймеров
Топ-10 игр для Android стоимостью менее $5 Топ-10 игр для Android стоимостью менее $5
Проверка авто в базе ГИБДД перед покупкой Проверка авто в базе ГИБДД перед покупкой
Бизнес-психология в онлайн-институте Smart Бизнес-психология в онлайн-институте Smart