Вопреки тому, что вы могли подумать по названию, это не приложение для веб-дизайна. Вместо этого Google Web Designer сосредоточен на разработке рекламы на основе HTML5 и другого аналогичного веб-контента. Интерфейс похож на нечто среднее между видеоредактором и пакетом веб-дизайна. Чтобы воспользоваться им, вам необходимо бесплатно загрузить его отсюда для Mac или Windows.
- Хотите попробовать Google Web Designer? Скачать бесплатно здесь
Начиная
Запуск приложения дает вам возможность продолжить существующий проект, начать новый с нуля или использовать один из связанных шаблонов.
Мы решили сначала проверить шаблоны. Есть 14 вариантов на выбор, и если вы не знаете, что они предлагают, просто нажмите на любой из них, чтобы получить описание того, чего ожидать, а также устройства, которые поддерживаются этим шаблоном.
Поле поиска справа поможет вам сузить выбор на основе ваших критериев - например, поиск расширяемого надстройки, работающего на планшетах. Таким же образом можно искать шаблоны определенных размеров, например, просто набрав число в поле поиска.
Для каждого предварительного просмотра можно выбрать размер. Выберите один и нажмите «Подтвердить».
Если вы предпочитаете работать с нуля, выберите «Создать» в меню запуска. Вы увидите, что вам предлагаются различные варианты выбора, которые будут определять создаваемый вами объект. По умолчанию новый файл имеет значение «Баннер», но вам также доступны 8 других типов.
Вы можете выбрать среду (Дисплей и Видео 360, Google AdMob, Google Реклама или сторонняя реклама), ее размер, а также указать, нужно ли делать это объявление адаптивным.
Когда вы будете готовы, вам откроется сам интерфейс.
Интерфейс
Рабочее пространство чрезвычайно гибкое, и то, что боковые панели появляются в том месте, где вы открываете приложение, не означает, что они должны оставаться там, если вы предпочитаете другую рабочую среду. Например, разделы могут стать свободно плавающими окнами, а порядок вкладок может быть изменен, размер групп может быть изменен, панели могут быть добавлены в различные группы и т. Д., Что делает систему удивительно гибкой.
Работа с активами
Файлы, которые вы используете в своем проекте, можно перенести с помощью команды «Импортировать активы» или, проще говоря, перетащив их в рабочее пространство.
Управление ими не так интуитивно понятно, как в других творческих приложениях, и вам придется часто посещать панели свойств, чтобы вносить даже простые изменения в свои ресурсы. Когда большинство приложений в наши дни позволяют вам напрямую изменять актив, сначала это кажется немного неудобным, хотя вы к этому привыкаете.
Однако это не инструмент для компоновки изображений. Google Web Designer не может создавать ресурсы за вас, и вам следует сначала использовать другое приложение, например Photoshop. Конечно, если все, что вам нужно, это статическое изображение, вам не понадобится приложение Google. Это очень полезно для вас, если вам нужна гладкая анимация и веб-совместимый код.
Анимация
Анимация - это простой вопрос установки ключевых кадров в различные моменты времени. Если вы привыкли к кинопроизводству, вы довольно быстро поймете его суть.
Однако подход приложения немного неясен, поскольку после того, как вы установили ключевой кадр, вам нужно изменить значение параметра, который вы хотите анимировать, чтобы установить этот параметр как тот, который вы хотите анимировать. Здесь нет кнопки для фиксации значения на месте для запуска процесса, поэтому изменение значения вручную с последующим его возвратом - единственный способ для приложения узнать, какой параметр вы собираетесь изменить с течением времени.
Как только это будет сделано, любые изменения, внесенные в тот же параметр в другой момент на временной шкале, будут установлены автоматически, как и следовало ожидать.
К сожалению, у вас нет возможности узнать, какие параметры на самом деле настроены для анимации, а это означает, что если вы вернетесь к своему проекту позже, вы не узнаете с первого взгляда, какие значения активов настроены на перемещение и когда.
Временная шкала покажет вам, какие объекты анимированы, но вы не узнаете, какие параметры, если не воспроизведете анимацию. Это далеко не эффективно.
Несмотря на это, относительно просто анимировать любые объекты на экране, и конечный результат работает очень хорошо. Вы даже можете анимировать в 3D.
В конце концов, Google Web Designer позволяет легко создавать широкий спектр веб-объявлений, даже не создавая строки кода самостоятельно, что является большим плюсом.
Однако это не означает, что программисты не обслуживаются: нажмите «Просмотр кода», чтобы увидеть свой проект в виде исходного кода, который затем вы можете изменить в соответствии с вашими конкретными потребностями, если представление «Дизайн» не подходит для вашего проекта. потребности.
Предварительный просмотр
Раздел Ad Validator отслеживает ваш проект, с первого взгляда сообщая вам, насколько большим будет файл и есть ли что-нибудь не так с тем, что вы создали, с помощью удобных зеленых флажков.
Чтобы увидеть, как ваш проект выглядит в веб-браузере, нажмите кнопку «Предварительный просмотр» и выберите тот, который вы хотите использовать. Затем Google Web Designer запустит его и активирует объявление.
Если вы не указали конкретный размер, вам будут предложены различные размеры, позволяющие выбрать, какие из них следует предварительно просмотреть (все они представлены по умолчанию).
И когда вы закончите свою работу, нажмите "Опубликовать". Вы можете сохранить его локально на жесткий диск или загрузить в различные места Google.
У вас также есть возможность сохранить свой проект как шаблон, который вы можете повторно использовать позже.
Служба поддержки
Работа с приложением в первый раз может быть сложной задачей, поэтому будьте уверены, что Google предлагает исчерпывающие статьи о том, как максимально использовать возможности своего веб-дизайнера, а форум пользователей также наполнен полезными обсуждениями. Оба помогут вам разобраться в приложении и решить большинство (если не все) проблемы, которые могут у вас возникнуть.
Окончательный вердикт
Google Web Designer - это красивое приложение, которое позволяет быстро создавать веб-объявления вне зависимости от того, разбираетесь ли вы в программировании или нет. Это приложение не с лучшим дизайном на платформе Mac, в большей степени заимствованное из рекомендаций по пользовательскому интерфейсу Windows, но оно работает так, как рекламируется, и создает хорошие анимационные проекты. Определенно стоит проверить.
- Мы также выделили лучший конструктор сайтов
