Противно на това, което може да мислите от името му, това не е приложение за уеб дизайн. Вместо това Google Web Designer се фокусира върху проектирането на HTML5-базирани реклами и друго подобно уеб съдържание. Интерфейсът се чувства като кръстоска между видео редактор и пакет за уеб дизайн. За да се възползвате от него, трябва да го изтеглите безплатно от тук, за Mac или Windows.
- Искате ли да опитате Google Web Designer? Изтеглете го безплатно от тук
Приготвяме се да започнем
Стартирането на приложението ви предлага възможността да продължите със съществуващ проект, да стартирате нов от нулата или да използвате един от свързаните шаблони.
Избрахме първо да проверим шаблоните. Има 14, от които можете да избирате и ако не сте наясно какво предлагат, просто кликнете върху някой от тях, за да получите описание на това какво да очаквате, както и устройствата, които се поддържат от този шаблон.
Полето за търсене вдясно ви помага да стесните избора си въз основа на вашите критерии - например да търсите разширяема добавка, която работи на таблети. Можете също така да търсите шаблони с конкретни размери, например просто като въведете число в полето за търсене.
Всеки преглед има избор на размери. Изберете един и натиснете „Потвърждаване“.
Ако предпочитате да работите от нулата, изберете вместо това „Ново“ от менюто за стартиране. Ще видите, че са ви дадени различни възможности за избор, които ще определят обекта, който създавате. По подразбиране нов файл е зададен на ‘Banner’, но имате и 8 други типа на разположение за вас.
Можете да изберете средата (Display and Video 360, Google AdMob, Google Ads или нерекламна реклама), нейния размер и дали да я направите адаптивна реклама или не.
След като сте готови, правилният интерфейс ви се разкрива.
Интерфейс
Работното пространство е изключително гъвкаво и само защото страничните ленти се появяват на място, когато отворите приложението, не означава, че трябва да останат там, ако предпочитате различна работна среда. Например секциите могат да се превърнат в свободно плаващи прозорци и разделите могат да бъдат пренаредени, групите могат да се преоразмеряват, панелите могат да се добавят към различни групи и т.н.
Работа с активи
Файловете, които използвате в проекта си, могат да бъдат внесени чрез командата Import Assets или по-просто, като ги плъзнете и пуснете в работното си пространство.
Манипулирането им не е толкова интуитивно, колкото може да сте свикнали с други креативни приложения и често ще посещавате панелите със свойства, за да направите дори прости промени в активите си. Когато повечето приложения в наши дни ви позволяват да промените директно даден актив, това се чувства малко неловко в началото, въпреки че свиквате с него.
Това обаче не е инструмент за композиране на изображения. Google Web Designer не може да създаде активи за вас и трябва да използвате друго приложение като Photoshop, за да ги подготвите първо. Разбира се, ако всичко, от което се нуждаете, е статично изображение, тогава няма да имате нужда от приложението на Google. Това е от голяма полза за вас, ако искате елегантни анимации и уеб-съвместим код.
Анимация
Анимацията е прост въпрос за задаване на ключови кадри в различни моменти от време. Ако сте свикнали да правите филми, ще разберете същността му доста бързо.
Подходът на приложението е малко неясен, тъй като след като зададете ключова рамка, трябва да промените стойността на параметъра, който искате да анимирате, за да зададете този параметър като този, който искате да анимирате. Няма бутон за заключване на стойност на място, за да стартира процеса, така че ръчното променяне на стойността и след това връщането й е единственият начин приложението да разбере кой параметър ще промените с течение на времето.
След като това бъде направено, всички промени, които да се правят по същия параметър в друга точка по времевата линия, ще бъдат зададени автоматично, както бихте очаквали.
Обезпокояващо е, че няма как да разберете кои параметри всъщност са настроени да бъдат анимирани, което означава, че ако се върнете към проекта си по-късно, няма да разберете с един поглед кои стойности на активите са настроени да се движат и кога.
Хронологичната линия ще ви каже кои обекти са анимирани, но няма да знаете кои параметри, освен ако не пуснете анимацията. Това далеч не е ефективно.
Въпреки това е сравнително лесно да анимирате всякакви обекти на екрана и крайният резултат работи много добре. Можете дори да анимирате в 3D.
В крайна сметка Google Web Designer ви улеснява да проектирате широк спектър от уеб реклами, без дори да се налага сами да пишете ред код, което е голям плюс.
Това обаче не означава да се каже, че кодерите не се обслужват: кликнете върху Code View, за да видите проекта си в суров код, който след това можете да промените, за да отговаря на вашите специфични нужди, в случай че Design View не е подходящ за вашия нужди.
Преглед
Разделът за проверка на реклами следи вашия проект, като накратко ви казва колко голям ще бъде файлът и дали има нещо нередно в това, което сте създали чрез използването на приятелски изглеждащи зелени квадратчета.
За да видите как изглежда вашият проект в уеб браузър, щракнете върху бутона Преглед и изберете този, който искате да използвате. След това Google Web Designer ще го стартира и активира рекламата.
Ако не сте задали конкретно измерение, ще ви бъдат предложени различни размери, позволяващи ви да изберете кой (и) да се визуализира (всички те са представени по подразбиране).
И когато приключите работата си, натиснете Публикувай. Можете да го запазите локално на вашия твърд диск или да го качите на различни места в Google.
Също така имате възможност да запазите проекта си като шаблон, който можете да използвате повторно на по-късна дата.
поддържа
Работата с приложение за първи път може да бъде обезсърчаваща задача, така че бъдете сигурни, че Google предлага изчерпателни статии за това как да се възползвате максимално от своя уеб дизайнер, а потребителският форум е изпълнен и с полезни дискусии. И двете ще ви помогнат да разберете приложението и да разрешите повечето (ако не всички) проблеми, които може да имате.
Окончателна присъда
Google Web Designer е добре изглеждащо приложение, което ви позволява бързо да създавате уеб реклами, независимо дали знаете кодирането или не. Това не е най-добре проектираното приложение на платформата за Mac, взимайки повече подсказки от насоките за потребителския интерфейс на Windows, но работи както се рекламира и създава добри анимирани проекти. Определено си струва да проверите.
- Също така подчертахме най-добрия конструктор на уебсайтове