книги хакеры / журнал хакер / специальные выпуски / Специальный выпуск 50_Optimized
.pdf
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
|
|
|
|
|||
|
|
X |
|
|
|
|
|
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
|
|
|
|
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
|
|
||
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
r |
|
|
|
|
||
P |
|
|
|
|
|
NOW! |
o |
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|||||
|
|
|
|
|
BUY |
|
|
|
|
|
|
||||
|
|
|
|
to |
|
|
|
|
|
|
|
|
|
|
|
w Click |
|
|
|
|
|
|
m |
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
|
o |
максимальном остается только контур. |
|
|
|
|
|
. |
|
|
|
|
|
|
ев, когда фигура имеет только один |
|
|
|
||||
|
|
|
|
|
|
|
.c |
|
|
|
|
|
|||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
||
|
|
|
df |
|
|
n |
e |
|
|
|
|
|
|
||
|
|
|
|
-xcha |
|
|
цвет и простые очертания. Растровая |
Чтобы понять, как работает эта опция, |
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
- для изображений с качеством, близ- |
советую создать пустую сцену, доба- |
|
|
|
||
|
|
|
|
|
|
|
|
|
кому к качеству фотографий. |
вить в нее примитив, например, Create |
|
|
|
||
|
|
|
|
|
|
|
|
|
|
Выбираем закладку Vector. Предс- |
Torus и посмотреть результат при зна- |
|
|
|
|
|
|
|
|
|
|
|
|
|
тавленные здесь параметры влияют |
чениях в 6 и 90 градусов. Детализа- |
|
|
|
||
|
|
|
|
|
|
|
|
|
на способы обрисовки, заливки и дета- |
öèþ (ìåíþ General->Detail Level) è óðî- |
|
|
|
||
|
|
|
|
|
|
|
|
|
лизации нашей модели. Установив |
вень адаптации кривых (Curve Fitting) |
|
|
|
||
|
|
|
|
|
|
|
|
|
флажок Fill Options->Fill Object, получа- |
разработчики программы советуют не |
|
|
|
||
|
|
|
|
|
|
|
|
|
ем доступ к некоторым параметрам. |
изменять, если размер выходного |
|
|
|
||
|
|
|
|
|
|
|
|
|
Первый параметр именуется Cartoon |
файла приемлем. При крайне правом |
|
|
|
||
|
|
|
|
|
|
|
|
|
Average Color Fill. Он заливает каждый |
значении этого параметра (на отметке |
|
|
|
||
|
|
|
|
|
|
|
|
|
полигон трехмерного объекта сплош- |
Curves) программа вместо последова- |
|
|
|
||
|
|
|
|
|
|
|
|
|
ным цветом. Не самый красивый вари- |
тельности прямых линий будет рисо- |
|
|
|
||
|
|
|
|
|
|
|
|
|
ант, поэтому в ниспадающем меню для |
вать кривую, вследствие чего умень- |
|
|
|
||
|
|
|
|
|
|
|
|
|
сравнения предлагаю выбрать Area |
шится размер анимации. Перед окон- |
|
|
|
||
|
|
|
|
|
|
|
|
|
Gradient Shading - имитация освеще- |
чательным обсчетом сцены выбираем |
|
|
|
||
|
|
|
|
|
|
|
|
|
ния при помощи градиентных заливок, |
формат выходного файла .swf или |
|
|
|
||
|
|
|
|
|
|
|
|
|
или Mesh Gradient Shading - заливка |
.swft и, если не хочешь визуализиро- |
|
|
|
||
|
|
|
|
|
|
|
|
|
каждого полигона своим собственным |
вать анимацию целиком, то выбирай |
|
|
|
||
|
|
|
|
|
|
|
|
|
градиентом, что более точно имитиру- |
определенный набор кадров. Выбира- |
|
|
|
||
|
|
|
|
|
|
|
|
|
ет освещение модели, но существенно |
ем закладку Raster. Тут доступных па- |
|
|
|
||
|
|
|
|
|
|
|
|
|
влияет на объем выходного файла. |
раметров намного меньше - тип полу- |
|
|
|
||
|
|
|
|
|
|
|
|
|
Также можно для большей реалистич- |
чаемого файла (если выберешь лю- |
|
|
|
||
|
|
|
|
|
|
|
|
|
ности включить флажки Include |
бую другую опцию, кроме Flash Player |
|
|
|
||
|
|
|
|
|
|
|
|
|
Specular Highligts (отображение бли- |
(SWF), то в указанной папке полу- |
|
|
|
||
|
|
|
|
|
|
|
|
|
ков), Include Reflections (отражение) и |
чишь последовательность графичес- |
|
|
|
||
|
|
|
|
|
|
|
|
|
Include Shadows (тени). Кроме заливки |
ких файлов типа "название_файла- |
|
|
|
||
|
|
|
|
|
|
|
|
|
есть режим прорисовки линиями (Edge |
номер_фрейма.выбранное_то- |
|
|
|
||
|
|
|
|
|
|
|
|
|
Options) для опции Include Edges (по- |
бой_расширение"), степень сжатия |
|
|
|
||
|
|
|
|
|
|
|
|
|
казывать края): параметр Outlines |
изображения и качество сглажива- |
|
|
|
||
|
|
|
|
|
|
|
|
|
(прорисовываются только те линии, |
ния. Для сравнения я визуализовал |
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
которые отображают контур объекта) |
анимацию в векторном и растровом |
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
и Entire Mesh (реальный каркас объек- |
видах. Для векторного я выбрал |
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
та со всеми ребрами). Опции Include |
Mesh Gradient Shading с тенями, бли- |
|
|
|
||
|
|
|
|
|
|
|
|
|
Detail Edges и Detail Edge Angle позво- |
ками и отражениями, без контуров и |
|
|
|
||
|
|
|
|
|
|
|
|
|
ляют отображать линии, не являющи- |
не изменяя остальных параметров |
|
|
|
||
|
|
|
|
|
|
|
|
|
еся контурами, а находящиеся как бы |
(около 30-ти кадров занимают 6 Мб). |
|
|
|
||
|
|
|
|
|
|
|
|
|
внутри контура и обозначающие от- |
Для растрового - оставил опции по |
|
|
|
||
|
|
|
|
|
|
|
|
|
дельные элементы и грани объекта. |
умолчанию (около 60-ти кадров зани- |
|
|
|
||
|
|
|
|
|
|
|
|
|
Detail Edge Angle управляет углом от- |
мают почти 2 Мб). Растровый вариант |
|
|
|
||
|
|
|
|
|
|
|
|
|
сечки ненужных граней. При мини- |
рендеринга будет выложен на диск. |
|
|
|
||
|
|
|
|
|
|
|
|
|
мальном значении отсечки нет, а при |
Наслаждайся! E |
|
|
|
||
При крайне правом значении этого параметра (на отметке Curves) программа вместо последовательности прямых линий будет рисовать кривую.
|
|
|
|
hang |
e |
|
|
|
|
||
|
|
|
C |
|
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|
|||
|
- |
|
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
||||
|
|
|
|
to |
|
|
|
|
|
||
w Click |
|
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
|
n |
e |
|
||
|
|
|
|
-x cha |
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Оно рендерится!!!
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
|
||||
|
|
|
|
|
|
m |
||||
w |
|
|
|
|
Content: |
|||||
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-xcha |
|
|
|
|
||
60 Сапоги - это наше лицо
Дизайним интерфейс программы
62 Баннерные проблемы
Интервью с баннермейкером
66 Защита графических изображений
Чем защититься от кражи продукта
70 Работа над чужими ошибками
Сказ о том, как правильно макет сайта строить
74 Real audio is not skinnable?
Создаем поддержку скинов для своей программы
78 Делаем web-магазин
Практические занятия по сайтостроению
УДОБСТВО
60 УДОБСТВО САПОГИ-ЭТОНАШЕЛИЦО
Фленов Михаил (www.vr-online.ru)
САПОГИ - ЭТО НАШЕ ЛИЦО
ДИЗАЙНИМ ИНТЕРФЕЙС ПРОГРАММЫ
Ïоговорим о создании дизайна программы. В мире существует слишком много аляповатых программных интерфейсов, чтобы ты позволил себе
выпустить на волю еще один из таких :).
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-x cha |
|
|
|
|
||
WINDOW
» 
Начнем с дизайна самого окна, а точнее - с его формы. Главное окно может быть двух типов: одно- и многодо-
кументным. Многодокументное окно может содержать внутри себя другие окна (дочерние), что происходит, например, во Flash MX, Photoshop и старых версиях Office. Такой тип чаще всего выбирают для программ, которые работают с документами и в которых нужно одновременно открывать несколько файлов. Однодокументные окна чаще всего используются для небольших утилит или в тех слу- чаях, когда программа не рассчитана на ра-
боту с файлами или документами.
Как украсить главное окно таких программ? В Windows есть функции только для придания окну стандартной или произвольной формы. Но мы не можем изменить оборку окна, поэтому придется самостоятельно искать выход из этой ситуации. Самый простой вариант - разместить на форме какую-то оборку типа Bevel или Panel в Delphi и придать ей выпуклость.
Я иногда рисую на форме по краям окна картинку, содержимое которой зависит от программы. Например, на оборке окна можно размножить черепа или узоры, но главное - использовать системные цвета (использовать константы clBtnFace, clWhite и т.д.), а не указывать жесткие значения. Если юзер будет наблюдать интерфейс, выполненный в цветовой гамме, отличающейся от заданной, то твои старания окажутся потраченными впустую и испортят общую картину.
Содержимое картинок на краях зависит от общего стиля и назначения программы. При ее использовании можно вообще отключить отображение стандартной Windows-шапки, а системные кнопки (<Свернуть>, <Развернуть> и <Закрыть>) установить собственные. Кроме этого обеспечь возможность перетаскивания рисунка и изменения его размера в зависимости от размера окна.
сохранения документа - и найти легко, и использовать удобно. А встретились уникальные кнопки с невиданными раньше рисунками - наводи на каждую указатель и жди подсказки. Это неудобно и скорее всего не обрадует твоих юзеров. При знакомстве с программой все пользуются сначала только меню, а к кнопкам привыкают только со временем.
Панель, содержащая основные команды (<Создать>, <Открыть>, <Печать> и т.д.), должна быть расположена в верхней части окна. Нельзя располагать ее по краям или внизу. В качестве картинок лучше всего использовать стандартные - те, которые используются в таких программах, как MS Office или других программах от MS. Пользователи привыкли к ним и быстрее смогут привыкнуть к твоему интерфейсу. Если не умеешь рисовать, то обращайся к интернету, только не выбирай идиотские рисунки, по которым даже с дешифратором не узнать о предназначении кнопок.
][ STYLE
Если ты создаешь утилиту, в которой не нужен особый пользовательский интерфейс, а достаточно только нескольких пунктов меню, то можно сделать окно в виде рисунка или даже анимации. По щелчку в этом окне можно заставить отображаться всплывающее меню, а при выборе каких-либо его пунктов - диалоговые окна. Именно так поступили разработчики программы Magic
Окно с оборкой, сделанной с помощью панели
КОНТЕНТ ОКНА |
|
Окно программы обязательно должно |
|
содержать меню, а убирать его без особой |
|
надобности категорически не рекомендует- |
|
ся. Я видел программы, в которых меню от- |
|
сутствует - есть только панель с кнопками. В |
|
панели есть только стандартные кнопки со |
|
знакомыми символами создания, открытия и |
Оборка в виде рисунка |
ХАКЕРСПЕЦ 01(50) 2005
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
|||
|
|
X |
|
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
|
||
|
F |
|
|
|
|
|
|
t |
|
||
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
|
o |
|||
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
|
w Click |
|
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
Gooddy, и их окно в виде животного |
||||
|
|
|
|
|
|
.c |
|
||||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
|
df |
|
|
n |
e |
|
|
||
|
|
|
|
-xcha |
|
|
|
|
|
||
(вроде бы гусь) понравилось пользователям.
Однако если все программисты будут делать главные окна в виде рисунков животных, то вскоре монитор превратится в зоопарк и начнет раздражать. Для меня, например, неприятно наличие более двух рисованных персонажей в интерфейсе, поэтому в программе должна быть возможность отключить окно-рисунок и отобразить вместо него красивую иконку в системной области возле часов.
ÌÅÍÞ
Любой пользователь начинает знакомство с программой с рассматривания окна и меню, чтобы узнать, какие команды имеются и какие из них чаще всего нужны. Если создать что-то в стиле Windows 9x, то не удастся произвести должного впечатления, хотя, как говорится, в таких случаях красота и удобство вступят в противостояние: стандартизированный интерфейс (Windows, Microsoft Office и т.д.). Windows’кие окошки и кнопочки проверены временем, в них разберется даже слабоумный, а оригинальный интерфейс придется серьезно продумать и испытать на знакомых, чтобы он был прост, понятен и одновременно оригинален.
Меню тоже можно оформить на свой вкус. Благо и для Delphi, и для C++ есть спецклассы и компоненты, позволяющие создать менюшки любой формы и вида. Программистам на Delphi советую обратить внимание на компонент CoolMenu. Он позволяет создавать меню, которые здоровому человеку и в страшном сне не приснятся :). Его единственный недостаток в том, что компонент платный. Но в сетях, похожих на файлообменные, я видел исходники.
Названия для пунктов меню должны быть короткими и понятными. Лучше всего если название пункта будет состоять из одного или максимум двух слов. Название должно быть коротким и отражать суть предназначения элемента, а более подробное оставь
Окно главной программы в виде рисунка подойдет программе, которой не нужен сложный интерфейс. Пример - перевод- чик Magic Goody с окошком в виде гуся.
для подсказок, о которых будем говорить позже.
Не стоит выдумывать собственные названия для уже ставших стандартными пунктов меню. Например, в большинстве программ есть Файл-> Создать. Используй именно эти названия и не выдумывай что-то типа Файл->Создать документ - и длиннее, и лишнее слово бесполезно.
ДИАЛОГОВЫЕ ОКНА
Для начала о форме диалогового окна. Конечно же, оно должно быть прямоугольным, а еще лучше вытянутым по горизонтали (ширина должна быть больше высоты). Люди привыкли смотреть на все в горизонтальной плоскости, да и разрешение на мониторе по ширине больше, чем по длине.
Единственное окно, которое может иметь высоту побольше - это окно, отображающее свойства чего-либо. Посмотрим на окно свойств файлов в системе. Оно вытянуто по вертикали, а по всему полю растянут компонент из одной или нескольких закладок. Внизу - кнопки <ОК> и <Отмена>.
Âлевом верхнем углу диалоговых окон лучше всего расположить красивую иконку на тему того, что должно отображаться в диалоговом окне или какое должно произойти действие.
Справа от иконки лучше расположить текстовое описание. Цвет для этого текста желателен тот же, что и используемый для рисования заголовка (это константа clActiveCaption).
Âэтом случае можно быть уверенным, что текст будет выделяться при любой цветовой схеме Windows и в большинстве случаев выделение будет смотреться хорошо (цвет заголовка выделяется, но при этом сочетается с цветом внутренней области окна).
Такое оформление подходит не только для Х-программ, но может приукрасить и любую классическую утилиту со строгим интерфейсом. Наиболее одаренным дизайнерам можно попробовать поместить в качестве фона для диалогового окна какой-ни- будь рисунок. Но это уже не строгий дизайн.
Âдиалогах можно помещать большие картинки слева или сверху, как в "Мастерах" большинства Windowsпрограмм. Это действительно эффектно, и я стал вставлять картинки вообще во всех окнах, а не только в "Мастерах".
КНОПКИ
Тут нужно определится, о каких кнопках идет речь. Для начала поговорим о тех, что находятся на панели инструментов. Здесь должны быть только квадратные кнопки. Вернее, при наличии IBM-совместимых рук можно попытаться создать что-то круглое, но не надо делать овалы или прямоугольники, потому что это неудобно в использовании.
61
На таких кнопках должен быть только рисунок или подпись в виде одного слова, максимум в виде двух (больше недопустимо). Подробные описания должны быть только в подсказках. Если ты решишь использовать текстовые подписи, то лучше размещать их под рисунком, чтобы кнопка осталась квадратной. Если текст расположить сбоку, то о квадрате говорить не придется.
Картинки для кнопок нужно выбирать так, чтобы все они были выполнены в одной цветовой гамме и при этом как-то соответствовали смыслу команды. Если пользователь не сможет догадаться, для чего нужна кнопка, то он не будет ей пользоваться и смысл твоего труда будет безнадежно утрачен :).
Можно добиться очень интересного эффекта, если установить на панели рисунки маленького размера для кнопок, которые при наведении на них указателя мыши увеличивались бы в размере. Так работает панель задач в Mac OS X, а чем же простые смертные обладатели XP’шек хуже?
Теперь посмотрим на кнопки, которые располагаются внутри окна. Здесь все наоборот: лучше не "тултипить" картинки, а воспользоваться надписями. Картинки могут присутствовать только в том случае, если кнопка имеет неправильную форму, иначе она окажется просто лишней и отнимет драгоценное место в окне. Картинки на кнопках <ОК>, <Отмена> и т.д. - это уже некрасиво (а я так люблю галочки и крестики на них! - прим. Dr).
ПОДСКАЗКИ
Внизу окна обязательно должна быть строка состояния, в которой пользователь видел бы текст подсказок и узнавал о текущем состоянии. Допустим, программа может быть в двух состояниях: подключенной к базе данных и не подключенной. В качестве индикатора подключения может выступать какой-нибудь рисунок в любом месте окна, но помимо этого должен быть еще индикатор в строке состояния. Недаром она носит это имя :).
В качестве индикатора в строке состояния лучше всего использовать рисунки. Появление новой надписи не так сильно бросается в глаза, и ее сложнее заметить пользователю. А появление новой картинки - и радость, и информированность.
COMPILE
Я постарался дать некоторые советы по дизайнерскому мышлению исходя из личного опыта программирования. Возможно, что ты сможешь найти что-то более интересное и оригинальное. Только я не устану повторять, что надо тестировать все, что пишешь. Если даже тебе неудобно пользоваться собственным творением, то ушастым юзерам будет еще неудобнее. Такая работа не нужна никому. E
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-x cha |
|
|
|
|
||
|
|
|
|
|
|
|
|
Í |
|
|
|
|
|
|
|
|
|
|
É |
|
|
|
|
|
|
|
|
|
|
À |
|
|
|
|
|
|
|
|
|
|
Ç |
|
|
|
|
|
|
|
|
|
|
È |
|
|
|
|
|
|
|
|
|
|
Ä |
|
|
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
X |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
r |
|
|
|
|
|
|
|
|
|
|
|
|
||
P |
|
|
|
|
|
NOW! |
o |
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
BUY |
|
|
62 |
УДОБСТВО |
БАННЕРНЫЕПРОБЛЕМЫ |
|||||||||||||
|
|
|
|
|
|
|
||||||||||||||||
w Click |
to |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
m |
Каролик Андрей (andrusha@real.xakep.ru) |
|||||||||||||||
|
w |
|
|
|
|
|
|
|
o |
|||||||||||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
. |
|
|
|
|
|
.c |
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
p |
|
|
|
g |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
ÍÉ |
|
|
n |
e |
|
БАННЕРНЫЕ |
|||||||||||||||
|
|
|
df |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
-xcha |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
À |
|
|
|
|
|
|
|
ПРОБЛЕМЫ |
|||||||||||||
|
Ç |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
È |
|
|
|
|
|
|
|
ИНТЕРВЬЮ С БАННЕРМЕЙКЕРОМ |
|||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-x cha |
|
|
|
|
||
Ä
Êогда я был помоложе, я с яростью рвался ко всему новому, а баннеры в этом отношении для меня не были исключением. Ставил Photoshop, аниматор - и вперед. Примеры смотрел в интернете, идеи брал из головы, в итоге
получалось что-то среднее. Но я так и не узнал того, как получаются те баннеры, увидев которые говоришь: "Вот это да!". Об этом и многом другом я узнал у профессионального баннермейкера. У девушки!
|
 |
