-->

Веб-дизайн

На нашем литературном портале можно бесплатно читать книгу Веб-дизайн, Кирсанов Дмитрий Михайлович-- . Жанр: Интернет. Онлайн библиотека дает возможность прочитать весь текст и даже без регистрации и СМС подтверждения на нашем литературном портале bazaknig.info.
Веб-дизайн
Название: Веб-дизайн
Дата добавления: 16 январь 2020
Количество просмотров: 359
Читать онлайн

Веб-дизайн читать книгу онлайн

Веб-дизайн - читать бесплатно онлайн , автор Кирсанов Дмитрий Михайлович

Книга автора бестселлера `Факс-модем: от покупки и подключения до выхода в Интернет` — Дмитрия Кирсанова — первый полный курс веб-дизайна на русском языке, написанный профессиональным дизайнером. От теоретических основ визуального дизайна до интернетовских технологий и приемов практической работы над сайтом — все это есть в книге, написанной понятно, подробно и увлекательно. Издание будет полезно не только начинающим создателям сайтов, но и дизайнерам, работающим в более традиционных областях, специалистам по рекламе и маркетингу, художникам, программистам, — и, конечно же, всем творческим и любознательным людям.

 

Внимание! Книга может содержать контент только для совершеннолетних. Для несовершеннолетних чтение данного контента СТРОГО ЗАПРЕЩЕНО! Если в книге присутствует наличие пропаганды ЛГБТ и другого, запрещенного контента - просьба написать на почту [email protected] для удаления материала

1 ... 73 74 75 76 77 78 79 80 81 ... 92 ВПЕРЕД
Перейти на страницу:

Наконец, нужно также учитывать цветовой охват модели CMYK (стр. 63) — даже если вы делаете логотип для веб–сайта, вполне вероятно, что заказчик захочет потом распечатать его, безнадежно испортив слишком яркий и насыщенный цвет, принципиально невоспроизводимый на бумаге.

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

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

Текстура. В логотипах безусловно недопустимы ни фотографика, ни какие бы то ни было материальные текстуры, ни «скульптурная» трехмерность (стр. 293): композиция, использующая эти виды текстур, может быть визуалом или заголовком, но не логотипом в собственном смысле этого слова. Дело здесь не только в том, что сложные текстуры с трудом воспроизводимы на бумаге и не выдерживают цветовой редукции; главная причина — в отсутствии в них элемента благородной рукотворности, обработанности, обдуманности, который только и способен создать в логотипе «скрытый смысл», доступный опять–таки только разумному взгляду. «Небо с облаками» может служить фоном, не несущим никакой смысловой нагрузки (или же наполняемым смыслом по произволу зрителя), но абсолютно немыслимо в таком концентрированном сгустке смысла, как логотип.

Веб-дизайн - img_107.png

Рис. 67 Логотип AT&T был создан в 1982 г., в самом начале повальной моды на имитацию трехмерности, и именно этот прием лежит в основе его «скрытого смысла»

Репертуар текстур логотипа ограничен, таким образом, плоским цветом и геометрическими текстурами с не слишком мелкими деталями (не забывайте о принципе ограничения пропорции сверху). Как мы только что видели, требование простоты формы относится скорее к простоте ее восприятия, а не к объективной сложности фигуры, и «психологически простая» форма вполне может оказаться геометрически очень сложной, иррегулярной, несводимой к элементарным составляющим. Простота текстуры, наоборот, — требование скорее формальное, и плоский цвет вполне может служить для выражения совсем не плоских свойств и отношений фигур. Так, в логотипе фирмы AT&T (рис. 67) с помощью плоскоцветных полосок передано ощущение выпуклости шара — иными словами, типично фотографическая текстура реализована совсем не фотографическими методами.

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

БАННЕРЫ

Мы уже затрагивали тему рекламных баннеров в гл.3, обсуждая их «заголовочный» аспект и возможность безболезненного вписывания чужеродной рекламной вставки в композицию веб–страницы (стр. 204). Здесь нам предстоит ближе познакомиться с рекламными баннерами как специфическим жанром веб–графики, в котором привычные дизайнеру законы эстетического восприятия почти вытесняются особыми, свойственными только рекламному дизайну принципами подачи информации — информации по необходимости поверхностной, апеллирующей к чувствам чаще, чем к разуму, намеренно несерьезной и даже слегка провокационной. К сожалению, красивый баннер совсем не обязательно эффективен как рекламный инструмент, а эффективный не обязательно красив.

Сколько натикало? Прежде чем говорить о тонкостях баннерного дизайна, давайте вспомним, как вообще работает реклама в Интернете. Баннер — графическая вставка стандартного размера — вывешивается на странице, группе страниц или на целом сайте по договоренности между автором или публикатором этой страницы и рекламодателем, на сайт которого ведет гипертекстовая ссылка с этого баннера. Конечная цель рекламодателя, ради которой он готов платить за размещение баннера деньгами или ответной рекламой, — привлечь посетителей на свой сайт. На баннерной рекламе кормится несметное количество контент–сайтов, рекламных агентств, посредников, служб обмена баннерами и производителей программных продуктов для автоматизации всего, что только можно автоматизировать в этой несложной схеме.

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

Статистика показывает, что ротация баннеров (подстановка новой картинки при каждом запросе страницы с сервера) повышает эффективность рекламы по сравнению со статическими баннерами, висящими на одном и том же месте страницы в течение дней и недель. В то же время владелец сайта не имеет возможности динамически менять HTML-код своей страницы, так чтобы при каждой загрузке страницы на ней появлялся новый, случайно выбранный из общего репертуара баннер, — тем более что сами файлы баннеров хранятся на сервере службы обмена. И хотя атрибут src тега IMG может указывать на любой URL, в том числе расположенный и на другом сервере сети, адреса всех входящих в ротацию баннеров известны только службе обмена (собственно говоря, каждый входящий в систему сайт может в любой момент изменить набор своих баннеров).

Для ротации рекламы на баннерном сервере устанавливается специальная CGI-программа (стр. 71), работающая с текущими базами данных баннеров, рекламодателей и участвующих в системе сайтов. Владельцу страницы достаточно прописать в соответствующем теге IMG особый URL, комбинирующий адрес сервера баннерной службы, обращение к CGI-программе на этом сервере и код сайта–участника, по которому программа узнает, из какой тематической группы выбирать (по случайному алгоритму) баннер и чей счетчик показов увеличивать. Это значит, в частности, что загрузка страницы с рекламой может замедляться из–за перегрузки баннерного сервера. Поэтому все сколько–нибудь крупные контент–сайты предпочитают устанавливать на своих серверах собственные системы управления рекламой, позволяющие минимизировать задержки, полностью контролировать всю показываемую на сайте рекламу, прописывать свой alt–текст для каждого баннера и включать в ротацию составные HTML-баннеры (стр. 285).

1 ... 73 74 75 76 77 78 79 80 81 ... 92 ВПЕРЕД
Перейти на страницу:
Комментариев (0)
название