Google Web Designer

Баннеры и эмблемы

Содержание сайта

Разное

Баннеры и эмблемы

Обзор л.3

Google Web Designer

На рисунке - Google Web Designer v 1.1 beta (2014 г). Интерфейс и справка - на русском языке.
Работает в системах  Windows 7, 8, 10, Max OX 10.7 и более старших версиях.

Последние версии:

Первоначально программа Google Web Designer планировалась как веб-редактор.
В последних версиях авторы представляют ее как программы по созданию рекламы в формате видео, изображений и HTML5.
В Google решили создать новую программу для создания анимированных баннеров, используя HTML5 - в этом качестве и нужно использовать программу.
Для создания многостраничных сайтов программа Google Web Designer  v 1.1 beta мало приспособлена.

При первом взгляде на Google Web Designer он напоминает не веб-редактор, а программы по созданию мультипликации или спец. программы по созданию баннеров см. Мультипликация, Баннеры.
При втором и последующих взглядах это впечатление только укрепляется.
Баннеры формата HTML5 могут быть особо полезны для использования в мобильных телефонах как альтернатива Flash-баннерам.

Как и другие программы подобного назначения, Google Web Designer имеет некоторые инструменты векторного рисования по созданию прямоугольников, эллипсов, линий. Имеется инструмент "перо", который может рисовать линии Безье. Имеется функция заполнения объектов цветом, градиентом, изображением. Используется прозрачность, в том числе анимацию можео создать на прозрачном фоне.
Объекты можно перемещать по странице, изменять из размеры, выравнивать, перемещать по слоям и пр.
К странице можно добавить текст.
Имеется функция вращения объектов или всей рабочей области по всем трем осям - X, Y, Z.
Путям перемещения объектов (векторным кривым) можно придать любую форму.
Технология CSS3 позволяет создавать и использовать даже 3D-объекты. Объекты и плоские изображения можно вращать вокруг любой из трех осей координат и таким образом создавать 3D-анимацию.

Имеется Упрощенный режим для создания рекламных объявлений без применения сложных инструментов. В этом режиме быстро настраивается текст, цвета и объекты шаблона.

С редактором идут некоторые заранее созданные компоненты - интерактивная область, кнопка вызова, перелистываемая галерея, круговая галерея, панорамная галерея, видео YouTube, рамки iFrame, карта и др.

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

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

Дизайн и разработка. Имеются все необходимые инструменты для создания объявлений, в том числе возможность напрямую редактировать HTML, CSS и JavaScript. Чтобы увидеть, как отображаются изменения, переключайтесь из режима просмотра кода в режим просмотра макета.

Создание покадровой мультипликации (режим "Быстрый") сделано просто и хорошо.
Более сложное дело - создание мультипликации в режиме "Расширенный", при котором нужно освоить работу шкалы времени, применение различных событий и пр.

При создании баннеров применяется так называемый адаптивный дизайн. Это позволяет правильно отражать созданные баннеры на экранах разных размеров (см. Сайты для разных экранов).

Баннер создается в визуальном режиме, без написания кода.(но имеется просмотр создаваемого кода).
Создаваемую мультипликацию можно предварительно просмотреть  в браузерах (по выбору).

Публикация работы - в местную папку или на диск Google - создается веб-страница с созданным баннером.


Видео-обучение

Недостатки программы:
Для версии Google Web Designer v 1.1 beta:

В последних версиях Google Web Designer:

О б у ч е н и е :



Скачать


Вернуться к обзору