XS: Êòî òû, ãäå ðàáî- |
|
таешь, какие у тебя |
|
|
||
|
||
|
есть знаковые работы? |
|
|
||
|
||
|
||
|
ÞÞ: Яралова Юлия, |
|
|
||
|
||
|
для своих - "ЮЮ". |
Вполне себе человек и в чем-то даже дизайнер. Работаю арт-директором в "Яндекс-Открытки".
XS: Ты рисуешь только баннеры или совмещаешь эту работу с чем-то еще? Чем вообще занимаешься профессионально?
ÞÞ: Я профессиональный худож- ник-график, дизайнер, верстальщик, веб-дизайнер и иногда проектировщик интерьеров. Стреляю с двух рук по-македонски. Рисую, верстаю, пишу, серфлю в интернете и ленюсь. Свою работу иногда совмещаю с рисованием баннеров.
XS: Как ты пришла к баннермейкерству? Кого можно считать баннермейкером?
ÞÞ: Наверное, таковыми можно считать всех, кто так или иначе занимается дизайном, сталкивается со следующим боевым кличем: "Слушай! А нарисуй нам баннер?!". Вот с этого самого "слушай" и начинается твое личное приключение в создании баннеров. Именно так и началось мое приключение. И продолжается оно до сих пор :). Я не уверена, что можно выделить создателя баннеров в отдельную профессию. По крайней мере, мне не приходит в голову выделять "выдающихся" личностей в этой индустрии. Так или иначе, если ты веб-дизайнер, то обязательно столкнешься с созданием баннеров. Себе, друзьям, заказчику. Конечно, существует определенная специфика такой работы, но, как говорится, это дело наживное.
XS: Можно ли сказать, что баннермейкерство - это отдельное направление дизайна, со своей спецификой и своими нюансами? Или если ты умеешь рисовать, например, сайты или картины, то чтобы делать баннеры, много новых знаний не надо.
ÞÞ: Это то же самое, что разделять рисунки и иллюстрации: вроде бы это разные вещи, но они принадлежат к одному виду. Я бы сравнила "баннермейкерство" с созданием миниатюр. Кропотливая работа, которая получа- ется даже не со второго раза. Если ты художник-монументалист, сразу скажу, что в этом деле тебе будет трудно, потому что баннер размером полтора на восемь метров нарисовать не дадут. Если ты рисуешь сайты - ты будешь в теме. Тебе будет легче понять, что требуется и как соответствовать этим требованиям.
XS: В чем основные трудности баннермейкерства? Небольшие размеры, вес или что-то еще? Как решаются эти проблемы.
ÞÞ: Твой первый заказ. Все так ясно представилось тебе. Ты уже знаешь, что и как. И тут начинается... Сна- чала у тебя не влезает картинка, потом категорически не влезает текст. Потом он влезает, но картинку не видно. Этих "потом" набегают толпы, а ты сидишь в полном ужасе, потому что сделать все надо было, как обычно, вчера :). Вскоре у тебя все начинает получаться, но весит твое творение столько, что веб-мастер хватается за голову и обещает оторвать руки и голову тому, кто сделал ЭТО. Через ка- кое-то время твои картинки перестают весить мегатонны, а шрифт влезает в любое место. Баннеры начинают смотреться органично и привлекательно. Веб-мастер уже не требует твоей крови, а клиенты довольны и счастливы. ПОЗДРАВЛЯЮ!
XS: Расскажи побольше про процесс разработки баннера: что и как, почему и зачем, какие варианты и что выбрать. Ведь не методом тыка делаются баннеры.
ÞÞ: Звонит телефон или "мыло" пришло. Короче говоря, ты получа- ешь ЗАКАЗ. Обычно клиент оговаривает, что он хочет увидеть, но иногда в задании указаны только тема, заголовок или название продукта, то есть что-то вводное. С этими вводными ты
и начинаешь решение ребуса. Что должен содержать баннер? Текст? Изображение? Значки? Стрелочки?
Многое зависит от вводных. Ассоциации укажут направление работы. Будет ли это серьезная работа или баннер, построенный на анекдоте, - это решать тебе. Кстати, иногда баннеры делаются методом тыка и по принципу "а вдруг прокатит?!" :).
XS: Любой баннер - это прежде всего креатив. Но цель как таковая - не креатив, а CTR. Креатив страдает? Как не потерять креативность и повысить CTR? Есть ли собственные рецепты того, как соблюсти эту тонкую грань и не впадать из крайности в крайность?
ÞÞ: Рецепт один - подогнать креатив под CTR. Иначе нам удачи не видать. Бывает обидно, конечно, когда ты придумал супер-креативный баннер, а все в пустую. А соседний жалкий уродец собирает и собирает клики. Что могу посоветовать? Смотри на конкурентов и изобретай свои подходы.
XS: Сейчас столько всевозможных форматов баннеров, что легко запутаться в них. Помоги разобраться, есть ли какая-то классификация форматов. Или получить представление о
ХАКЕРСПЕЦ 01(50) 2005
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
|||
|
|
X |
|
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
|
||
|
F |
|
|
|
|
|
|
t |
|
||
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
|
o |
|||
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
|
w Click |
|
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
видах баннеров можно только стихий- |
||||
|
|
|
|
|
|
.c |
|
||||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
|
df |
|
|
n |
e |
|
|
||
|
|
|
|
-xcha |
|
|
|
|
|
||
но? Расскажи, какие форматы существуют. Какие форматы более популярны и почему?
ÞÞ: Конечно, стандарты существуют. Размеры баннеров: 468х60 pix, 100х100 pix, 88х31 pix, 234х60 pix, 200x300 pix и120x600 pix. Самые распространенные: 468х60 и 100х100. Эти баннеры ты видишь и в новостных лентах, и на частных сайтах. Стандартные размеры часто используются для решения стандартных задач: новости, реклама сайта, "не проходите мимо".
XS: Анимация или статика? Как правильно решить этот болезненный вопрос? Всегда ли анимация оправдана и когда нужна только статика?
ÞÞ: Конечно, мигающий и переливающийся всеми цветами радуги баннер быстрее привлечет к себе внимание. И поэтому большинство баннеров в сети - анимированы. Но бывают иногда случаи, когда анимация только вредит проекту. Редко, но бывает. Я знаю несколько примеров очень красивых статичных баннеров (например, рекламные баннеры для "МТС" от студии Арт. Лебедева). Все зависит от поставленной задачи и от стилистики того места, о котором говорится в рекламе или к которому ты хочешь привлечь внимание баннером.
XS: Flash-баннеры, Rich-баннеры - что это? За ними ли будущее?
ÞÞ: Будущее наступает очень быстро. Современные технологии постоянно развиваются, изменяя привычные "можно" и "нельзя". То, что пять лет назад казалось невозможным, сейчас воспринимается как устаревшее. В 1996 году анимационный баннер воспринимался как своего рода плод революции. Сейчас Rich- и Flash-баннер - совершенно обычная и широко распространенная практика. Flash-баннер - баннер с высоким уровнем анимации и возможностью программирования.
Rich-баннер - появляющийся в прозрачном слое поверх контента сайта, не заметить который невозможно. Даже пользовательское "закрыть баннер" все равно можно считать достаточно эффективным контактом. Формат дает большой простор для креатива. Очень хорошо подходит для адаптации офлайновой рекламы к интернету. Не привязан к конкретному рекламному месту. Сильно раздражает пользователей Сети, так как всегда появляется там, где не надо, и в самый неподходящий момент :).
XS: В рекламе на TV и в прессе иногда применяется интересный подход - недосказанность с продолжением.
Сегодня тебе показали штаны, а завтра рассказали, зачем их показали и что вообще рекламировали. Практикуется ли подобное в баннерной рекламе? Или в баннермейкерстве всегда лобовые рекламные акции "без продолжения"?
ÞÞ: Такие рекламные серии существуют и в интернете. Рекламная кампания "МТС-Джинс" служит тому наглядным примером. Другое дело, что в интернете это не так распространено, как на TV или на городских билл-бор- дах. Объяснение этому - специфика интернета. Сегодня ты пришел на некую страницу, увидел первый (из серии) баннер. Совершенно не факт, что завтра ты придешь на эту страницу еще раз, а послезавтра еще. Таким образом, многосерийность баннеров ограничена характером ресурса. Если это крупный интернет-портал, на который ежедневно заходят миллионы людей (Yandex, Rambler, Lenta.ru) и на следующий день возвращаются снова и снова, такой маневр оправдан. Если это ресурс Васи Пупкина, то, скорее всего, такая затея будет провальной.
XS: Где ты и твои коллеги черпают новые идеи? Несомненно, все дизайнеры делают чем-то похожие работы, а иногда просто исчерпывают собственные идеи. Повторять - не для профессионала. Что делать? Как разбудить свою фантазию?
ÞÞ: Что касается меня, идеи приходят в голову в момент получения заказа. Иногда, правда, бывает ступор. Глаз "замыливается", на тебя что-то находит, и ты просто не можешь ниче- го придумать. В таком случае я просто отвлекаюсь, переключаюсь на что-ни- будь другое. 15-минутный перерыв не станет трагедией для напряженной рабочей жизни, но поможет отдохнуть и взглянуть на все новыми глазами. Разбудить фантазию может все что угодно: рассказанный другом анекдот, случайно увиденная бытовая "сцена" на улице, фотоальбомы, книги по современному искусству, - миллион всего.
|
|
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
|
|
X |
|
|
|
|
|
|||
|
|
|
- |
|
|
|
|
|
d |
|
||
|
|
|
F |
|
|
|
|
|
|
t |
|
|
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
r |
||
|
|
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
|
|
to |
|
|
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
|
|||||
|
|
w |
|
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
|
|
-x cha |
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-xcha |
|
|
|
|
||
|
Í |
|
|
|
|
|
|
|
||
|
É |
|
|
|
|
|
|
|
||
|
À |
|
|
|
|
|
|
|
||
|
Ç |
|
|
|
|
|
|
|
||
|
È |
|
|
|
|
|
|
|
||
|
Ä |
|
|
|
|
|
|
|
||
64 УДОБСТВО БАННЕРНЫЕПРОБЛЕМЫ
XS: Рабочее место баннермейкера такое же компактное, как и баннер :)? Опиши, как ты работаешь: рабочее место, рабочий график и т.п.
ÞÞ: Мое рабочее место у меня всегда выглядит по-разному. Это может быть идеальный порядок, а через три минуты - эпицентр ядерного взрыва. И оно отнюдь не так компактно, как баннер. Попробуй разместить несколько десятков компакт-дисков, планшет, чашки, ручки, стойки, наушники в одном маленьком и компактном месте. Если только в мусорном контейнере :). Мой рабочий график - с девяти часов утра и до шести часов вечера (если нет никаких авралов). Если же ты находишься в цейтноте, то рабочий график просто перестает существовать до особого распоряжения. Бывает так, что ты приходишь с работы домой только утром.
XS: Какой софт ты используешь и для чего? Существует столько различных программ, которые якобы помогают автоматизировать создание баннеров. Реально ли они помогают? Если да, то какие и каким образом? ÞÞ: Я не сильно доверяю програм-
мам, которые работают "за тебя". Обычно мои инструменты - это карандаш (наброски, эскизы будущего баннера), Photoshop, Illustrator, FlashMX и Adobe Image Ready. В Photoshop я рисую скелет (если это растровый и рисованый баннер), потом анимирую (если это нужно) с помощью Adobe Image Ready. Если это Flash-баннер, то, соответственно, Illustrator и FlashMX.
XS: Есть ли собственные фирменные рецепты того, как упростить и ускорить разработку собственных баннеров? Построить, так сказать, собственный конвейер для штамповки прекрасных баннеров.
ÞÞ: Мне кажется, слова "прекрасный" и "штамповка" плохо сочетаются. "Удачный" и "штамповка" - сочетаются лучше. Твой удачный баннер не может быть вечным коньком, нельзя постоянно использовать одни и те же приемы - это приедается. Надо все время что-то изобретать, придумывать. Мой фирменный рецепт - ничего не бывает просто. За простотой кроется тяжелый труд.
XS: Есть ли специальные номинации для баннермейкеров и оценки их работы? То есть, существуют ли какиенибудь конкурсы с победителями и призами.
ÞÞ: Конечно. В интернете постоянно проводятся такие конкурсы со своими признаниями и призами. Бывает так, что фирма, которой нужен баннер, сама устраивает такой конкурстендер. В интернете, как в Греции, есть все. Надо только уметь находить. Кстати, такие конкурсы - лучшая нива для того, чтобы поднять свой профес-
сиональный уровень и найти новых клиентов.
XS: Создается впечатление, что баннеры рисует каждый первый веб-ди- зайнер. Это негативная практика? И можно ли оценить способности баннермейкера по тем работам в дизайне, которые напрямую с баннерами не связаны.
ÞÞ: Все веб-дизайнеры рисуют, рисовали и будут рисовать баннеры. Все так или иначе сталкивались с этим. Я не вижу в этом ничего вредного. Каждый художник помимо "нетленного"
рисует и на заказ - чтобы прожить. Это кому-то вредит? По-моему, нет. Мы не можем оценить способности человека, мы можем только получить впечатление от его работ. Иногда работы одного человека в разных областях различаются просто кардинально. Поэтому я считаю, что в первую очередь нужно учитывать свое впечатление от конкретной работы.
XS: Каковы цены на баннеры? Как происходит ценообразование? Как вообще оценить интеллектуальные затраты? Есть ли какой-то рынок, определяющий цены на баннеры, или это определяет только случай?
ÞÞ: Про цены я говорить не буду, это интимная тема. Есть какие-то общепринятые тарифы, есть вариации. "Денежные" разговоры мне кажутся неэтичными. Мы же не обсуждаем то, в пижаме какой расцветки я люблю пить чай у себя на кухне?!
XS: Кому и зачем нужны баннеры? Когда без баннеров обойтись нельзя? ÞÞ: Тут можно широко улыбнуться в камеру и сказать - баннеры нужны
всем :). Без баннеров нельзя обойтись в рекламной кампании любого продукта. Очень сложно без баннеров в новостной сети. Без баннеров невозможны сайты торговых компаний. Баннеры - та же реклама, которая окружает нас повсюду.
XS: Перечисли наиболее популярные ошибки и ляпсусы баннермейкеров. То есть расскажи о том, на что надо обращать внимание в первую очередь.
ÞÞ: Орфография. Почему-то в первую очередь страдает именно она. Ты настолько сосредотачиваешься на картинке, чтобы все было хорошо, красиво, аккуратно. А про то, как пишется слово, вспоминаешь лишь тогда, когда тебе звонит разъяренный клиент, который прочел ТО, ЧТО ты написал на его баннере.
XS: Баннермейкеры - тоже люди. Были ли "баннерские" приколы на твоей памяти?
ÞÞ: Баннер для сайта мобильных знакомств. Первая мысль - включить в него символы мужского и женского начала. Понеслась работа. С женским
|
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
||||
|
- |
|
|
|
|
|
d |
|
|||
|
F |
|
|
|
|
|
|
t |
|
||
|
D |
|
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
|
to |
|
|
|
|
|
|
|
|
|
Click |
|
|
|
|
|
|
||
w |
|
|
|
|
|
|
m |
||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
||
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
|
-x cha |
|
|
|
|
||
символом я разобралась очень быстро - кружочек с крестиком внизу. С мужским - ступор. Никак не могу вспомнить, в какую сторону наклонена стрелка :). Сидевший рядом коллега очень тактично меня поправляет и наставляет: "Стрелка радиусом на 45 градусов. Радиусом, радиусом. Юля, ты геометрию изучала? Хорошо, пойдем простым путем - ты когда-нибудь видела возбужденного мужчину?". И тут у меня все нарисовалось :).
XS: А что труднее всего в общении с заказчиком? Можешь ли указать, когда обычно возникают проблемы и непонимание? Есть ли у тебя опыт успешного разрешения конфликтов?
ÞÞ: Основная (не побоюсь в этот раз говорить от лица всех) наша проблема - в дизайне разбираются ВСЕ. Никто же не говорит сантехнику: "Слышь, мужик, ты как вантуз держишь, это ж, блин, не профессионально. Я б на твоем месте сделал так и так!". Зато сплошь и рядом: "Я вот эту полосочку вижу в звездах, переливающейся и справа". И иногда это раздражает. Особенно бывает обидно когда тебе говорят: "Да чего тут слож- ного-то? Нарисовал - и свободен". Это, как говорится, наболело. Конеч- но, в нашей среде тоже не без людей с комплексами "непризнанного гения", но их меньше. Иногда сложнее всего - промолчать. Иногда - послушать заказчика, понять, что он хочет от тебя :).
XS: Клиент всегда прав? Если тебя просят сделать что-то определенное, но тебе это не нравится как дизайнеру, будешь ли ты выполнять этот заказ? Или профессионал должен угождать любым капризам клиента?
ÞÞ: Где-то в интернете лежит текст, в котором сравнивается работа проститутки и дизайнера. В конце автор ставит такой вопрос: "Так кто ты? Дизайнер или проститутка?" Наша профессия действительно подразумевает энное количество прогибов под
ХАКЕРСПЕЦ 01(50) 2005
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
|||
|
|
X |
|
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
|
||
|
F |
|
|
|
|
|
|
t |
|
||
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
|
o |
|||
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
|
w Click |
|
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
клиента. Конечно, есть какие-то мо- |
||||
|
|
|
|
|
|
.c |
|
||||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
|
df |
|
|
n |
e |
|
|
||
|
|
|
|
-xcha |
|
|
|
|
|
||
рально-этические нормы и внутренние барьеры, через которые я не переступлю. На самом деле, нужно как можно больше разговаривать с клиентом. Он, во-первых, очень это любит, поскольку начинает чувствовать себя мегаэкспертом в вопросах дизайна :). А во-вторых, в разговоре ты можешь ненавязчиво скорректировать точку зрения заказчика на ту или иную проблему, да еще потом и выдать твое мнение за его. Клиент в таких случаях обычно приходит в состояние восторга и экстаза. А нам только этого и надо!? Но иногда встречаются тяжкие случаи, которые как раз вписываются в поговорку "клиент всегда прав, пока жив" :). И тогда, если ты понимаешь, что игра не стоит свеч, прислушайся к нему и сделай все так, как он хочет. Каким бы идиотизмом это ни отдавало. У меня был такой случай. Для баннера, все изображения которого были плоскими, клиент непременно хотел эффект объемности. Все уговоры и примеры натыкались на упорное "я так вижу". Баннер выглядел совершенно чудовищно. Клиент получил эффект объемности и был рад ему, как новому Мерседесу под окном на халяву. Слушай клиента, смотри на него, оценивай. Через ка- кое-то время ты будешь хорошо разбираться в психологии :).
XS: Что бывает чаще и удобнее для дизайнера? Когда клиент по максимуму описывает то, что ему нужно, а ты все выполняешь? Или когда клиент описывает предназначение баннера, а ты сама описываешь ему свои задумки?
ÞÞ: Я предпочту несколько вариантов. Как многоходовую комбинацию. Очень хорошо, когда тебе расписыва-
ют все до последнего пикселя. Это замечательно. Но иногда у тебя в голове сразу складывается мнение о том, КАК должен выглядеть баннер. И дальнейшие комментарии, как говорится, излишни. Все это как живой организм, который дышит и шевелится. Никогда не знаешь, каким боком он повернется к тебе в следующий миг.
XS: Хорошо, когда баннер сделан и клиент писает кипятком от удовольствия. Куда хуже ситуация, когда уже сделан энный по счету баннер, а клиент все еще недоволен. Отказ - это выход в такой ситуации? Какие скользкие моменты вообще могут возникнуть и как их решают?
ÞÞ: Дизайн - скользкое дело. И каждый макет - это отдельная кризисная ситуация, к сожалению, почти что всегда. В особо тяжелых случаях предпочтительнее оговаривать коли- чество вариантов баннеров, которые ты будешь представлять для выборки основного варианта. Иногда клиент почему-то решает, что ты будешь выкладывать новые и новые варианты баннера до бесконечности. Именно в таких случаях договор, подписанный обеими сторонами, - единственный выход из сложившейся ситуации. Что касается меня, я упрямая :). Если я вижу цель, которая никак не дается, это только раззадорит меня. И в кон- це-концов клиент получит желаемое. Даже если это будет абсурд.
XS: Насколько популярно заимствование идей и как обстоят дела с плагиатом в баннермейкерстве? Где берутся иллюстрации и текстовка, если клиент ничего не дал, кроме пожеланий?
ÞÞ: Плагиат на просторах интернета цветет пышным цветом. Мне очень
Но иногда встречаются тяжкие случаи, которые как раз вписываются в поговорку "клиент всегда прав, пока жив" :).
65
часто приходится сталкиваться с этим. Поскольку я веду проект "Ян- декс-Открытки", постоянно вылавливаю наши открытки и карикатуры на баннерах. И это не радует. Я понимаю только отношение наподобие: "Здравствуйте, меня зовут Коля Иванов. Я бы хотел использовать вашу картинку в таких-то и таких-то целях. Возможно ли это?!". И вопрос снят с повестки дня. Все тихо, мило и интеллигентно. Пользуясь моментом, хочу передать привет паре-тройке Интернет- "изданий", которые являются нашими "постоянными клиентами" и воруют у нас не первый год. Привет, ребята! Опять-таки существуют миллионы ус- ловно-бесплатных или за очень небольшие деньги клипартов (сборники картинок) по любой волнующей коголибо теме. Накупи их и радуйся жизни совершенно законно.
XS: По дизайну всего хватает - книг, статей и т.п. Есть ли что-то подобное именно на тему баннеров и баннермейкерства? Или все передается "из рук в руки" и после приобретения горького опыта?
ÞÞ: Я мало знаю людей, которые изучали "дизайн" по книжкам. На своем опыте могу сказать, что ни одна книжка не даст того, что дает собственный опыт и обнаруженные ошибки. Надо смотреть чужие работы и делать свои. Со временем все станет получаться. И может быть, через какое-то время ты станешь великим баннероваятелем :).
XS: Существуют ли какие-нибудь коммьюнити баннермейкеров? Какие ресурсы можно посоветовать тем, кто хочет сам рисовать баннеры?
ÞÞ: Если честно, то специализированные на баннерах коммьюнити мне просто неизвестны - можете кинуть в меня одним помидором :). Но есть множество сообществ дизайнеров, в которых всегда ответят на вопросы. Например, forum.rudtp.ru èëè forum.ruboard.com/forum.cgi?forum=4. Нужно только найти и смело задать свои вопросы. E
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
|||
|
|
X |
|
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
|
||
|
F |
|
|
|
|
|
|
t |
|
||
|
D |
|
|
|
|
|
|
|
i |
r |
|
P |
|
|
|
|
|
NOW! |
o |
||||
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
|
w Click |
|
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
|
. |
|
|
|
|
|
.c |
|
|||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
|
df |
|
|
n |
e |
|
|
||
|
|
|
|
-x cha |
|
|
|
|
|
||
|
|
|
|
|
|
|
|
Í |
|
|
|
|
|
|
|
|
|
|
|
É |
|
|
|
|
|
|
|
|
|
|
|
À |
|
|
|
|
|
|
|
|
|
|
|
Ç |
|
|
|
|
|
|
|
|
|
|
|
È |
|
|
|
|
|
|
|
|
|
|
|
Ä |
|
|
|
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-xcha |
|
|
|
|
||
66 УДОБСТВО ЗАЩИТАГРАФИЧЕСКИХИЗОБРАЖЕНИЙ
Woz3qK (woz3qk@mail.ru), ICQ 7144714
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-x cha |
|
|
|
|
||
Ç À É Í
ЗАЩИТА ГРАФИЧЕСКИХ ИЗОБРАЖЕНИЙ
Ä È
ЧЕМ ЗАЩИТИТЬСЯ ОТ КРАЖИ ПРОДУКТА
Âдревности люди были мало озабочены воровством графических изображений. Отдельных хитрецов, отливавших фальшивые монеты, ловили и поили жидким золотом в целях профилактики, поэтому и пиратов было мало. С
приходом цифровой эры все изменилось.
|
 |
