
- •Предисловие
- •Эволюция и архитектура Internet: Вместо введения
- •Устройство
- •Основные сервисы (услуги) Internet
- •Глава 1. Теория
- •§1. Ахроматические средства композиции
- •§2. Цвет
- •§3.Текстура
- •§4. Шрифт
- •§5. Нешрифтовые выделения и оформления
- •§6. Логотипы
- •§7. «Визуал»
- •§8. Эффекты
- •Глава 2. Технология
- •§9. Разрешающая способность изображения
- •§10. Цветовой режим
- •§11. Форматы графических файлов
- •§12. Преобразование изображений для Web
- •§13. Работа с фоном
- •§14. Технологические ограничения
- •Глава 3. Конструирование
- •§15. Разновидности сайтов
- •§16. Топология
- •§17. Внедрение фреймов
- •§18. Конструкция страницы
- •§19. Навигация
- •§20. Шрифтовое оформление
- •§21. Нешрифтовое оформление
- •Рекомендуемая литература
- •Содержание
- •Современные информационные технологии. Графический и Web-дизайн
- •198005, С.-Петербург, 1-я Красноармейская ул., д. 1
§3.Текстура
Этот термин наиболее употребителен в смысле «текстура поверхности». Обычно текстура – это качество, свойство (набор свойств) виртуальной псевдоповерхности, используемой в качестве фона страницы. Имеет смысл трактовать текстуру более общо, включая (Д.оКирсанов) и текстуру контура (тогда речь идет об одномерной поверхности). По существу, текстурой являются все те свойства элементов, фигур и поверхностей, которые нельзя свести к их форме, цвету или размеру.
Часто текстурой называют имитации реальных поверхностей. Но это лишь один класс текстур. Более того, такие текстуры считаются дурным тоном в среде профессионалов. Самые стильные страницы выполняются плоской однородной заливкой цветом, ибо возможности компьютерного цвета колоссальны. Современный стиль оформления тяготеет к достаточно простым и строгим геометрическим формам, которые плохо согласуются с аморфной неплоскоцветной текстурой.
Геометрические текстуры, использующие всевозможные геометрические узоры, обладают свойством выраженной регулярности и поэтому малоинтересны. Надо также учитывать, что узор, сочетаемый с текстом, не должен затруднять чтение, так как это вносит дополнительную сложность в его использовании. Исключение уз этого правила может составить текстура, составленная из горизонтальных или вертикальных узких полосок (часто с градиентной заливкой).
Пиксельные текстуры , то есть простые геометрические узоры, сформированные из отдельных пикселов, достаточно интересны (невозможностью различить элементы узора, но заметной неоднородностью поверхности).
В сайте http://www.wpdfd.com применяется пиксельная текстура в виде горизонтальной полосы высотой в 1 пиксель.
Фототекстурыпостроены с использованием фотографий и их фрагментов. Общее свойство фотоизображений – сложные нелинейные формы, различной степени размытость (пиксельная графика). Интересно, что любая фотография распознается подсознательно – в этом специфика. Наилучшие результаты при обработке таких текстур дают использование градиента прозрачности (то есть плавного перехода, врастания фотографии в фоновый цвет) и размывка краев (расфокусировка).
Такие текстуры на основе контраста отлично сочетаются с простыми текстурами (плоский цвет). Нечеткая (искусственно размытая) фотография контрастирует со строгими плоскими геометрическими формами. Насыщенной информацией плоской форме противопоставляется загадочная «туманная» по смыслу и форме фотография.
Материальные текстуры– стилизация под реальность – признак своеобразного узкого профессионализма.
Рекомендации по их использованию:
Избегать претенциозных материалов. Для достижения оригинальности при использовании материальных текстур можно создавать их самостоятельно (сканирование шерсти, кожи).
Не употреблять больше одной материальной текстуры на странице, чтобы не было приторности.
Помнить, что «реальность» диктует и требования в оформлении других элементов – фаски, тени, трехмерность, нагромождение которых способно разрушить композицию.
Не использовать никакую другую текстуру и сократить до минимума графику переднего плана.
Даже плоский цвет может вступить в конфликт с материальной текстурой. Зато можно использовать одну и ту же трансформированную им перекрашенную текстуру.
Модным у профессионалов являются «старение» и «осыпание» (www.prophetcomm.com/iconclast).
Текстовая текстура. При беглом взгляде на страницу части текста кажутся формами, заполненными специальными текстурами. Текстура текста зависит от выбора шрифта, начертания и параметров набора. Каждый шрифт имеет свой характерный узор, а значит создает свою текстуру с определенными преобладающими ритмом и направлением. Это важно при подборе текстуры страницы. Нельзя текстуру с мелкими четкими деталями сочетать с мелким шрифтом (не только как фон, но даже располагать рядом). Разные, но близкие по активности структуры, не гармонируют. Основные параметры текстуры-текста – плотность, количество серого – зависят от размера, начертания, расстояния между строками.
Плотность можно варьировать для оживления композиции и смещения центра тяжести страницы. Однако градации плотности должны различаться. Близкие, похожие сочетания недопустимы.
Текстура – «водяные знаки»– интересный эффект, моделирующий логотипы, тисненые на почтовой бумаге. Логотип выполняется в приглушенных тонах, чтобы не затруднять чтение текста. Обычно логотип выполняется в том же цвете, что и фон. Рельеф определяется исключительно подсветками и тенями. Фильтры и эффекты программы Photoshop позволяют легко создавать рельефную версию логотипа. В противном случае придется создаватьприглушенныйлоготип в качестве водяного знака. Важны размеры изображения. Логотип делается достаточно большим и окруженным фоном, чтобы после мозаичного размещения на странице получилось несколько приглушенных логотипов, «плавающих» под текстом (обычно 6 – 12). Малый логотип, или логотип с излишне обрезанным фоном будет повторяться слишком часто. Получится откровенная мозаика. Возникает неприятный эффект чрезмерной регулярности. Начальный размер изображения, с которым можно работать примерно 150 – 200 пикселов на сторону.