Google Web Designer

В октябре 2013 года, компания Google выпустила бесплатную программу Google Web Designer для разработки интерактивных приложений HTML5. Большинство отзывов о программе были положительные, хотя немного сложновато работать в Google Web Designer.

Flash не имеет будущего. Несмотря на это, многие рекламодатели по-прежнему полагаются на Флэш-баннеры, которые не работают на iOS. Adobe несомненно является лидером по созданию программ для дизайна, которое стабильно обновляются и очень дорогие для многих пользователей.

Приступая к работе

Лично Я, коды HTML, CSS и JavaScript пишу в бесплатной программе pspad, разработчик которой Ян Фиaла, но pspad не визуальный редактор. Я пробовал много веб-инструментов, для визуализации кода HTML с CSS, Я использую программу Adobe DW.

Многие профессиональные веб-дизайнеры осуждали визуальные редакторы WYSIWYG, потому что дизайн это творческий процесс, а не инструмент. Научится работать в визуальном редакторе можно методом научного тыка, потому что, будет виден результат, выполненных действий в программе.

Конечно, некоторые будут пользоваться такими средствами разработки, как Google Web Designer, потому что для таких программ не нужно читать много документации. Также обратите внимание, что Google Web Designer бета версия продукта, это означает что будут обновления.

к меню ↑

Установка Google Web Designer

Скачать Google Web Designer

Установка занимает не много времени. Приложение Google Web Designer устанавливается на Windows 7+ или Mac OS X 10.7.x+. Учитывая то что программа является средством веб-дизайна Google, можно подумать что программу создали как приложение на основе браузера или для браузера Google Chrome? Я установил Google Web Designer на Windows, как и в других программах Google, установщик несколько сотен КБ, который загружает несколько мегабайт приложения, для установки.

к меню ↑

Интерфейс Google Web Designer

После запуска программы вы увидите, красивый темный интерфейс:

Анимации в Google Web Designer
Инструменты Google Web Designer

Возможно интерфейс приложения покажется вам знакомым или похожим как в Creative Suite. В правой панели свойств много элементов управления — даже на большом мониторе, пришлось постоянно свернуть и развернуть панели, чтобы добраться до нужного пункта.

к меню ↑

Новый файл

Создать новый файл не сложно, нажмите ctrl+N.

Создать новый файл
Создать новый файл в Google Web Designer
к меню ↑

Создание анимации

В Google Web Designer создаём объект, затем для него определяем ключевые кадры, преобразовать в двух или трех измерениях, используя инструменты на левой панели. Кто знаком с линейными видео-редакторами будут ориентироваться в режиме анимации без особого труда. К сожалению, не возможно переключиться обратно с Расширенного режима в Быстрый, если он был активирован.

к меню ↑

Просмотр кода

Просмотр кода нового файла:

Просмотр кода в редакторе
Просмотр кода нового файла
к меню ↑

Заключение

У Google Web Designer, несомненно есть будущее. Но, чтобы сделать основную часть приложения, вы должны понимать и знать свойства анимации CSS3. Возможно, некоторые найдут это приложение удобным для быстрого создания макеты.

Плюсы:

  • Это бесплатно.
  • Простой интерфейс.
  • Легко создавать анимацию.
  • Может быть полезным для быстрого создание макета.

Минусы:

  • Не удается открыть файлы HTML не созданные в Google Web Designer.
  • Трудно добиться точных результатов, не вникая в исходный код.