Hướng Dẫn Sử Dụng Google Web Designer

Google web designer là một công cụ thiết kế hữu ích mà chúng ta có thể sử dụng để tạo ra các chuyển động đẹp mắt cho website của mình. Bài viết này dichvutructuyen.com.vn sẽ hướng dẫn sử dụng Google web designer cho những người mới bắt đầu. Cùng nghe nhé.

Bạn đang xem: Hướng dẫn sử dụng google web designer


1.Google web designer là gì?

Google Web Designer là phần mềm được ra mắt với giới điệu mộ vào năm 2013 và không ngừng phát triển và hoàn thiện.

Sau khi ra mắt một thời gian ngắn, Google web designer đã được hơn 5 nghìn trang web sử dụng để phát triển cho website của họ.

Hiện tại có đến hơn 2 nghìn trang web đang sử dụng trực tiếp phần mềm Google web designer và hơn 7 nghìn trang web đã sử dụng.

Vậy trước khi tìm hiểu về hướng dẫn sử dụng Google web designer, chúng ta hãy thử tìm hiểu xem Google web designer là gì mà lại khiến nó trở thành một công cụ hữu ích cho các nhà thiết kế website đã nhé.

Google web designer – GWD là một ứng dụng giúp bạn thiết kế ra những quảng cáo HTML5 và cho phép bạn tạo ra những nội dung website khác nhau bằng giao diện mã và trực quan tích hợp.

Chúng ta có thể sử dụng GWD để tạo ra các nội dung bằng các công cụ vẽ 3D, tạo và chỉnh sửa hình ảnh…

Sau đó GWD sẽ xuất ra file HTML5 hoặc CSS3 mà chúng ta có thể nhìn thấy một cách bắt mắt, sinh động nhất.

GWD cũng là một trong những phần mềm đọc lập được thiết kế sẵn cho các giao diện trên Windows, Mac và Linux.

2. Một số tính năng của Google web designer mà chúng ta cần biết

a. Chuyển đổi HTML tự động

Chúng ta có thể tự động chuyển đổi bất kỳ trang nào trong Google drive sang dạng HTML và chúng ta có thể xem trước quá trình HTML từ bất kỳ thiết bị nào mà chúng ta có.

b. Bố cục linh hoạt

Với GWD bạn có thể thiết lập chiều rộng và chiều cao linh hoạt bằng cách sử dụng tỷ lệ phần trăm.

Xem thêm: Ca Sĩ Nhạc Pop Charlie Puth Chiều Cao, Charlie Puth Chiều Cao

Vì thế mà website của bạn có thể căn chỉnh lại bằng cách phát triển và thu nhỏ theo thiết bị mà không làm biến dạng cấu trúc tổng thể.

*

c. Cung cấp môi trường 3D cho người dùng

Google web designer sẽ cung cấp cho người dùng công cụ xoay 3D để chúng ta có thể xem xét kết quả từ nhiều hướng, nhiều góc độ khác nhau

Bạn chỉ cần nhấp vào và kéo là có thể xoay chuyển được đối tượng đó.

d. Xuất bản DoubleClick Studio

Ngoài tính năng chuyển đổi HTML tự động và cung cấp môi trường 3D thì GWD còn cung cấp cho người dùng một loạt các tính năng thú vị như thư viện hình ảnh, bản đồ, video cũng như các tính năng khác nhằm mang đến cho người dùng các trải nghiệm tốt nhất.

Sau khi các thiết kế của bạn hoàn chỉnh, bạn có thể xuất bản trực tiếp vào các studio nếu bạn muốn.

e. Chế độ hoạt ảnh

Có 2 chế độ hoạt ảnh mà GWD cung cấp cho người dùng là Quick và Advanced với rất nhiều các tùy chọn khác nhau như dòng thời gian, tạo khung hình chính tự động…

Nếu như với Quick mode bạn có thể đi qua từng cảnh thì bạn có thể điều khiển các khung hình riêng lẻ với Advanced mode.

Ngoài ra, GWD còn cung cấp cho người dùng thêm các tính năng khác như template thiết kế, căn chỉnh màu sắc nhằm đáp ứng nhu cầu sử dụng của người dùng.

3. Hướng dẫn sử dụng Google web designer

Google web designer là một ứng dụng cho phép chúng ta thiết kế và tạo quảng cáo. Và để thực hiện đúng theo hướng dẫn sử dụng Google web designer của chúng tôi, bạn cần biết đôi chút về photoshop hoặc một vài phần mềm chỉnh sửa ảnh thì sẽ rút ngắn thời gian hơn rất nhiều đấy nhé.

Đầu tiên, chúng ta cần tải phần mềm Google web designer và cài đặt chúng cho máy tính của mình.

Sau khi cài đặt thành công, chúng ta mở ứng dụng Google web designer lên và sẽ nhận được các câu hỏi lựa chọn các kiểu thiết kế như sau:

Create New File: tạo tập tin mới cho việc thiết kế

Use Template: Sử dụng hình nền có sẵn của GWD

Find Help: hướng dẫn

Hướng dẫn sử dụng google web designer không thể thiếu phần thiết kế banner như sau:

Đầu tiên bạn cần chọn Create New File để tạo tệp mới và thực hiện tùy chọn các mục như sau:

Name: bạn cần đặt tên cho tệp của mình sao cho dễ nhớ và dễ tìm kiếm nhé

Location: Đường dẫn để lưu file

Environment bao gồm: Double Click, AdWords, AdMob,Non-Google ad

Dimensions là mục mô tả kích thước, độ phân giải. Chúng ta click vào sẽ có các lựa chọn

Animation mod: để chế độ mặc định

Adwords sẽ bao gồm các thông số như:

Element Tool (D)

Bạn có thể tùy chọn thiết kế theo các thứ tự như sau: div-image-video

Trong đó:

Div: miêu tả bất cứ thứ gì được tạo ra trong option này sẽ hiển thị ở vị trí bạn quy định.

Image : các hình ảnh mà chúng ta add vào sẽ được hiển thị

Video: hiển thị các video mà chúng ta add vào.

Position and size: giúp chúng ta điều chỉnh kích thước của thành phần

Translation, rotation và Scalelà các thông số điều chỉnh tọa độ và độ nghiêng

Thay đổi cách theo dõi keyframe

Trên đây là hướng dẫn sử dụng Google web designer mà dichvutructuyen.com.vn muốn bật mí đến bạn đọc. Mặc dù chỉ là thiết kế banner cơ bản nhưng chắc hẳn bài viết cũng đã mang đến cho bạn những kiến thức bổ ích phải không nào. Chúc các bạn thực hiện thành công và đừng quên đón đọc các bài viết bổ ích khác của dichvutructuyen.com.vn nhé.