|
С чего начинается строительство сайта? С основных принципов его оформления. Цвет – это основа будущей странички. Цвет будет влиять на настроение ваших посетителей. Цвет будет распределять блоки вашего сайта. Цвет сделает заметным полезную информацию, и скроет недостатки.
Правильный подбор цветовой гаммы для сайта – это, можно сказать, половина работы. Изначально выбрав правильные цвета, вы облегчите себе дизайнерский путь. В основу цветового оформления сайта обычно закладывают три-четыре основных цвета.
Черно-белые сайты, или серые оттенки сайтов, обычно используют информационные порталы, чтобы не отвлекать внимание зрителя от контента. Достаточно выделить блоки светло-серым цветом, чтобы отделить их друг от друга.
Бывает полезным «подчеркнуть» заголовок новости или статьи, сделав для него отдельный div-блок с серым фоном, или выделить его контрастным цветом. Например, так (css-код):
h1 {
margin: 20px; padding: 20px; background: #cccccc; color: #000000
}
Каждой машине рано или поздно наверняка понадобится новый генератор. Починку генераторов и ремонт стартеров тимирязевская можно заказать в компании «Вольтаж Сервис».
Яркие цвета обычно используют для сайтов развлекательной тематики. Иногда полезно отвлечься от правил и поэкспериментировать. В этом помогает цветовое колесо для подбора гармоничных цветов. Однако не переусердствуйте в пестроте. Пестрые сайты убивают внимание посетителей.
Сайты, на которых все моргает и пестрит, закрываются сразу. Текст на таких сайтах читать невозможно. Большое количество баннеров рекламы снимает внимание с основной информации, а бездарно подобранные картинки, разместившиеся в хаосе страницы, напрочь отбивают охоту посещать сайт.
Существует оптимальное троецветие, которым пользуются веб-дизайнеры:
- Фоновая основа веб-страницы, основной цвет, от которого следует отталкиваться. Желательно использовать светлые тона. Черный фон очень сильно мешает восприятию информации. На темных сайтах хорошо размещается мультимедиа и изображения, текст на черной странице не читается – быстро устают глаза.
- Вспомогательный цвет отличается от фонового только оттенком. Используют в основном для подсветки блоков информации, что всегда воспринимается более удобно для глаз.
- Контрастный фоновому, разбавляет и привлекает внимание посетителей к нужной информации. У контрастного цвета могут быть несколько оттенков, для того чтобы выделить самую важную часть информации и прикрыть второстепенную.
body {background: #ffffff;} /* основной фон */
div.leftblock {background: #C2C2C2;} /* вспомогательный фон для блоков информации */
h1 {color: #243033;} /* заголовок первого уровня */
h2 {color: #64848D;} /* заголовок второго уровня */ | 