На відміну від того, що ви думаєте з його назви, це не додаток для веб-дизайну. Натомість Google Web Designer зосереджений на розробці реклами на основі HTML5 та іншого подібного веб-контенту. Інтерфейс відчуває себе як щось середнє між редактором відео та пакетом веб-дизайну. Для того, щоб скористатися нею, вам потрібно завантажити її безкоштовно звідси, для Mac або Windows.
- Хочете спробувати Google Web Designer? Завантажте його безкоштовно тут
Починаємо
Запуск програми пропонує вам можливість продовжити існуючий проект, розпочати новий з нуля або скористатися одним із наборів шаблонів.
Ми вирішили перевірити шаблони першими. Ви можете вибрати з 14, і якщо ви не зрозуміли, що вони пропонують, просто клацніть на будь-якому з них, щоб отримати опис, чого очікувати, а також пристрої, які підтримуються цим шаблоном.
Поле пошуку праворуч допомагає звузити ваш вибір на основі ваших критеріїв - наприклад, пошук розширеного додавання, яке працює на планшетах. Ви також можете шукати шаблони з певними розмірами, наприклад, просто ввівши число в поле пошуку.
Кожен попередній перегляд має вибір розмірів. Виберіть один і натисніть «Підтвердити».
Якщо ви віддаєте перевагу роботі з нуля, замість цього виберіть у меню запуску «Нове». Ви побачите, що вам надано різні варіанти, які визначатимуть об’єкт, який ви створюєте. За замовчуванням для нового файлу встановлено значення «Банер», але у вас також доступні 8 інших типів.
Ви можете вибрати середовище (Display and Video 360, Google AdMob, Google Ads або нерекламну рекламу), його розмір і те, чи робити його адаптивною рекламою чи ні.
Коли ви будете готові, власний інтерфейс вам відкриється.
Інтерфейс
Робоча область надзвичайно гнучка, і те, що бокові панелі з’являються в місці, коли ви відкриваєте програму, не означає, що вони повинні залишатися там, якщо ви віддаєте перевагу іншому робочому середовищу. Наприклад, секції можуть стати вільно плаваючими вікнами, а вкладки можна перевпорядкувати, змінити розмір груп, панелі можна додати до різних груп тощо, що робить надзвичайно гнучку систему.
Робота з активами
Файли, які ви використовуєте у своєму проекті, можна ввести за допомогою команди Імпорт активів, або простіше кажучи, перетягнувши їх на робочу область.
Маніпулювати ними не так інтуїтивно, як ви могли б звикнути з іншими креативними програмами, і ви часто опиняєтесь на панелях властивостей, щоб внести навіть прості зміни у свої активи. Коли більшість програм сьогодні дозволяють вам безпосередньо змінити об’єкт, спочатку це здається трохи незручним, хоча ви звикаєте до цього.
Однак це не інструмент компонування зображень. Google Web Designer не може створювати об’єкти для вас, і вам слід використовувати інший додаток, наприклад Photoshop, щоб спочатку підготувати їх. Звичайно, якщо вам потрібно лише статичне зображення, то вам не знадобиться додаток Google. Це дуже корисно для вас, якщо ви хочете елегантну анімацію та веб-сумісний код.
Анімація
Анімація - це проста справа встановлення ключових кадрів у різні моменти часу. Якщо ви звикли зніматися, ви швидко зрозумієте суть цього.
Підхід програми трохи незрозумілий, хоча, як тільки ви встановите ключовий кадр, вам потрібно змінити значення параметра, який ви хочете анімувати, щоб встановити цей параметр як той, який ви хочете анімувати. Немає кнопки, щоб зафіксувати значення на місці, щоб запустити процес, тому вручну змінити значення, а потім повернути його - це єдиний спосіб, щоб програма знала, який параметр ви збираєтеся змінити з часом.
Щойно це буде зроблено, будь-які зміни, внесені до цього самого параметра в іншій точці часової шкали, будуть встановлені автоматично, як і слід було очікувати.
Невтішно, ви ніяк не можете знати, які параметри насправді встановлені для анімації, а це означає, що якщо ви повернетесь до свого проекту пізніше, ви з першого погляду не дізнаєтесь, які значення активів встановлені для переміщення та коли.
Графік покаже вам, які об’єкти анімовані, але ви не будете знати, які параметри, якщо не відтворюєте анімацію. Це далеко не ефективно.
Незважаючи на це, відносно просто анімувати будь-які об’єкти на екрані, і кінцевий результат працює дуже добре. Ви навіть можете анімувати в 3D.
Зрештою, Google Web Designer спрощує розробку широкого спектра веб-оголошень, навіть не потрібно самостійно писати рядок коду, що є великим плюсом.
Однак це не означає сказати, що кодери не задоволені: клацніть на Перегляд коду, щоб побачити ваш проект у необробленому коді, який ви можете змінити відповідно до ваших конкретних потреб, якщо вигляд дизайну не підходить для вашого потреби.
Попередній перегляд
Розділ "Валідатор оголошень" відстежує ваш проект, з першого погляду повідомляючи, наскільки великим буде файл, і якщо з цим, що ви створили за допомогою дружніх зелених галочок, щось не так.
Щоб побачити, як ваш проект виглядає у веб-браузері, натисніть кнопку Попередній перегляд і виберіть той, який ви хочете використовувати. Потім Google Web Designer запустить його та активує рекламу.
Якщо ви не встановили конкретний розмір, вам будуть запропоновані різні розміри, що дозволить вам вибрати, який (-і) переглянути (всі вони представлені за замовчуванням).
А коли закінчите свою роботу, натисніть Опублікувати. Ви можете зберегти його локально на жорсткому диску або завантажити в різні місця Google.
Ви також можете зберегти свій проект як шаблон, який ви зможете використати пізніше.
Підтримка
Перша робота з додатком може бути непростим завданням, тому будьте впевнені, що Google пропонує вичерпні статті про те, як максимально використати свій веб-дизайнер, а форум користувачів також наповнений корисними обговореннями. І те, і інше допоможе вам зрозуміти програму та вирішити більшість (якщо не всі) проблеми, які можуть виникнути.
Остаточний вердикт
Google Web Designer - це симпатичний додаток, який дозволяє швидко створювати веб-оголошення незалежно від того, знаєте ви кодування чи ні. Це не найкраще розроблений додаток на платформі Mac, беручи до уваги більше рекомендації щодо користувальницького інтерфейсу Windows, але він працює за рекламою та створює хороші анімовані проекти. Безумовно, варто перевірити.
- Ми також виділили найкращого конструктора веб-сайтів
