Придание веб- страницам с помощью текстур ткани индивидуального внешнего вида является популярной тенденцией, которая находит свое отражение в дизайне сайтов всевозможных типов. На мой взгляд, одна из ключевых причин этого (как и в случае со многими другими распространенными стилями) в необходимости выйти за рамки привычных шаблонов и придать сайту эстетичный вид, который будет вызывать у пользователя чувство уюта и притягательности. Вспомните о бетонных скамейках, которые есть во многих общественных местах, — несмотря на то, что они могут смотреться красиво, на них не очень- то приятно сидеть. Сайты, в дизайне которых в качестве рычага используется притягательность, обязательно будут обладать приятной эстетикой, создающей гостеприимную обстановку.
Текстуры ткани привносят жизнь в дизайн ресурса и делают его роскошным и элегантным. Текстуры ткани также могут играть вспомогательную роль. Здесь мы снова видим, как дизайнерский стиль, предполагающий использование текстур ткани, может обеспечить реальный баланс в среде, где в иной ситуации правят бал технологии.
Что может быть более низко технологичным, чем ткань?
Когда дело доходит до реализации сайтов в стиле, предполагающем использование текстур ткани, всплывает одна особая проблема — выравнивание изображений. Авторы многих сайтов полагаются на фотографии или отсканированные куски настоящей ткани для создания композиции. Скорее всего, дизайн этих сайтов потребует идеально точной (до пиксела) нарезки и позиционирования изображений. Данный аспект не затрагивает исключительно данный стиль, а довольно распространен. Все это не является серьезной преградой, а лишь означает, что разработчику придется потратить немного больше времени и сил на то, чтобы нарезать картинки и выровнять их должным образом. Соответственно и вам, как дизайнеру, придется постараться, чтобы разработчик смог правильно преобразовать ваш дизайн в код.
Если вы хотите помочь разработчику, внимательно подходите к элементам, располагающимся под углом, и тем, которые перекрывают собой другие элементы. В случае если этим элементам требуется прозрачность для правильного взаимодействия друг с другом, это создаст небольшие трудности, которые также придется преодолевать. Помните, что слои на веб- странице не взаимодействуют так же рационально, как слои в Photoshop. Фактически только лишь для того, чтобы эффекты прозрачности работали так, как вы ожидаете, вам потребуется прибегнуть к помощи одного или двух патчей во избежание проблем с браузером Internet Explorer.
Стиль, предполагающий использование текстур дерева
Одна из наиболее весомых причин использования текстур дерева в дизайне сайтов заключается в том, что они позволяют создавать определенную атмосферу. Текстуры дерева, несомненно, могут использоваться в чисто эстетических целях для украшения веб- страницы. Диапазон вариантов в данном случае довольно широк, поэтому взглянем на ряд примеров.
Дизайн сайта является выдающимся образцом использования текстуры дерева как визуального элемента, и результат выглядит весьма впечатляюще. Мне доводилось работать в сфере высоких технологий в качестве сетевого инженера, и я довольно хорошо знаком с тем, какое «клеймо» несет на себе данная индустрия. Давайте взглянем в лицо факту: никто не обращается за помощью к IT-специалистам по технической поддержке, считая их эдакими заумными людьми, пока что-то не перестает работать. Из-за этого вокруг данной индустрии сформировалась немного негативная аура с оттенком обезличенности. Использование текстуры дерева в данном случае помогает «очеловечить» компанию.
Вместо группы сверх умников, которые будут посмеиваться над вашей глупостью, перед глазами предстает компания, где работают обычные люди, которые просто хотят вам помочь. Обратите внимание на тип использованной текстуры дерева — она не какая-то вычурная, а скорее заурядная, с которой сталкиваешься в повседневной жизни.
Здесь дизайн шикарен, но избегает роскошности. Представляемая винодельня предстает перед пользователем организацией, делающей изысканные вина, но не позиционирующей себя намного выше остальных. Явно прослеживается связь с природой, а также с бочками, в которых выдерживается вино, что лишь усиливает визуальную эффективность дизайна.
В дизайне персонального сайта Брента Лафреньера деревянная текстура используется преимущественно в декоративных целях. В нем прослеживается несколько легкомысленная атмосфера, которая отражается в различных аспектах, например в наличии забавной иллюстрации в верхней части веб- страницы и отсутствии прописных букв в большом приветственном сообщении. Все эти составные части в сочетании друг с другом формируют соответствующий дизайн, который, несомненно, отражает индивидуальность лица, стоящего за этим сайтом.
Когда речь зайдет об использовании текстур дерева в вашем дизайне, одной из вещей, которая, скорее всего, потребуется разработчику от вас, будет повторяющийся фон. Это тот случай, когда вы можете позволить разработчику действовать самостоятельно и надеяться, что итоговый результат получится таким, как вы ожидаете. Либо вы можете спланировать все наперед и убедиться, что фоновое изображение с текстурами дерева будет повторяться должным образом, облегчив тем самым жизнь разработчику и гарантировав результат, который вас устроит.
Одно из решений заключается в том, чтобы сделать фоновое изображение с текстурами дерева большим, однако это лишь повлечет за собой другие проблемы. Предпочтительнее использовать изображение помельче, которое будет повторяться. Многие дизайнеры, с которыми мне доводилось общаться, понятия не имели, как создавать повторяющиеся изображения. Выполнение этой задачи может казаться невозможным, пока вы не познакомитесь с фильтром Offset (Смещение) в Photoshop.Позаботившись о повторяющемся фоне заранее, вы облегчите труд разработчика, а если им окажется дама, то она просто влюбится в вас за это.