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


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

Помимо имитаций поверхностей в качестве текстур можно рассматривать пиксельные, геометрически текстуры, плоский цвет, прочее.

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



Плоский цвет. Элемент привлекает своей простотой и используется наиболее часто. Цветовая заливка – универсальный инструмент, позволяющий создавать однородные фоны. Популярность плоского цвета объясняется современными модными тенденциями. Сейчас первенство занимают лаконичные, сдержанные и даже строгие стилистические решения, в которых пестрые и многоцветные фоны просто неуместны.



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

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



Наиболее частый вариант подобной структуры – вертикальные и горизонтальные полосы неброских, приглушенных тонов.

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



Пиксельная текстура. Элемент состоит из отдельных пикселей. Преимущество подобного выбора – отдельные элементы (пиксели) невозможно различить невооруженным глазом. Тем не менее, у пользователя создается впечатление, что поверхность страницы неоднородна и обладает некоторыми шероховатостями. Мало того, текстура практически ничего не весит и не влияет на скорость загрузки ресурса.



Фотографические текстуры. Один из подвидов – фото. Фотография является отдельным, самостоятельным графическим элементом. Для того, чтобы фото стало фоновым изображением страницы, необходимо представить выбранный объект в качестве основного компонента и уже после строить весь дизайн.



К фотографическим структурам также можно отнести абстрактные изображения. Данный элемент также является основной для последующего формирования дизайна. Тем не менее, веб-дизайнер может регулировать степень участия фоновой композиции, «играя» с настройками яркости и насыщенности.

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

Материальные текстуры. Есть приглушенные и активные элементы. В качестве приглушенных принято использовать равномерную поверхность с малым количеством шероховатости (например, ткань или бумага). Преимущество текстуры – возможность создавать фоны с любыми цветовыми композициями и весьма своеобразным колоритом.

Активная структура представляет собой имитацию природных материалов (промышленные поверхности, вязаные ткани, прочее). Главная особенность – фон может содержать только одну из активных структур.

22 september 2016, 10:10    Creative Group Web-дизайн 0    3 0

Comments (0)

    You need to login to create comments.