On-Line Библиотека www.XServer.ru - учебники, книги, статьи, документация, нормативная литература.
       Главная         В избранное         Контакты        Карта сайта   
    Навигация XServer.ru








 

Книга Дмитрия Кирсанова 'веб.дизайн'

Mr De Sign

2176.jpg (4667 bytes)

Кому может быть интересна эта книга? Как мне кажется,  даже такие противоположные читатели, как профессиональный веб-дизайнер с большим опытом и старшеклассник, только что сделавший свою первую страничку, смогут найти в этой книге что-то ценное (или хотя бы не скучное).
Основная же часть моей аудитории находится, видимо, где-то посередине между этими двумя крайностями. Какие-то профессиональные знания или навыки в области веб-дизайна желательны, но не обязательны; гораздо важнее иметь запас терпения, усидчивости, а главное - интереса к предмету изучения.
Я надеюсь, что в какой-то своей части книга будет представлять интерес и для тех, кто не собирается пробовать себя в дизайне, но чья работа так или иначе связана с созданием сайтов,  для менеджеров проектов, программистов, специалистов по рекламе и маркетингу. Имеет смысл также рекомендовать это произведение 'бумажным' художникам и дизайнерам, желающим попробовать свои силы в веб-дизайне (но, возможно, еще не приступавшим даже к освоению компьютера).
Может быть, вас интересует вопрос - реально ли с помощью этой книги стать профессиональным дизайнером? Если я отвечу положительно, это не будет нескромностью просто потому, что дизайнером можно стать вообще не читая книг. Для этого нужны, помимо врожденной предрасположенности, всего лишь достаточное упорство и методичность в анализе чужих работ и в самостоятельных упражнениях.

Дмитрий КИРСАНОВ. Из предисловия к книге.

Несмотря на его фразу 'дизайнером можно стать вообще не читая книг', я все-таки рекомендую купить ее и почитать. Книга написана предельно четким и талантливым языком, понятна и интересна (я утверждаю это потому, что уже прочитал главу о контрастах).

Помимо дизайнерских аспектов, автор рассматривает в книге и чисто вебовские проблемы, тонкости и особенности.


Далее мы продолжим наши разговоры о дизайне. Тема 'среда'.

Под понятием 'среда' я имею ввиду не день недели, а то визуальное пространство, образуемое текстом и оформлением странички. Я умышленно не пишу слово 'сайт', потому как все сказанное может относиться и к полиграфии, и другим видам дизайна.

Любая страничка, ограниченная со всех сторон либо собственным обрезом, либо рамками броузера, либо паспарту с красивой рамкой, образует некое пространство, в большей или меньшей степени собственым визуальным пространством или плоскостью. Понятно, что пространство в данном случае - понятие достаточно условное, но взгляните на картины Шишкина, Айвазовского и других - чем вам не окно в мир... в свой мир, организованный мыслью и талантом художника. Так же и ваша страничка может организовывать пространство, создавая свой визуальный мир, свою среду.

Самый простой и доступный вариант организации среды странички - плоскостный, часто употребляемый в полиграфии. Объекты находятся примерно в одной плоскости, чаще всего совпадающей с плоскостью самой странички. Как пример - страничка самого 'Сталкера'. Иногда визуальная плоскость находится немного позади реальной плоскости, что достигается при помощи определенных композиционных приемов и приемов организации пространства (тон, цвет, светотень, псевдообъемы, силуэт и т.д.). Как всегда, мне проще проиллюстрировать на схемах, чем дословно расписывать суть и придумывать массу никому не нужных определений.

pic1.gif (2386 bytes)

pic2.gif (2378 bytes)

pic3.jpg (7440 bytes)

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


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

pic4.gif (3440 bytes)

pic4.gif (3440 bytes)

pic4.gif (3440 bytes)

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

Правильно организовать плоскость поможет и такое понятие, как цветовая гамма. Это такое цветовое состояние среды, когда цвета близки друг к другу (слышали, наверное - зеленоватая гамма, оранжевая гамма). Посмотрите на баннер Дмитрия Кирсанова и на обложку его книги. Сдержанная сероватая, очень спокойная гамма с редкими теплыми вкраплениями, объекты близки по тону друг к другу. И только название книги акцентировано (как самый главный элемент в композиции, на который и должно обратить основное внимание).

Как обращаться с цветом и тоном в среде? Об этом мы поговорим в следующий раз. И не забудьте выписать книгу Дмитрия Кирсанова - она стоит вашего внимания.



Литература по Internet