опрос проблемы защи- |
|
ты авторских прав на |
|
|
||
|
||
|
изображения сейчас |
|
|
||
|
||
|
||
|
стоит очень остро: на- |
|
|
||
|
||
|
рисованное тобой и |
выложенное в интернете может показаться кому-то очень похожим на его собственность :). Как же "застолбить" свои права на картинку и доказать, что это плод именно твоих многочасовых трудов?
СТЕГАНОГРАФИЯ
Под этим термином понимается сокрытие одной цифровой информации в другой. В нашем случае графи- ческое изображение содержит другую информацию (например, текст). Если немного изменить тон пикселя, человеческий глаз ничего не заметит, но изображение будет модифицировано. На этом принципе и основывается стеганография. Таким методом защищать данные можно и в звуковых,
èв видеофайлах. Подобная система весьма оригинальна, потому что едва ли кто-то будет проверять каждую картинку на наличие в ней шифра, определить наличие которого не всегда возможно (в интернете есть оупенсорсовые стеганографы, в том числе
èна Delphi, – качай, модифицируй, и никто не заподозрит, что изображение подписано, ты же не будешь встраивать в него никаких сигнатур ;),
Обычное изображение
а простые изменения младших бит еще попробуй пойми без знаний алгоритма ;) – прим. Dr.). Хорошие программы, предназначенные для защиты графических и звуковых файлов, делают свое дело настолько четко, что результат практически не заметен. Приблизительно десятая часть размера картинки - столько информации можно зашифровать.
Расшифровка информации, скрытой в таком файле, возможна (а иначе за- чем тогда ее шифровать?) – проблема лишь в том, что для расшифровки программе (которой файл был зашифрован) нужно ввести ключ. Чаще всего применяются алгоритмы шифрования MDC, DES, triple-DES, IDEA, RSA и т.д.
Естественно, стеганографию применяют и для защиты авторских прав: зашифрованная в украденном .jpeg’е
фраза "Данное изображение украдено у Иванова Ивана" может много че- го сказать :).
АВТОРСКИЕ ПРАВА И "ВОДЯНЫЕ ЗНАКИ"
Водяные знаки впервые стали применять для защиты от подделок денежных купюр. Мы же поговорим о "водяных знаках" в цифровом мире, в котором борьба за авторские права намного сложнее.
Если защищенный с помощью водяного знака продукт был присвоен злодеем, то с последним можно смело на- чинать судиться, а в качестве улики предъявить копирайты, проставленные на краденом продукте.
Для этого существуют специальные программы. Некоторые из них являются плагинами для графических пакетов
ВЗЛОМАТЬ МОЖНО ВСЕ
Недавно группа математиков и криптографов из университетов городов Принстон и Райс (США) и лаборатории PARC компании Xerox объявила об успешном "взломе" аудиокомпозиций, защищенных с помощью технологии SDMI.
Музыка, защищенная SDMI, содержала в себе "водяные знаки", но усилиями группы были удалены все метки в композиции. Удалить метки было не так сложно, гораздо сложнее - сохранить качество звука. С этой задачей они справились отлично - разницы в звуча- нии замечено не было.
Для оценки своего метода упомянутая группа ученых разработала тест, с помощью которого определяют, не внесла ли чистка в аудиокомпозиции искажений больше, нежели сами цифровые водяные знаки. По словам авторов технологии, реализовать ее в виде подключаемого модуля для любого программного аудиоплейера не составит никакого труда. Интересно, что исследователи не считают бесполезной идею цифровых водяных знаков, - им просто не импонируют цели и методы альянса SDMI.
Если немного изменить тон пикселя, человеческий глаз ничего не заметит, но изображение будет модифицировано.
ХАКЕРСПЕЦ 01(50) 2005
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
||||
|
|
X |
|
|
|
|
|
|
||||
|
- |
|
|
|
|
|
d |
|
|
|||
|
F |
|
|
|
|
|
|
|
t |
|
|
|
|
D |
|
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
r |
|
||
P |
|
|
|
|
|
NOW! |
o |
|
||||
|
|
|
|
|
|
|
|
|||||
|
|
|
|
|
BUY |
|
|
|
||||
|
|
|
|
to |
|
|
|
|
|
|
|
|
w Click |
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
m |
|
||||
w |
|
|
|
|
|
|
|
|
|
|
|
|
|
w |
|
df-xchan |
|
|
o |
|
ГОВОРИТ И ПОКАЗЫВАЕТ УК РФ |
||||
|
. |
|
.c |
|
||||||||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
|
|
|
|
|
|
|
e |
|
|
||
Ст. 146. Нарушение авторских и смежных прав
1.Присвоение авторства (плагиат), если это деяние причинило крупный ущерб автору или иному правообладателю, - наказывается штрафом в размере до двухсот тысяч рублей или в размере заработной платы или иного дохода осужденного за период до восемнадцати месяцев, либо обязательными работами на срок от ста восьмидесяти до двухсот сорока часов, либо арестом на срок от трех до шести месяцев.
2.Незаконное использование объектов авторского права или смежных прав, а равно приобретение, хранение, перевозка контрафактных экземпляров произведений или фонограмм в целях сбыта, совершенные в крупном размере, - наказываются штрафом в размере до двухсот тысяч рублей или в размере заработной платы или иного дохода осужденного за период до восемнадцати месяцев, либо обязательными работами на срок от ста восьмидесяти до двухсот сорока часов, либо лишением свободы на срок до двух лет.
Ст. 6. Объект авторского права. Общие положения
1.Авторское право распространяется на произведения науки, литературы и искусства, являющиеся результатом творческой деятельности, независимо от назначения и достоинства произведения, а также от способа его выражения.
2.Авторское право распространяется как на обнародованные произведения, так и на необнародованные произведения, звукоили видеозаписи (механической, магнитной, цифровой, оптической и так далее), изображения (рисунок, эскиз, картина, план, чертеж, ки- но-, теле-, видеоили фотокадр и так далее);
...
4.Авторское право не распространяется на идеи, методы, процес-
сы, системы, способы, концепции, принципы, открытия, факты.
Существуюттакжепродуктыдлямассового поискаграфическихизображений,защищенных водянымизнакамииразмещенныхвинтернете.
(Photoshop, CorelDraw), есть и незави- |
ных графических пакетов в виде пла- |
|
симые продукты. Ссылки на конкрет- |
гинов. Для вставки водяного знака в |
|
ных представителей смотри во врезке. |
изображение (например, в Photoshop) |
|
Пожалуй, наилучшей из них являет- |
выбираем пункт меню Filter->Digimarc-> |
|
ся программа PictureMarc – продукт |
Embed Watermark. В демо-версии дос- |
|
компании Digimarc. PictureMarc пос- |
тупен только ввод года, а для осталь- |
|
тавляется для большинства извест- |
ного надо задать ID-номер создателя, |
|
|
|
|
|
|
|
67
предостовляемый только после регистрации на сайте производителя, при которой юзер автоматически становится участником системы поиска копирайтов в интернете (об этом - ниже). Для того чтобы прочитать водяной знак, идем сюда: Filter->Digimarc-> Read Watermark. Эта утилита эффективна для применения в разных компаниях, а для обычного пользователя, который экономит свои деньги, подойдут другие решения, например - Eikonamark (Alpha Tec LTD). Демо-вер- сии вполне достаточно для рядового пользователя. В программе есть два режима работы: чтение и задание водяного знака для одного файла (Open) и операции над группами файлов (Batch). Программа работает с двумя типами водяных знаков: видимые (Visible) и невидимые (Invisible). Для видимых знаков задается специальная позиция на картинке. Знаком может быть как текст, так и изображение. Добавлять можно только метку о том, что этот файл содержит водзнак (Zero Bit Watermark), вставлять binary logo, (Binary Logo Scrambling) и текст (Multibit Watermark). Для работы с большим количеством файлов стоит воспользоваться режимом Batch. На врезке со ссылками можно найти большой список программ и выбрать себе самую вкусную защиту от воровства в интернете :).
Как же создается водяной знак? Это дело непростое, и плохая защита сведет на нет все усилия. Например, сообщение, которое требуется защитить, шифруется определенным клю- чем (часто этот ключ задает пользователь). Потом вносятся изменения в значения пикселей, изображение разбивается на блоки с последующим преобразованием Фурье. При этом информация, используемая для идентификации материала, маскируется деталями изображения, выполняющими функции создания "шума". Чем больше деталей содержит изображение, тем плотнее будут вкрапленные в него идентификационные коды.
Существуют также продукты для массового поиска графических изображений, защищенных водяными знаками и »
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-x cha |
|
|
|
|
||
|
|
|
|
|
|
|
|
Í |
|
|
|
|
|
|
|
|
|
|
É |
|
|
|
|
|
|
|
|
|
|
À |
|
|
|
|
|
|
|
|
|
|
Ç |
|
|
|
|
|
|
|
|
|
|
È |
|
|
|
|
|
|
|
|
|
|
Ä |
|
|
Программа PixelTag (www.media.mit. edu) может стать альтернативой PictureMark.
Профессионально изготовленный водяной знак почти невозможно вытравить без потери качества.
|
|
|
Здесь я добавил водяной знак |
|
Даже с таким искажением водяной знак определяется |
|
|
|
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|||
|
|
X |
|
|
|
|
|
|||
|
- |
|
|
|
|
|
d |
|
||
|
F |
|
|
|
|
|
|
t |
|
|
|
D |
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
r |
||
P |
|
|
|
|
|
NOW! |
o |
|||
|
|
|
|
|
|
|
||||
|
|
|
|
|
BUY |
|
|
|||
|
|
|
|
to |
|
|
|
|
|
|
w Click |
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|||||
w |
|
|
|
|
|
|
|
|
|
|
|
w |
|
|
|
|
|
|
|
o |
|
|
. |
|
|
|
|
|
.c |
|
||
|
|
p |
|
|
|
|
g |
|
|
|
|
|
|
df |
|
|
n |
e |
|
||
|
|
|
|
-xcha |
|
|
|
|
||
|
Í |
|
|
|
|
|
|
|
||
|
É |
|
|
|
|
|
|
|
||
|
À |
|
|
|
|
|
|
|
||
|
Ç |
|
|
|
|
|
|
|
||
|
È |
|
|
|
|
|
|
|
||
|
Ä |
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
hang |
e |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
C |
|
E |
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
X |
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- |
|
|
|
|
|
d |
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
F |
|
|
|
|
|
|
|
t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
D |
|
|
|
|
|
|
|
|
i |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
r |
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
P |
|
|
|
|
|
NOW! |
o |
||||
68 |
УДОБСТВО |
ЗАЩИТАГРАФИЧЕСКИХИЗОБРАЖЕНИЙ |
|
|
|
|
|
BUY |
|
|
|||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
w Click |
to |
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
m |
||||
|
|
|
|
|
|
|
|
|
|
|
|
S O F T |
|
w |
|
|
|
|
|
|
|
|
|
|
|
размещенных в интернете. Эта техноло- |
|
|
w |
|
|
|
|
|
|
|
|
o |
|
||||||||||||
|
|
|
. |
|
|
|
|
|
e |
|
|||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
p |
df |
|
|
|
g |
.c |
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
n |
|
|
|
|
||
гия впервые была разработана компа- |
|
|
|
|
|
|
-x cha |
|
|
|
|
|
|||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
нией Digimarc. Для разоблачения похи- |
PictureMarc |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
тителей интеллектуальной собствен- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
www.digimarc.com |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
ности в интернете эта компания разра- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
Продукт компании DigiMarc. Создает цифровые водяные знаки |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
ботала поискового робота MarcSpider, |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
который разыскивает изображения с |
для защиты графических изображений. Представляет собой мо- |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
"водяными" знаками в Сети. Техноло- |
дуль (plug-in) для основных графических пакетов, таких как |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
гия Digimarc сейчас применяется во |
Adobe Photoshop и CorelDraw (не менее 256х256 пикселей). Наи- |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
многих компаниях, занимающихся про- |
более продвинутая в маркетинговом отношении технология, поз- |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
дажей изображений, среди них Getty |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
воляющая осуществлять множество действий с изображениями, |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
Images, FPG и Index Stock. Поиск осущес- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
имеющими водяные знаки. Удаление однажды поставленной мет- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
твляется с постепенным расширением |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
ки невозможно. |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
его области: при обнаружении на опре- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
деленном сайте подозрительных ссылок |
На сайте можно найти и информацию о роботе, который ищет |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
программа начинает проверку самого |
изображения с водяными знаками (MarcSpider). |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
сайта. Единственная проблема, как я |
DropWaterMark |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
уже отмечал, в том, что обнаружение |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
факта кражи изображения возможно |
www.lajdesignsw.com/DWM.html |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
только в том случае, если осуществив- |
DropWaterMark – утилита, предназначенная для вставки прозрач- |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
ший ее - зарегистрированный участник |
ных иконок и логотипов ("водяных знаков’’) в изображения. |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
системы. Только в таком случае робот |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
DropWaterMark имеет четыре базовых режима: замена изображе- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
будет искать в изображениях нужные |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
ния и вставка нового, замена папки изображений и создание но- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
нам копирайты и при их обнаружении |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
вой. В первом режиме выбранное изображение заменяется на ос- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
сообщать куда следует. |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
Защита, применяющая "водяные" |
нащенное водяными знаками. Во втором режиме можно сохранить |
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
знаки, основывается на невозможнос- |
защищенное изображение в новом месте. В третьем и четвертом |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
ти удаления такой метки. Вернее, уда- |
режимах те же операции выполняются для папок. |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
лить ее можно, но качество изобра- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
жения (для звуковых файлов - звуча- |
CryptoLope |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
ния) резко снизится после этого и |
www.research.ibm.com/imageapps/watermark.html |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
продукт совершенно потеряет свой |
Первая распределенная технология, которая обеспечивает базо- |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
товарный вид. И то же самое – с эф- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
вые компоненты для обеспечения безопасности цифрового кон- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
фектом "шума". Даже с появлением |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
тента, их защиты, управления ими, а также их доставки, отслежи- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
значительных изменений и искаже- |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
вания и продажи в среде интернета с помощью средств Java. |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
ний в изображении знак остается на |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
своем месте – хоть и не полностью, но |
Цифровое содержание может быть любого вида: от простых текс- |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
восстановить его можно. И тут прихо- |
тов до видео. |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
дит на помощь возможность разби- |
EikonaMark |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
вать изображения на блоки. Испортил |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||
один блок - а другие остались. E |
www.alphatecltd.com |
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
Система трансформирует идентификационный номер владельца |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
авторского права в невидимую цифровую метку и вставляет ее в |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
тело изображения. Водяной знак легко обнаружить без дополни- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
тельного поиска в базе данных. |
|
|
|
|
|
|
|
|
|
|
|
|
|
Копирайт успешно найден!
А теперь - создадим копирайт
Suresign www.signumtech.com
Программа встраивает скрытую информацию об авторском праве и порядке использования цифровых данных. Система основана на технологии цифровой стеганографии. Скрытая информация встраивается в передаваемый цифровой поток данных (графику, аудио- и видеофайлы).
Argent www.digital-watermark.com
Система предназначена для обеспечения мощного и интеллектуального средства защиты авторских прав при распространении продукции в Cетях и на других цифровых носителях, разработана для издателей мультимедиа. Используется трехканальная технология внедрения "водяного" знака в объект защиты.
Лазурь www.novocom.ru
А это программа от русских разработчиков. Производит анализ и обработку речевых сигналов. Ставит в речевом сигнале "водяные" знаки, которые идентифицируют говорящего.
www.tucofs.com/tucofs/tucofs.asp?mode=filelist&catid=29&oskey=5 Здесь находится целая подборка софта для линуксоидов.
ХАКЕРСПЕЦ 01(50) 2005