Компьютерная графика и web дизайн Конспект лекций Днепропетровск


НазваниеКомпьютерная графика и web дизайн Конспект лекций Днепропетровск
страница16/16
Дата публикации16.03.2013
Размер1.78 Mb.
ТипКонспект
userdocs.ru > Информатика > Конспект
1   ...   8   9   10   11   12   13   14   15   16

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

  • Представляйте ссылки на адрес электронной почты и URL сайта в виде гиперссылок, тогда пользователю не придется переносить эти данные в броузер или почтовый клиент через буфер обмена, а достаточно будет лишь щелкнуть по такой гиперссылке мышью. Большинство почтовых клиентов автоматически превращают URL и адреса электронной почты в ссылки, однако для полной гарантии используйте префикс mailto: перед записью адреса e-mail и префикс http:// перед записью адреса сайта.

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

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

  • Подготовьте и применяйте несколько вариантов подписей для различных ситуаций при ответах на деловую и личную корреспонденцию.


    ^ Службы редиректа

    Данный вопрос является настолько принципиальным, что требует отдельного обсуждения. Речь пойдет об адресе вашего сайта. Если URL вашей странички выглядит следующим образом: http://www.y_4epTa.на.рогах.фиг.знает.где.com/~вася_пупкин (приблизительно такие убогие, не побоюсь этого слова, адреса назначают web-страницам многие серверы, предоставляющие услуги бесплатного хостинга), то это не прибавит авторитета вашему ресурсу. Тем более что в цивилизованном мире уже давно существуют службы переадресации, или редиректа, самая известная из которых расположена на российском сервере http://www.da.ru. Здесь совершенно бесплатно присвоят любому вашему URL, сколь угодно длинному и жуткому на вид, нормальный «человеческий» адрес, вроде http://www.yourname.da.ru или http://yourname.da.ru, причем при желании такой DNS-псевдоним можно назначить даже «голому» адресу IP. Что самое интересное, псевдоним можно прикрепить «намертво», но за это вам придется терпеть на своем сайте рекламу da.ru, которая, скорее всего, существенно испортит вам весь дизайн, либо «наполовину», то есть при обращении к вашей страничке по сокращенному URL в строке адресов броузера будет неожиданно появляться ваш настоящий адрес и пугать посетителей вплоть до инфаркта. Службы редиректа работают бесплатно, получая прибыть за счет рекламы, которая, как правило, автоматически добавляется в структуру вашего ресурса при зарегистрации на их сервере. В чем преимущества переадресации?

    • Во-первых, это короткое имя для вашего сайта. Пользователю труднее запомнить длинный, сложный адрес, тогда как короткий URL, наоборот, быстрее и надежнее отложится у него в памяти.

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

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

    В Интернете существуют сотни, если не тысячи сервисных служб, предлагающих своим клиентам услуги редиректа. К сожалению, использование www-псевдонимов подходит только для владельцев домашних страничек, некоммерческих организаций и частных информационных или развлекательных ресурсов: адреса, предоставляемые практически всеми системами редиректа, хорошо известны пользователям Интернета, а потому коммерческое предприятие, домен которого зарегистрирован в бесплатной зоне, вызывает у посетителей некоторые сомнения в его платежеспособности. Помните, что сколь красиво и профессионально вы не оформите сайт своей фирмы, домен в зоне da.ru моментально и навсегда испортит ее имидж.

    Рассмотрим вкратце еще несколько серверов, предлагающих аналогичные услуги. Полный список таких ресурсов вы можете получить, воспользовавшись ресурсами любой поисковой машины.

    http://www.ussr.to. Данная служба предлагает не только бесплатные домены третьего уровня, но и бесплатное дисковое пространство объемом до 200 Мбайт. По состоянию на август 2000 года администрация сервера USSR.ТО не требовала от своих клиентов размещения какой-либо рекламы за свои услуги.

    http://www.lddl.com. Это еще одна служба бесплатного редиректа. Она предоставляет домены третьего уровня в обмен на рекламную ссылку, ведущую на данный сервер.

    http://www.az.ru. Данный российский сервер предоставляет пользователям услуги бесплатной электронной почты, бесплатные гостевые книги, чаты, а также бесплатные домены третьего уровня в зонах az.ru, dk.ru, uk.ru, ec.ru и cf.ru.

    http://www.hw.ru. Служба hw.ru предлагает своим клиентам бесплатные доменные имена третьего уровня в зоне своего сервера, иными словами, вы получаете URL вида user.hw.ru. Размещения рекламы за использование данного доменного имени пока не требуется.

    Среди других бесплатных систем, предоставляющих подобные услуги, можно упомянуть http://www.4U.ru, http://over.to/, http://come.to/, http://f1y.to/, http://1isten.to/, http://raove.to/, http://start.at/, http://surf.to/, http://travel.to/, http://welcome.to/, http://i.am/, http://message.to/, http://w3.to/.

     

    Создаем баннер

    Итак, вы зарегистрировали свой сайт в поисковых машинах и службах баннерного обмена. Что дальше? А дальше необходимо создавать рекламный баннер. Существует множество специализированных серверов и дизайн-агентств, сотрудники которых могут разработать рекламный баннер за вас. Разумеется, не бесплатно. И бутылкой пива вы тут явно не отделаетесь. Предположим, однако, что ваш бюджет не позволяет вам потратить 10 — 30 долларов (именно таков в среднем тариф за разработку одного рекламного баннера), и баннер вам придется создавать собственными силами.

      Простой баннер за несколько минут

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

    1. Создайте графический файл, совпадающий по размерам с форматом баннера, который вам необходимо разработать, например, 468x60 пикселов.

    2. Выберите подходящий на ваш взгляд фоновый цвет и залейте им все пространство рисунка.

    3. Разместите в поле баннера URL вашего ресурса. Для того чтобы адрес был читаемым, выделите произвольную область внутри изображения, залейте ее цветом, контрастирующим с фоновым, и поместите туда URL. Признанные мастера рекомендуют использовать для представления адреса так называемые «рубленые» шрифты, символы которых отображаются без концевых засечек. Не стоит применять для записи адреса шрифты типа Brush, имитирующие рукописный текст, либо сложно читаемые шрифты, стилизованные, например, под китайские иероглифы. Будьте проще, и люди к вам потянутся.

    4. Создайте копию получившегося изображения, воспользовавшись пунктом Создать копию меню Изображение редактора Adobe Photoshop, либо просто дважды сохранив файл на диске под разными именами.

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

    6. Если вы планировали создать статический баннер, то он уже готов. Переведите рисунок в индексированную палитру (Изображение > Режим > Индексированные цвета в редакторе Adobe Photoshop), оптимизируйте его согласно правилам, которые мы подробно изучали в пятом уроке, сохраните на диске в формате GIF и смело отправляйте результат ваших трудов в Интернет.

    7. Для создания эффектов анимации вам придется еще немного повозиться. Откройте копию рисунка, не содержащую рекламный девиз, и поместите вего основное поле логотип вашей компании или какой-либо простой, но соответствующий избранному вами девизу рисунок, либо второй слоган, не менее остроумный и интригующий, чем первый. Можно разбить фразу на две части, разместив ее начало на одном изображении, а окончание — надругом. Например, один рисунок будет содержать надпись «Красивая женщина подобна прекрасной картине...», а другой — такое продолжение: «Которую каждый стремится украсть или потрогать руками». Переведите оба изображения в индексированную палитру, оптимизируйте их и сохраните в формате GIF.

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

    ПРИМЕЧАНИЕ В большинстве баннерообменных систем практикуется модерация (контроль) баннеров перед включением их в активный обмен. Иными словами, каждый созданный вами баннер будет рассматриваться придирчивым редактором прежде, чем его допустят к использованию. Администрация любой обменной службы заботится об имидже, и ей совершенно не хочется выслушивать претензии обиженных граждан с задетым самолюбием. Поэтому избегайте использования в текстах баннеров оскорбительных высказываний, грубого тона и непристойных выражений, старайтесь не включать в них изображения сомнительного содержания. Скорее всего, вы просто не сможете использовать такой баннер в рекламных целях.

     

    ^ Сложный баннер

    Изготовление сложного баннера, эффективность которого должна быть достаточно высока, — процесс весьма трудоемкий. Лично у меня порой уходило несколько дней на оптимизацию цветовой палитры, подбор соответствующих ей полутонов и дорисовку по пикселу участков изображения, на которых появляется «грязь» в результате сокращения числа используемых в рисунке цветов с 256 до 50. Тем не менее игра в большинстве случаев стоит свеч, и высокий

    CTR — цель достаточно весомая, чтобы немного попотеть для ее достижения. Ниже приводится несколько общих советов, которые могут быть вам полезны при создании эффективного и популярного баннера.

    • Относитесь к разрабатываемому вами баннеру как к произведению искусства, создание которого требует кропотливого труда. Уделяйте внимание мелочам. Баннер — это не просто картинка, рекламирующая ваш сайт, это еще и носитель имиджевой рекламы. Малейшая неаккуратность превратит ваш баннер в носитель антирекламы, чего вам, полагаю, всеми силами хотелось бы избежать.

    • Используйте яркие и контрастные цвета, но делайте это в меру. Попугайская раскраска не столько привлекает, сколько раздражает пользователей.

    • Активно применяйте анимацию: движущиеся изображения привлекают внимание. Даже если взгляд пользователя сконцентрирован в данный момент на другом объекте, уловленное боковым зрением движение заставит его отвлечься и посмотреть на движущийся объект.

    • Баннер должен содержать нечто такое, что будет приковывать к себе взгляд пользователя. Читая текст или проглядывая по диагонали заголовок страницы, посетитель рекламирующего вас ресурса должен «зацепиться» за ваш баннер, обратить на него внимание. Однако размещайте этот объект так, чтобы он не мешал восприятию композиции и не перекрывал пояснительные надписи.

    • Помните о владельцах черно-белых мониторов. Содержимое вашего баннера должно быть различимо в режиме grayscale. 

    • Лучше всего запоминаются остроумные и смешные баннеры. Ваш баннер как минимум должен вызывать улыбку, Даже если направленность вашего ресурса вполне серьезная, причем желательно, чтобы эта улыбка не была ехидной. Известно множество случаев, когда серьезные организации привлекали на свои страницы огромное количество посетителей и активно «раскручивали» собственную торговую марку, используя смешные баннеры. В качестве наглядного примера приведу имевший весьма высокий CTR баннер сервера iXBT, содержащего техническую информацию о компьютерах, комплектующих и электронных технологиях. На нем был изображен упавший и дымящийся самолет с пояснительной надписью: «Мы испытали горы железа...».Обыграйте ваш слоган забавным анимированным изображением, используйте игру и многозначность некоторых слов, перефразируйте какие-либо известные афоризмы или пословицы. Здесь простор для творчества безграничен.

    • Если с чувством юмора у вас не очень, постарайтесь добавить в баннер интригу. Заставьте пользователя задаться вопросом: «Что именно они имели ввиду? Что же такое может предлагать этот сайт?» Если вам это удастся, можете считать, что посетитель у вас в кармане.

    • Не допускайте в тексте баннера орфографических ошибок. Комментарии здесь, полагаю, излишни.

    • Многие создатели баннеров применяют в их дизайне элементы оконного интерфейса MS Windows или изображения интерактивных форм в расчете на то, что пользователь привык взаимодействовать с объектами, генерируемыми оболочкой этой операционной системы. Действительно, такие баннеры дают более высокий CTR. Однако не обольщайтесь: большое количество посетителей еще не означает большое число ваших потенциальных клиентов. Девяносто процентов таких пользователей — новички в Интернете, пока еще не привыкшие к подобного рода уловкам и хитростям. Как правило, пользователь, щелкнувший на кнопке «Да», расположенной рядом с вопросом «Нравится ли вам этот сайт?», и попавший в результате на домашнюю страничку бухгалтера из Урюпинска, ничего кроме раздражения от этого не испытывает. И, как правило, нажимает в броузере кнопку «Назад» еще до того момента, как данная страничка загрузится до конца. Вам это надо? 

    • Согласно статистике более 80 % пользователей Интернета — мужчины. А более 80 % изображений, встречающихся на рекламных баннерах, — женщины. Это вполне логично, поскольку игра на самых сильных инстинктах потенциальной аудитории — верный путь к успеху любого интернетовского проекта. Способ избитый, но действенный. Только не переусердствуйте с эротикой: во-первых, это считается дурным тоном (если только вы не владелец порно-сайта), а во-вторых, такой баннер вряд ли пропустят модераторы баннерообменных систем (если только это не специальная сеть, ориентированная напоказ баннеров непристойного содержания, а такие тоже встречаются).Вот, пожалуй, и все, что касается теории создания баннеров. А практика вносит свои коррективы, поскольку реальное графическое воплощение любого рекламного изображения зависит не только от тематической направленности рекламируемого ресурса, но и от вкуса, таланта и художественных способностей дизайнера.



    Литература




    1. Богумирский Б. Энциклопедия Windows 2000.- СПб: Питер Ком, 2000.

    2. Глушаков С. В. Сетевые технологии Windows NT. Харьков: Фолио, 2001.

    3. Гиз, Ксениа, Холмс, Александра Основы Web-дизайна: вспомогательное руководство.: М.: Издательский дом «Вильямс», 2002.

    4. Матросов А.В., Сергеев А.О. Чаунин М.П. HTML 4.0 - СПб: БХВ, Санкт-Петербург, 1999.

    5. Тайц А.М., Тайц А.А. Adobe Photoshop 5.5 - СПб: БХВ, Санкт-Петербург, 1999.

    6. Глушаков С. В., Сурядный А. С. Компьютерная графика. Харьков: Фолио, 2001.

    7. Секрети разработки Web приложений на Visual Basic. Питер - Т. 1998.

    8. Эффективная работа с CorelDraw 8. - СПб: Питер Ком, 2000.


    Учебное издание
    Компьютерная графика и web дизайн
    для направления

    специальности 6.050100 – “Экономическая кибернетика”
    ____________________________________________________________________

    Подписано к печати . Формат 60х84/16

    Усл. печ. листов 6,04. Оперативная полиграфия. Изд. № . Тираж экз.

    ____________________________________________________________________

    ДУЭП.

    49000, г. Днепропетровск, ул. Набережная Ленина, 18

  • 1   ...   8   9   10   11   12   13   14   15   16

    Похожие:

    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconИстория науки и техники конспект лекций Омск
    Конспект лекций предназначен для студентов специальности 070601 «Дизайн», 032401 «Реклама» очной, заочной и дистанционной формы обучения....
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКонспект лекций по дисциплине “ Информационные системы ” Днепропетровск
    Классификация информационных систем в зависимости от степени автоматизации
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКонспект лекций «Ильин А. А. Акушерство и гинекология. Конспект лекций»
    Конспект лекций предназначен для подготовки студентов медицинских вузов к сдаче зачетов и экзаменов. Книга включает в себя полный...
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКонспект лекций для студентов направления 070104 «Морской и речной транспорт»
    Конспект лекций рассмотрены и одобрены на заседании кафедры «Судовождение» кгмту
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconИнженерная и компьютерная графика, лекция

    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКраткий конспект лекций для студентов дневного и заочного отделения...
    Психология труда. Краткий конспект лекций /Сост. М. Д. Лапина – Мариуполь, 2004, 34 с
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКомпьютерная фирма vip-computer. Ru
    Компьютерные и ит-услуги, разработка web-сайтов и программного обеспечения на заказ
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКомпьютерная графика
    Графическое изображение должно создаваться определенными программными средствами
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКонспект лекций по дисциплине "инвестирование"
    Конспект лекций по дисциплине «Инвестирование» для студентов экономических специальностей всех форм обучения Сост.: В. М. Гридасов...
    Компьютерная графика и web дизайн Конспект лекций Днепропетровск iconКонспект лекций Киров 2010 удк 681. 332
    Теория автоматов (часть I). Конспект лекций /Киров, Вятский государственный университет, 2010, 56с
    Вы можете разместить ссылку на наш сайт:
    Школьные материалы


    При копировании материала укажите ссылку © 2015
    контакты
    userdocs.ru
    Главная страница