Из глубин CSS-дизайна
Урок #5. Как быстро подобрать и установить нужные цвета?
11 + 12 минут
Решение без графического редактора
Колористика — наука о цвете, включающая знания о природе цвета, основных, составных и дополнительных цветах, характеристиках цвета, цветовых контрастах, цветовой гармонии, цветовой культуре и языке цвета.
Ошибки в цветовом решении могут стоить слишком дорого, поэтому многие предпочитают не рисковать. Самый распространенный ход — черные буквы на белом фоне. Но стоит ли себя ограничивать в такой степени.
Как подобрать удачную цветовую палитру без знаний по колористике? Возможно ли это?
На уроке мы выбираем цвета, которые зависят от главного изображения на экране. В программе Macromedia Dreamweaver 8 это делается быстро и просто.
На дополнительном уроке (12 минут) мы подбираем цвета в программе ColorImpact.
ColorImpact — «венец творения» утилит для подбора цветовой гаммы.
Личное мнение. «Вы, скорее всего, уже не раз читали различные материалы на эту тему и не раз видели статьи о психологическом восприятии цветов. Советую всегда скептически подходить к этому вопросу. Оставим бесспорным физические аспекты сочетания и свойств цветов, а остановимся на психологии. Многие выводы сделаны на основе достаточно спорных утверждений. В вопросе восприятия конкретного цвета психологи подходят индивидуально к каждому человеку. Дело в том, что конкретный цвет у каждого ассоциируется с конкретным образом, вещью или событием в его жизни и находится в подсознании человека. А эти ассоциации могут быть различными — как положительными, так и отрицательными. Это относиться не ко всем цветам подряд, а только к некоторым основным (у всех по-разному). Еще восприятие цвета может носить тематическую направленность. Например, красный. В технической области он символизирует опасность, а в области моды — чувственность и смелость. Если взять красный цвет в природе, то, скорее всего, он породит ассоциации со спелыми ягодами. А в социальной сфере он заставит вспомнить о коммунизме, однако у жителей других стран этой ассоциации может и не быть». Сергей Степанов. Источник.
Урок #6. Работаем над готовым макетом
23 минуты
Применяем шаблон и
обеспечиваем неповторимость сайту
Мы выбираем один из CSS-шаблонов, который нам предлагает программа Macromedia Dreamweaver, и меняем его до неузнаваемости.
Ход урока:
- Создание нового документа — Page Desings (CSS).
- Работа над готовым макетом по шагам.
Сравните два варианта — исходный шаблон и видоизмененный шаблон. HTML-код этих страниц один и тот же.
Автор: П. В. Яньшин.