Текстуры в веб-дизайне

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

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

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

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


1. Откройте поочередно примеры веб-страниц по адресам, указанным ниже. Определите, какие приемы применялись для оформления страниц:

♦ http://www.csszengarden.com/?cssfile=185/185.css: «Манхет-тен» - ритм и текстура;

♦ http://www.csszengarden.com/?cssfile=181/181.css: «Красавица в розовом» - доминантность, пропорция;

♦ http://www.csszengarden.com/?cssfile=152/152.css: «Метро» - линии, шрифты;

♦ http://www.csszengarden.com/?cssfile=148/148.css: «Музей» - пропорциональность и линии;

♦ http://www.csszengarden.com/?cssfile=122/122.css: «центральность» - симметрия и цвет;

♦ http://www.csszengarden.com/?cssfile=046/046.css: «Лайм» - точки, ритм и цветовая аналогия;

♦ http://www.csszengarden.com/?cssfile=031/031. css: «Уголки» - форма и перспектива.

2. Как дизайнерские приемы влияют на общее восприятие страницы?

Итак, на «правильных» сайтах:

♦ цветовая гамма страницы должно состоять из одного-двух колеров;

♦ в меню не должно быть более семи пунктов;


Кроме того, следует учитывать, что:

♦ бывают неправильные сочетания цветов;

♦ черный цвет имеет негативный