Google Web Designer 1.0.4.0305 Beta Phần mềm thiết kế quảng cáo và nội dung cho web HTML5

Giới thiệu

Google Web Designer là một ứng dụng web cao cấp giúp người dùng thiết kế quảng cáo và nội dung web HTML5 hiệu quả. Google Web Designer có giao diện tích hợp đồ họa và code.

Ứng dụng này cho phép người dùng tạo ra nội dung web bằng các công cụ vẽ, thêm văn bản, và vật thể 3D, đồng thời người dùng cũng có thể tạo hiệu ứng cho đối tượng trên một timeline. Khi đã xong phần nội dung web, Google Web Designer sẽ cho kết quả là các mã HTML5, CSS3, và Javascript. Google Web Designer cho phép sử dụng rất nhiều phần trong thư viện: thêm ảnh, video, công cụ quảng cáo, ... để thiết kế quảng cáo.

Chú thích trong bảng:

1. Bảng điều khiển công cụ
2. Bảng điều khiển các lựa chọn công cụ
3. Timeline
4. Các thanh điều khiển màu, thuộc tính, thành phần, sự kiện và CSS

Chế độ hiển thị code của Google Web Designer cho phép bạn tạo ra các file CSS, JavaScript, và XML bằng cách sử dụng syntax highlighting và nhớ code tự động để viết code dễ hơn, ít lỗi hơn.

Google Web Designer phiên bản mới nhất cập nhật:

• Sửa 2 lỗi chính từ phiên bản 1.0.2.1210 cũ bao gồm: YouTube Flash Player không hoạt động trên trình duyệt Mozilla Firefox, và phần mở rộng quảng cáo Runtime In-App bị sai lệch vị trí và kích thước so với lúc khởi tạo (xem thêm tại đây).

Các tính năng:

Hỗ trợ hai chế độ hiệu ứng

Chế độ Quick cho phép xây dựng hiệu ứng theo từng cảnh, và cho các khung hình giữa các cảnh đó.

Trong chế độ Advanced, bạn có thể tạo hiệu ứng cho từng yếu tố bằng cách sử dụng layer, có thể dễ dàng thay đổi vị trí của các nhân tố trong chùm.

Môi trường thiết kế 3D đầy đủ

Tạo và điều chỉnh nội dung 3D bằng cách sử dụng một chuỗi các công cụ và tính năng của CSS3. Xoay vật thể 2D và 3D theo bất kỳ chiều nào. Mô phỏng các biến đổi và các tịnh tiến 3D theo ý người thiết kế.

Hỗ trợ chế độ hiển thị thiết kế và chế độ hiển thị code

Google Web Designer cho phép người dùng chuyển đổi qua lại nhanh chóng giữa hai chế độ xem này để đảm bảo các thiết kế thể hiện đúng ý tưởng của mình. Người dùng có thể theo dõi bất kỳ thay đổi code nào khi thay đổi thiết kế.

Hỗ trợ các công cụ minh họa

Bạn có thể nhập các công cụ từ các những phần mềm sáng tạo khác, đồng thời có thể sử dụng các công cụ minh họa tích hợp trong Google Web Designer để tạo ra các thiết kế theo phong cách vector, giúp cho sản phẩm của bạn có dung lượng nhỏ. Để tạo ra một thẻ HTML mới trong thiết kế, bạn chỉ cần vẽ thêm bằng công cụ thẻ.

Hỗ trợ tạo workflow quảng cáo dễ dàng

Google Web Designer giúp đăng quảng cáo dễ dàng trên mọi nền tảng. Chọn DoubleClick Studio hoặc AdMob, hoặc chọn Generic option để đẩy nội dung qua bất kỳ mạng lưới quảng cáo nào. Bạn không cần sử dụng code nào.

Cập nhật trong Google Web Designer 1.0.2.1210:

Tính năng mới: công cụ chỉnh sửa gradient:

Công cụ này hỗ trợ người dùng điều chỉnh vẽ các đường thẳng hoặc đường tròn theo phong cách đồ họa. Với Gradient editing tool, bạn có thể thay đổi các góc cũng như tỉ lệ đường tuyến tính và điểm trung tâm và quy mô đường tròn.

Sửa một số lỗi hoạt động khác:

Xem trước/Đăng tải:

• Chữ viết hoa trong nên trường trong thẻ phong cách được thay đổi sang chữ viết thường khi xem trước hoặc đăng tải một tệp.
• Hình ảnh nền không kết xuất khi xem trước.

Thành phần YouTube:

Bảng điều khiển tự động ẩn không hoạt động nếu thay đổi kích thước thành phần.

Bảng điều khiển CSS:

• Loại các trường mới nếu không thêm phong cách vào trường đó.
• Thiết lập thêm tên cho quy tắc mới trong một string trống khi cho tên không hợp lệ.
• Bổ sung Extra Class nếu người dùng thêm một thẻ phong cách mới cho font trong web sau đó nhân bản trang web đó.

Sự kiện (Event):

• Không hiển thị sự kiện khi chuyển đổi giữa các hoạt động trong hộp thoại Event.
• Kích hoạt nút Save khi không chọn tất cả cấu hình bắt buộc của sự kiện.

Timeline:

• Chèn keyframe trong pre-animation delay bằng ấn nút F6 không được cho phép trong ché độ Advanced.
• Cho phép chèn keyframe tại thời điểm bằng cách nhấn F6 hoặc nhấn chuột phải.
• Không chỉnh sửa được tên layer khi có một ID thành phần có sẵn trong các layer.

Hộp thoại New File:

Kích hoạt tính năng tạo ra thư mục mới trong hộp thoại New File.

Kéo thả ảnh:

Thao tác kéo thả ảnh không hoạt động hiệu quả khi chuyển qua lại giữa các tệp thuộc thư mục khác nhau.

Bảng chọn màu:

Cửa sổ chọn màu không hiện khi chọn màu bên trái cho màu gradient trên các ảnh dựa trên canvas.

Văn bản:

Thêm liên kết Web Font trong chế độ code sẽ làm treo chương trình khi chuyển sang chế độ Design.

Nhiều nhân tố:

Tạo ra nhiều lỗi khi undo thay đổi đối với giá trị trong phần xem thông tin property.

Hộp thoại đăng tải nhiều ảnh:

• Trường URL chỉ nhận http:// hoặc https://.
• Google Web Designer sẽ bỏ qua các tệp không hỗ trợ mà người dùng cố ý đăng tải bằng cách kéo thả.

Yêu cầu hệ thống:

• Bộ xử lý: Intel Pentium 4 hoặc AMD Athlon 64
• RAM: ít nhất 2 GB
• Độ phân giải màn hình: ít nhất 1280x1024
• Kích thước cửa sổ ứng dụng: ít nhất 1024x768
• Cần có kết nối Internet để cập nhật và xem hỗ trợ sử dụng phần mềm

Hướng dẫn

Xem video giới thiệu về Google Web Designer tại đây:

Tổng hợp