Ваш первый flash-баннер

Author
Анна Петрова
Senior UX Designer @ TechCorp

Новости
4.4 / 5 (71 оценок)



Баннер немыслим без возможности перехода на сайт при щелчке на нем мышью, в противном случае это уже не баннер, а обыкновенный Flash-ролик. За обработку нажатий во Flash отвечают символы-кнопки с присвоенными им фрагментами кода на ActionScript.

Создание кнопки мало отличается от создания Movie-клипа: InsertёNew Symbol [Ctrl+F8] (тип символа – Button). Основная особенность кнопки состоит в том, что ее Timeline используется нестандартно. Она содержит всего четыре кадра, никак не связанных с последовательностью анимации. В кадре Up представлено обычное состояние кнопки, в кадре Over – вид, когда над ней находится курсор мыши, Down – нажатая кнопка и Hit – область реагирования.

· Нарисуйте прямоугольник в первом кадре кнопки, равный по размерам всему баннеру и имеющий цвет фона. Размеры можно проконтролировать на панели Info, вызываемой кнопкой в правом нижнем углу окна с изображением квадрата и координатных стрелок, или через меню: Window Panels Info [Ctrl+Alt+I].

· Перейдите на второй фрейм – Over, вставьте ключевой кадр [F6]. Измените цвет прямоугольника, выделив его и выбрав цвет заливки Fill.

· Установите область реагирования кнопки во фрейме – Hit, просто вставив еще один кадр [F5] для данного фрейма.

· Вернитесь на основную сцену, создайте новый слой и разместите в нем кнопку, совместив ее с границами баннера.

Теперь необходимо заставить кнопку открывать необходимый сайт. Для этого нам надо научиться присваивать объектам сценарий на ActionScript:

· Выделите кнопку и откройте панель Object Action, нажав в нижнем правом углу кнопку с изображением голубой стрелки или выбрав в меню Window Actions [Ctrl+Alt+A].


Предыдущая   -    Страница: 8 из 10    -   Следующая

Навигация: 1  2  3  4  5  6  7  8  9  10  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю