Похоже, Google Web Designer появился из ниоткуда. Компания запустила бесплатное приложение для разработки HTML5 в начале октября 2013 года во время интересного времени на рынке инструментов WYSIWYG…
- У Flash нет будущего. Несмотря на это, многие рекламодатели по-прежнему полагаются на Flash-баннеры, которые нельзя просматривать на устройствах iOS.
- Microsoft отказалась от своего веб-пакета Expression.
- Adobe продвигает Creative Cloud, который взимается ежемесячно и может стать дорогим для обычных пользователей.
Большинство онлайн-обзоров были положительными, хотя и немного легкими по техническим деталям.
Прежде чем я начну …
Я кодирую HTML, CSS и JavaScript вручную. Я испробовал много инструментов для создания веб-сайтов за эти годы, но мне их не хватало. Мои основные проблемы: они размещают уровень абстракции между мной и кодом, имеют крутой курс обучения, занимают больше времени и создают ужасную HTML-рвоту, которая редко работает во всех браузерах.
Многие приложения WYSIWYG осудили эру профессионального веб-дизайна, но этого не произошло. Это потому, что создание — это процесс, а не инструмент. Я могу купить кирпичи и строительный раствор, но это не дает мне времени, желания или навыков, чтобы построить свой собственный дом.
Конечно, некоторые люди используют такой инструмент, как Google Web Designer, и никогда больше не нанимают профессионалов. Однако тот, кто думает, что может выполнять вашу работу, вряд ли будет вас нанимать. Они почти наверняка будут клиентом, который тратит ваше время и мотивацию.
Хотя я старался быть непредвзятым, будь осторожен с тем, что я предвзят. Также обратите внимание, что веб-дизайнер является бета-продуктом и, вероятно, будет развиваться.
Установка
Как ни странно, Google Web Designer — это устанавливаемое приложение для Windows 7+ или Mac OS X 10.7.x +. Учитывая, что это инструмент веб-дизайна от Google, вы бы подумали, что они создадут приложение на основе браузера? Я протестировал версию для Windows и, как и другие программы Google, установщик занимает несколько сотен килобайт и загружает несколько мегабайт ресурсов при установке.
Загрузите его с www.google.com/webdesigner/
Интерфейс
Запуск приложения занимает много времени, но, когда это произойдет, вам будет представлен привлекательный темный интерфейс:
Есть ли у вас чувство дежа вю? Он берет дизайнерские подсказки от Expression и Creative Suite. Я слышал через виноградную лозу, что она была разработана командой бывших программистов Adobe, так что, возможно, это не удивительно.
Интерфейс понятен и привлекателен, хотя возможна небольшая настройка. Я также обнаружил, что правая панель свойств имеет слишком много элементов управления — даже на большом мониторе вам нужно постоянно сворачивать и расширять панели, чтобы достичь требуемого варианта.
Это не веб-дизайнер
Несмотря на название, это не типичное приложение для веб-дизайна. Некоторые маркетинговые сообщения создают такое впечатление, но Google Web Designer — это прежде всего инструмент для создания CSS3-анимации на основе рекламы HTML5.
Хотя было бы возможно создавать веб-страницы, это не правильный инструмент для работы. Он не имеет функций создания текстового содержимого и не будет открывать файлы .html, если они не были изначально созданы с помощью приложения.
Google Web Designer ближе к анимации или видео приложения. Более подходящим названием будет Google Ad Designer .
Создание анимации
Анимация элемента проста. Вы создаете объект, такой как заголовок или рисунок, а затем определяете ключевые кадры, которые определяют, как он трансформируется в двух или трех измерениях, используя функции замедления. После завершения код анимации CSS3 автоматически определяется для анимации между каждым состоянием.
Анимация достаточно интуитивно понятна. Любой, кто знаком с видеоредакторами, распознает «Быстрый» режим анимации с простыми ключевыми кадрами или «Расширенный» режим с временной шкалой кадров. К сожалению, невозможно переключиться обратно в расширенный режим после его активации.
Несмотря на то, что возможны простые анимации, вам нужно будет добавить свойства CSS или перейти в представление кода для чего-то более сложного.
Посмотреть источник, Люк
Google делает смелое заявление «Одна идея. Любой экран ». В блоге рекламодателя DoubleCLick говорится: « Построй один раз, беги куда угодно » .
Не верь им.
Первый предупреждающий знак — отсутствие параметров предварительного просмотра для Firefox и Opera. Исходный код HTML не самый плохой, который я видел — хотя он страдает от перегрузки ненужных элементов div, идентификаторов и классов — но шокирует то, что он работает только в браузерах Webkit. Это верно, 50% вашей аудитории не смогут увидеть ваши любовно созданные анимации. Гораздо больше людей могут просматривать рекламу на основе Flash.
Держи голову в стыде, Google. Если бы это было коммерческое приложение, вам бы предъявили иск за вводящие в заблуждение утверждения (возможно, кто-то ответит?). Существует небольшое оправдание, учитывая, что Google разветвил Webkit, и это единственный механизм, который пока не удаляет префиксы из свойств анимации CSS.
Дефектная концепция?
Google Web Designer, несомненно, улучшится. Однако, чтобы максимально использовать возможности приложения, вам необходимо понимать концепции и свойства CSS3-анимации. Но если вы можете написать код CSS3, зачем использовать приложение, которое может быть медленнее и раздражительнее, чем текстовый редактор? Возможно, некоторые найдут это практичным для быстрых и грязных макетов, но у меня есть сомнения.
Я поражен положительными отзывами, которые получил Google. Это может быть бесплатно, но это не означает нулевую стоимость. Я уверен, что некоторые будут в восторге от веб-дизайнера, но я надеюсь, что профессионалы увидят рекламный шумиху
Плюсы:
- Это бесплатно.
- Разумный интерфейс.
- Легко создавать анимацию.
- Это может быть полезно для быстрого прототипирования.
Минусы:
- Это не приложение веб-дизайна, а анимированный рекламный инструмент.
- Невозможно открыть файлы HTML, не созданные веб-дизайнером.
- Трудно добиться точных результатов, не углубляясь в исходный код.
- Совершенно бесполезный продукт, пока он не поддерживает все основные браузеры.
Таким образом, Google Web Designer слишком сложен для новичков и слишком неуклюж для профессионалов. Избегайте пока.