Видеокурс

Из глубин CSS-дизайна

Комментарии к видеоурокам

Урок #5. Как быстро подобрать и установить нужные цвета?
11 + 12 минут

Решение без графического редактора

Колористика — наука о цвете, включающая знания о природе цвета, основных, составных и дополнительных цветах, характеристиках цвета, цветовых контрастах, цветовой гармонии, цветовой культуре и языке цвета.

Ошибки в цветовом решении могут стоить слишком дорого, поэтому многие предпочитают не рисковать. Самый распространенный ход — черные буквы на белом фоне. Но стоит ли себя ограничивать в такой степени.

Как подобрать удачную цветовую палитру без знаний по колористике? Возможно ли это?

На уроке мы выбираем цвета, которые зависят от главного изображения на экране. В программе Macromedia Dreamweaver 8 это делается быстро и просто.

На дополнительном уроке (12 минут) мы подбираем цвета в программе ColorImpact.

ColorImpact — «венец творения» утилит для подбора цветовой гаммы.

Личное мнение. «Вы, скорее всего, уже не раз читали различные материалы на эту тему и не раз видели статьи о психологическом восприятии цветов. Советую всегда скептически подходить к этому вопросу. Оставим бесспорным физические аспекты сочетания и свойств цветов, а остановимся на психологии. Многие выводы сделаны на основе достаточно спорных утверждений. В вопросе восприятия конкретного цвета психологи подходят индивидуально к каждому человеку. Дело в том, что конкретный цвет у каждого ассоциируется с конкретным образом, вещью или событием в его жизни и находится в подсознании человека. А эти ассоциации могут быть различными — как положительными, так и отрицательными. Это относиться не ко всем цветам подряд, а только к некоторым основным (у всех по-разному). Еще восприятие цвета может носить тематическую направленность. Например, красный. В технической области он символизирует опасность, а в области моды — чувственность и смелость. Если взять красный цвет в природе, то, скорее всего, он породит ассоциации со спелыми ягодами. А в социальной сфере он заставит вспомнить о коммунизме, однако у жителей других стран этой ассоциации может и не быть». Сергей Степанов. Источник.

Урок #6. Работаем над готовым макетом
23 минуты

Применяем шаблон и
обеспечиваем неповторимость сайту

Мы выбираем один из CSS-шаблонов, который нам предлагает программа Macromedia Dreamweaver, и меняем его до неузнаваемости.

Ход урока:

1. Создание нового документа — Page Desings (CSS).
2. Работа над готовым макетом по шагам.

Сравните два варианта — исходный шаблон и видоизмененный шаблон. HTML-код этих страниц один и тот же.

Комментарии к урокам раздела: 1-2 | 3-4 | 5-6