Веб-дизайн. Теория цвета. | uCoz
   

Веб-дизайн. Теория цвета.

Главная » Уроки » Веб-дизайн

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

Веб-дизайн. Теория цвета.

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

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

Бывает полезным «подчеркнуть» заголовок новости или статьи, сделав для него отдельный div-блок с серым фоном, или выделить его контрастным цветом. Например, так (css-код):

h1 {
margin: 20px; padding: 20px; background: #cccccc; color: #000000
}

Каждой машине рано или поздно наверняка понадобится новый генератор. Починку генераторов и ремонт стартеров тимирязевская можно заказать в компании «Вольтаж Сервис».

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

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

Существует оптимальное троецветие, которым пользуются веб-дизайнеры:

  • Фоновая основа веб-страницы, основной цвет, от которого следует отталкиваться. Желательно использовать светлые тона. Черный фон очень сильно мешает восприятию информации. На темных сайтах хорошо размещается мультимедиа и изображения, текст на черной странице не читается – быстро устают глаза.
  • Вспомогательный цвет отличается от фонового только оттенком. Используют в основном для подсветки блоков информации, что всегда воспринимается более удобно для глаз.
  • Контрастный фоновому, разбавляет и привлекает внимание посетителей к нужной информации. У контрастного цвета могут быть несколько оттенков, для того чтобы выделить самую важную часть информации и прикрыть второстепенную.

body {background: #ffffff;} /* основной фон */
div.leftblock {background: #C2C2C2;} /* вспомогательный фон для блоков информации */
h1 {color: #243033;} /* заголовок первого уровня */
h2 {color: #64848D;} /* заголовок второго уровня */

Категория: Веб-дизайн; Урок сделан: 05.04.2012; Просмотров : 1171; Рейтинг : 5.0/1;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Задать вопрос

Вы можете задать свой вопрос, соответствующий тематике сайта.

Задумался?

Задать свой вопрос

Вход


Здравствуйте, Гость!


Copyright © 2010-2016 Pro100uCoz.ru